mcq

<form id="submit1" action="{{url('/free_mcq_answered',$FreeMcq->id)}}" method="post" class=""> @csrf
        <div class="row justify-content-center">
            <div class="col-md-6 col-10">
    
            <h2 class="text-center">{{$FreeMcq->name}}</h2>
            
                <span class="bg-danger fs-3 text-white px-3 rounded" id="newTimeCount" style="position:fixed;bottom:10px;left:10px;"></span>
            
            <hr>
                @foreach($FreeMcqDatas as $FreeMcqData)
                <h3 class="pt-4">{{$loop->index+1}}) {{$FreeMcqData->question}}</h3>
                
                <div class="row">
                    <div class="col-md-12">
                        <span>
                          <input class="form-check-input" type="radio" name="flexRadioDefault{{$FreeMcqData->id}}" value="{{$FreeMcqData->option1}}" id="q1{{$FreeMcqData->id}}">
                          <label class="form-check-label" for="q1{{$FreeMcqData->id}}">{{$FreeMcqData->option1}}</label>
                        </span>
                    </div>
                    <div class="col-md-12">
                        <span>
                          <input class="form-check-input" type="radio" name="flexRadioDefault{{$FreeMcqData->id}}" value="{{$FreeMcqData->option2}}" id="q2{{$FreeMcqData->id}}">
                          <label class="form-check-label" for="q2{{$FreeMcqData->id}}">{{$FreeMcqData->option2}}</label>
                        </span>
                    </div>
                    <div class="col-md-12">
                        <span>
                          <input class="form-check-input" type="radio" name="flexRadioDefault{{$FreeMcqData->id}}" value="{{$FreeMcqData->option3}}" id="q3{{$FreeMcqData->id}}">
                          <label class="form-check-label" for="q3{{$FreeMcqData->id}}">{{$FreeMcqData->option3}}</label>
                        </span>
                    </div>
                    <div class="col-md-12">
                        <span>
                          <input class="form-check-input" type="radio" name="flexRadioDefault{{$FreeMcqData->id}}" value="{{$FreeMcqData->option4}}" id="q4{{$FreeMcqData->id}}">
                          <label class="form-check-label" for="q4{{$FreeMcqData->id}}">{{$FreeMcqData->option4}}</label>
                        </span>
                    </div>
                </div>
    
                @endforeach
            </div>
            <div class="col-12 text-center pt-2 pb-5">
                <button type="submit" class="btn btn-success px-5">Done</button>
            </div>
        </div>
    </form>
<script>
    let a = {{$FreeMcq->time}};
    let b = setInterval(timeCo, 1000);
    function timeCo(){
        if(a==0){
            clearInterval(b);
            document.getElementById('submit1').submit();
        }
        document.getElementById('newTimeCount').innerHTML=a;
        a--;
    }
</script>
    public function free_mcq_answered(Request $request, $id){
        $Setting = Setting::latest()->first();
        $questions = FreeMcqData::where('free_mcq_id',$id)->get();
        $answers = [];
        $total = 0;
        $total_currect = 0;
        $total_incurrect = 0;
        foreach ($questions as $data) {
            $answerValue = $request->input('flexRadioDefault'.$data->id);
            $answers[$data->id] = $answerValue;
            if($answers[$data->id]==$data->answer){
                $total_currect=$total_currect+1;
            }
            else{
                $total_incurrect=$total_incurrect+1;
            }
        }
        $total=$total_currect+$total_incurrect;
        // echo "Correct : ".$total_currect." Incorrect : ".$total_incurrect;
        return view('FreeReport',compact('Setting','total','total_currect','total_incurrect'));
    }