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

   EDUCATIVE | Evaluation
    
@endsection

@section('body')
<div class="card">
    <div class="card-header">
        <h5>Evaluation</h5>
        <span>Liste des évaluations</span>
    </div>
    <div class="card-block table-border-style">
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                      <th >No</th>
                      <th >Evaluation</th>
                      <th>Classe</th>
                      <th>Matiere</th>
                      <th>Date</th>
                      <th class="text-center" style="text-align: center; width: 300px" colspan="3">Action </th>
                    </tr>
                </thead>
                <tbody>
             @foreach($evaluations as $key=>$evaluation)
              <tr>

              <td>
                 {{$key+1}} 
              </td>

              <td>
              {{$evaluation->nom}}
              </td>

              <td>
                  {{$evaluation->classe->nom}}
              </td>

              <td>
                  {{$evaluation->matiere->nom}}
              </td>

              <td>
                  {{$evaluation->date}}
              </td>

              <td style="width: 100px" class="text-center">
                  <a data-toggle="modal" data-target="#evaluation_{{$evaluation->id}}" href="#" style="border-radius: 20px" type="button" class="btn btn-primary btn-xs" title="Note de classe ou d'examens?"><i class="fa-solid fa-book-open"></i></a> 
              </td>
                  
              <td style="width: 100px" class="text-center" >
                  <a href="{{route('liste_eleve',['id'=>$evaluation->classe->id,'idE'=>$evaluation->id])}}" style="border-radius: 20px" type="button" class="btn btn-success btn-xs" title="Attribuer note"><i class="fa-solid fa-bookmark"></i></a> 
              </td>
              <td style="width: 100px" class="text-center">
                  <a data-toggle="modal" data-target="#evaluation{{$evaluation->id}}" href="#" style="border-radius: 20px" type="button" class="btn btn-danger btn-xs" title="Supprimer"><i class="fas fa-trash"></i></a> 
              </td>
              <!-- <td>
                   <a href="#" style="border-radius: 20px" type="button" class="btn btn-warning btn-xs" title="Modifier"><i class="fas fa-pencil"></i></a> 
              </td> -->

              <!--Modal-->
                <div id="evaluation{{$evaluation->id}}" class="modal" tabindex="-1" role="dialog">
                  <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h5 class="modal-title">Suppression</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                        </button>
                      </div>
                      <div class="modal-body">
                        <p>Voulez-vous vraiment supprimer cette évaluation ?</p>
                      </div>
                      <div class="modal-footer">
                        <button data-dismiss="modal" type="button" class="btn btn-primary">Annuler</button>
                      <form action="{{ route('evaluations.destroy', $evaluation->id) }}" method="post">
                       @csrf
                        @method('DELETE')
                        <button class="btn btn-danger btn-xs" type="submit">Supprimer</button>
                        <!-- <a  href="#" type="button" class="btn btn-danger btn-xs" title="delete">Supprimer</a> -->
                      </form>
                        <!-- <a  href="#" type="button" class="btn btn-danger btn-xs" title="delete">Supprimer</a> -->
                        <!-- <button type="button" class="btn btn-danger" data-dismiss="modal">Supprimer</button> -->
                      </div>
                    </div>
                  </div>
                </div>
                <!--EndModal-->


            <!--ModalEnregisterType-->   
            <div class="modal fade" id="evaluation_{{$evaluation->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Veuillez choisir</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">
                    <form action="{{route('type_note', $evaluation->id)}}" method="POST">
                       @csrf                      
                      <div class="form-group">
                        <label for="type_note" class="col-form-label">Type de note pour l'évaluation:</label><br>
                        <select id="type_note" class=" form-control" name='type_note' aria-label=".form-select-sm example">
                          <option value="" selected>Choisir</option>
                          <option name='type_note' value="1">1ère note de classe</option>
                          <option name='type_note' value="2">2ème note de classe</option>
                          <option name='type_note' value="3">3ème note de classe</option>
                          <option name='type_note' value="4">note d'examens</option>
                        </select>
                      </div>
                   
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                   <!-- <a id="note"  href="#" style="border-radius: 20px" type="button" class="btn btn-primary btn-xs" title="Voir 1">Enregistrer note</a>  -->
                   <button class="btn btn--radius-2 btn--red btn-primary" type="submit">Enregistrer</button>
                  </div>
                </form>
                </div>
              </div>
            </div>
        <!--endModal-->



              </tr> 
              @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

@endsection

@section('javascript')



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

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

 
@endsection