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

   EDUCATIVE | Matiere
    
@endsection

@section('body')
<div class="col-8 mx-auto card">
    <div class="card-header">
        <h5>Matieres</h5>
        <span>Liste des matieres</span>
    </div>
    <div class="card-block table-border-style">
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                      <th >No</th>
                      <th >Matières</th>
                      <!-- <th width="40">description</th> -->
                      <th class="text-center" style="text-align: center; width: 200px" colspan="2">Action </th>
                    </tr>
                </thead>
                <tbody>
             @foreach($matieres as $key=>$matiere)
              <tr>

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

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

              <!-- <td  width="40">
                  {{$matiere->description}}
              </td> -->
                  
              <!-- <td>
                  <a href="#" style="border-radius: 20px" type="button" class="btn btn-primary btn-xs" title="Voir 1">Voir</a> 
              </td> -->
              <td style="width: 100px" colspan="" class="text-center">
                   <a href="{{ route('matieres.edit', $matiere->id) }}" style="border-radius: 20px" type="button" class="btn btn-success btn-xs" title="Modifier"><i class="fas fa-pencil"></i></a> 
              </td>
               <td style="width: 100px" class="text-center">
                  <a data-toggle="modal" data-target="#matiere{{$matiere->id}}" href="#" style="border-radius: 20px" type="button" class="btn btn-danger btn-xs" title="Supprimer"><i class="fas fa-trash"></i></a> 
              </td>
              
              <!--Modal-->
                <div id="matiere{{$matiere->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 matière ?</p>
                      </div>
                      <div class="modal-footer">
                        <button data-dismiss="modal" type="button" class="btn btn-primary">Annuler</button>
                      <form action="{{ route('matieres.destroy', $matiere->id) }}" method="post">
                       @csrf
                        @method('DELETE')
                        <button class="btn btn-danger btn-xs" type="submit">Supprimer</button>
                      </form>
                      </div>
                    </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