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

   EDUCATIVE | LISTE | professeurs
    
@endsection

@section('stylesheet')
  <!-- <link href="{{url('admin/table/vendor/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet"> -->
  <link href="{{url('admin/table/vendor/bootstrap-icons/bootstrap-icons.css')}}" rel="stylesheet">
  <link href="{{url('admin/table/vendor/boxicons/css/boxicons.min.css')}}" rel="stylesheet">
  <link href="{{url('admin/table/vendor/quill/quill.snow.css')}}" rel="stylesheet">
  <link href="{{url('admin/table/vendor/quill/quill.bubble.css')}}" rel="stylesheet">
  <link href="{{url('admin/table/vendor/remixicon/remixicon.css}')}}" rel="stylesheet">
  <link href="{{url('admin/table/vendor/simple-datatables/style.css')}}" rel="stylesheet">
  <link href="{{url('admin/table/css/style.css')}}" rel="stylesheet">
  @endsection

@section('body')

 <div class="card">
    <div class="card-header">
        <h5>Liste des professeurs</h5>
        <span>Liste des professeurs intervenant dans la classe de :{{$classe->nom}}</span>
    </div>
    <div class="card-block table-border-style">
        <div class="table-responsive">
      <table class="table datatable ">
         <thead class="table-info w-100">
           <tr>
             <th scope="col">N°</th>
             <th scope="col">Nom</th>
             <th scope="col">Prenom</th>
             <th class="text-center" style="text-align: center; width: 100px" colspan="1">Action</th>
           </tr>
         </thead>
         <tbody class="table">
          @foreach($classe->professeurs as $key=>$professeur)
           <tr>
              <td><strong>{{$key+1}}</strong> </td>
              <td> {{$professeur->nom}}</td>
              <td>{{$professeur->prenom}}</td>
              <td style="width: 100px" colspan="" class="text-center">
                   <a href="#" data-toggle="modal" data-target="#professeur{{$professeur->id}}" style="border-radius: 20px" type="button" class="btn btn-success btn-xs" title="Liste des matières"><i class="bi bi-list-check"></i></a> 
              </td>  

              <!--Modal-->
                <div id="professeur{{$professeur->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">Liste des matières</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                        </button>
                      </div>
                      <div class="modal-body">
                        @foreach($professeur->matiere($classe->id) as $key=>$matiere)
                        <p>{{$matiere->nom}}</p>
                        @endforeach
                      </div>
                      <div class="modal-footer">
                        <button data-dismiss="modal" type="button" class="btn btn-primary">D'accord</button>
                      </div>
                    </div>
                  </div>
                </div>
                <!--EndModal-->
          </tr>
          @endforeach
         </tbody>
       </table>
        </div>
    </div>
 </div>

@endsection

@section('javascript')
    <!-- Jquery JS-->
   
    <!-- jQuery -->
    <script src="{{asset('admin/plugins/jquery/jquery.min.js')}}"></script>
    <!-- Bootstrap 4 -->
    <script src="{{asset('admin/plugins/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
    <!-- AdminLTE App -->
    <script src="{{asset('admin/dist/js/adminlte.min.js')}}"></script>
    @if(session()->has('info'))
    <script >

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


  <script src="{{url('admin/table/vendor/apexcharts/apexcharts.min.js')}}"></script>
  <script src="{{url('admin/table/vendor/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
  <script src="{{url('admin/table/vendor/chart.js/chart.min.js')}}"></script>
  <script src="{{url('admin/table/vendor/echarts/echarts.min.js')}}"></script>
  <script src="{{url('admin/table/vendor/quill/quill.min.js')}}"></script>
  <script src="{{url('admin/table/vendor/simple-datatables/simple-datatables.js')}}"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.1/tinymce.min.js"></script>
  <script>tinymce.init({ selector:'textarea' });</script>
  <script src="{{url('admin/table/vendor/php-email-form/validate.js')}}"></script>

  <!-- Template Main JS File -->
  <script src="{{url('admin/table/js/main.js')}}"></script>

  <script src="{{URL::to('admin/table/vendor/js/tinymce.min.js')}}"></script>

  <script src="../professeur_form/js/global.js"></script>

@endsection