@extends('admin.base')
@section('title')

   EDUCATIVE | Questionnaire
    
@endsection

@section('meta')

  
@endsection

@section('stylesheet')

<link rel="stylesheet" href="{{asset('admin/style.css')}}" />

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    
@endsection

@section('body')

<div class="midde_cont">
  <div class="container-fluid">
<!--      <div class="row column_title">
        <div class="col-md-12">
           <div class="page_title">
              <h2>Tableau de bord/ Mes </h2>
           </div>
        </div>
     </div> -->
     <!-- row -->
     <div class="row column4 graph">
        <!-- Gallery section -->
        <div class="col-md-12">
           <div class="white_shd full margin_bottom_30">
              <div class="full graph_head">
                 <div class="heading1 margin_0">
                    <h2>QUIZ</h2>
                 </div>
              </div>
              <div class="full gallery_section_inner padding_infor_info">

             
                <h3 style="color : black ;"><u> <strong>{{$evaluation->nom}}</strong></u></h3> <br>
               <div class="row gy-5">
                <div class="card">
                  <div class="card-body" >
                    <center>
                      <br>
                     <p><h4  class='title' style="color : black ;"> <strong>{{$evaluation->matiere->nom}}</strong></h4></p>
                    </center>
                     <!--debut Form-->
                  <form method='POST' action=" {{route('correction_test',$evaluation->id)}} " class="row g-3 needs-validation" >
                          @csrf
                           <input type='hidden' name='id_exam' value="">
                            <input type='hidden' name='id_mod' value="">
                      

                          @foreach($questions as $key=>$question)

                            <h6> <strong >{{$key+1}}. {{$question->libelle}}</strong></h6>
                              @if(count($question->liste_reponse($question->id))==2)
                              @foreach($question->liste_reponse($question->id) as $reponse)
                              <div class="">
                              <div class="form-check">
                               
                                <input id="reponse_{{$reponse->id}}"  class="form-check-input" type="radio"  name="reponse_{{$reponse->id}}" value="{{$reponse->statut}}" >
                                

                                <label class="form-check-label" for="gridRadios1">
                                <h6> {{$reponse->libelle}}</h6>
                                </label>
                              </div>
                              @endforeach
                             @endif

                            @if(count($question->liste_reponse($question->id))==4)
                            @foreach($question->liste_reponse($question->id) as $reponse)
                            <div class="">
                              <div class="form-check">
                                <input id="reponse_{{$reponse->id}}" class="form-check-input" type="checkbox" name="reponse_{{$reponse->id}}"  value="{{$reponse->statut}}">
                                <label class="form-check-label" for="gridRadios1">
                                  <h6>{{$reponse->libelle}}<h6>
                                </label>
                              </div>
                              @endforeach
                            @endif


                           @if(count($question->liste_reponse($question->id))==0)   
                             <input type='hidden' name="" value="">
                                <h5> <strong></h5>
                            <div class="">
                           <textarea class=" form-control " name=""  class="">
                         </textarea>
                          </div>
                         @endif
                      <br><br>
             <!-- End Table with stripped rows -->
             
                   @endforeach
                 </div>
                </center>
                </div>
               </div>
                </div>
             <div class="text-center">
                <button type="reset" class="btn btn-secondary">Annuler</button>
                 <a  href=""> <button type="submit" class="btn btn-danger">Envoyer</button></a>
                </div>
                <br>
            </section>
        </form>
         <!--endForm-->
                 
              </div>
           </div>
        </div>
     </div>
     <!-- footer -->
  </div>
  <!-- end dashboard inner -->
</div>


@endsection

@section('javascript')



@endsection