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

   AKIRO | dashboard
    
@endsection

@section('body')

<main style="padding-top: 50px" id="main" class="main">

<div class="card">

            <div class="card-body">

              <h5 class="card-title">Ajout de QCM(Question à Choix Multiple)</h5>
<div class="container">
<center>@if(Session::has('success'))
       <div class="alert alert-success alert-dismissible fade show" role="alert">
                <i class="bi bi-check-circle me-1"></i>
                {{Session('success')}}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
              </div>
        @endif

                @if(Session::has('erreur'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <i class="bi bi-check-circle me-1"></i>
                {{Session('erreur')}}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
              </div>
              @endif
            </center>
              <!-- Vertical Form -->
    <form action='' method='POST' action="{{action('App\Http\Controllers\utilController@ajoutQCM')}} " class="row g-3 needs-validation" >
              @csrf
              <div class="col-12">
              <label for="id_mod" class="form-label">Choisir un Examen</label>

                  <select id="inputState" name='id_mod' class="form-select" required>
                  <option  value=""  selected>----   -----   ----  -----</option>
                      @foreach($listExam as $exam)
                    <option name='id_mod' value="{{$exam->id_mod}}">{{$exam->ilibelle_mod}}</option>
                    @endforeach
                  </select>

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


              </div>

                <div class="col-12">
                  <label for="libelle_reponse_1" class="form-label">Option 1</label>
                  <input type="text" name="libelle_reponse_1"  class="form-control" required>
                  <div class="col-md-4">
                  <select id="inputState" name="statut_1" class="form-select" required>
                    <option value="" selected >Choisir un statut</option>
                    <option name="statut_1" value="correct"> Correcte</option>
                    <option name="statut_1" value="incorrect"> Incorrecte</option>
                  </select>
                </div>
                </div>
                <div class="col-12">
                  <label for="libelle_reponse_2" class="form-label">Option 2</label>
                  <input type="text"name="libelle_reponse_2" class="form-control" required >
                  <div class="col-md-4">
                  <select id="inputState" name="statut_2" class="form-select" required>
                    <option value="" selected >Choisir un statut</option>
                    <option name="statut_2" value="correct"> Correcte</option>
                    <option name="statut_2" value="incorrect"> Incorrecte</option>
                  </select>
                </div>
                </div>
                <div class="col-12">
                  <label for="libelle_reponse_3" class="form-label">Option 3</label>
                  <input type="text"name="libelle_reponse_3" class="form-control"  required>
                  <div class="col-md-4">
                  <select id="inputState" name="statut_3" class="form-select" required>
                    <option value="" selected >Choisir un statut</option>
                    <option name="statut_3" value="correct"> Correcte</option>
                    <option name="statut_3" value="incorrect"> Incorrecte</option>
                  </select>
                </div>
                </div>
                <div class="col-12">
                  <label for="libelle_reponse_4" class="form-label">Option 4</label>
                  <input type="text"name="libelle_reponse_4" class="form-control" required>
                  <div class="col-md-4">
                  <select id="inputState" name="statut_4" class="form-select form-control" required>
                    <option value="" selected >Choisir un statut</option>
                    <option name="statut_4" value="correct"> Correcte</option>
                    <option name="statut_4" value="incorrect"> Incorrecte</option>
                  </select>
                </div>
                </div>



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

            </div>
          </div>
        </div>
</div>
</main>


 @endsection