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

   EDUCATIVE | Eleve
    
@endsection


@section('stylesheet')

  <!-- Main CSS-->
  <link href="{{asset('eleve_form/css/main.css')}}" rel="stylesheet" media="all">

    
@endsection

@section('body')
<div class="page-wrapper  p-t-45 p-b-50">
        <div class="wrapper wrapper--w790">
            <div class="card card-5">
                <div class="card-heading">
                    <h2 class="title">Creation d'un QCM</h2>
                </div>
                <div class="card-body">

                <form action="{{route('store_qcm')}}" method='POST' class="row g-3 needs-validation" >
                  @csrf
                    <div class="col-12">
                       <label for="evaluation_id" class="form-label">Choisir l'évaluation </label>
                          <select id="inputState" name='evaluation_id' class="form-select" required>
                          <option  value=""  selected>----   -----   ----  -----</option>
                            @foreach($evaluations as $evaluation)
                            <option name='evaluation_id' value="{{$evaluation->id}}">{{$evaluation->nom}} de {{$evaluation->matiere->nom}} ({{$evaluation->periode}}) </option>
                            @endforeach
                          </select>
                    </div>

                     <div class="col-12">
                      <label for="libelle" class="form-label">libellé</label>
                      <textarea name="libelle" class="form-control" ></textarea>
                    </div>

                    <div class="col-12">
                      <label for="point_question" class="form-label">La question vaut combien de point?</label>
                      <select id="inputState" name="point_question" class="form-select " required>
                        <option  value=""  selected>----   -----   ----  -----</option>     
                        <option name="point_question" value="0.25"> 0,25 </option>
                         <option name="point_question" value="0.50"> 0,50 </option>
                        <option name="point_question" value="0.75"> 0,75 </option>
                        <option name="point_question" value="1"> 1 </option>
                        <option name="point_question" value="1.25"> 1,25 </option>
                        <option name="point_question" value="1.5"> 1,5 </option>
                        <option name="point_question" value="2"> 2 </option>
                      </select>
                    </div>

                    <div class="col-12">
                      <label for="reponse1" class="form-label">Option 1</label>
                      <input type="text" name="reponse1"  class="form-control" required>
                      <select id="inputState" name="statut1" class="form-select col-md-4" required>
                        <option value="" selected >Choisir un statut</option>
                        <option name="statut1" value="correct"> Correcte </option>
                        <option name="statut1" value="incorrect"> Incorrecte </option>
                      </select>
                    </div>

                    <div class="col-12">
                      <label for="reponse2" class="form-label">Option 2</label>
                      <input type="text"name="reponse2" class="form-control" required >
                      <select id="inputState" name="statut2" class="col-md-4 form-select" required>
                        <option value="" selected >Choisir un statut</option>
                        <option name="statut2" value="correct"> Correcte</option>
                        <option name="statut2" value="incorrect"> Incorrecte</option>
                      </select>
                    </div>

                    <div class="col-12">
                      <label for="libelle_reponse_3" class="form-label">Option 3</label>
                      <input type="text"name="reponse3" class="form-control"  required>
                      <select id="inputState" name="statut3" class="col-md-4 form-select" required>
                        <option value="" selected >Choisir un statut</option>
                        <option name="statut3" value="correct"> Correcte</option>
                        <option name="statut3" value="incorrect"> Incorrecte</option>
                      </select>
                    </div>

                    <div class="col-12">
                      <label for="reponse4" class="form-label">Option 4</label>
                      <input type="text"name="reponse4" class="form-control" required>
                      <select id="inputState" name="statut4" class="col-md-4 form-select form-control" required>
                        <option value="" selected >Choisir un statut</option>
                        <option name="statut4" value="correct"> Correcte</option>
                        <option name="statut4" value="incorrect"> Incorrecte</option>
                      </select>
                    </div>

                    <div class="text-center">
                      <button type="submit" class="btn btn-primary">Valider</button>
                      <button type="reset" class="btn btn-danger">Annuler</button>
                    </div>
                </form>
               <!-- Vertical Form -->
            </div>
            </div>
        </div>
    </div>


@endsection

@section('javascript')

    @if(session()->has('info'))
    <script >

      Swal.fire('{{session('info')}}')
      
    </script>
    @endif  

@endsection