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

   EDUCATIVE | LISTE | CLASSE
    
@endsection

@section('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 classes</h5>
        <a href="{{route('classes.create')}}" class="btn btn-primary float-right" ><i class="bi bi-plus"></i>Ajouter</a>
    </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">classe</th>
             <th class="text-center" scope="col">Filles</th>
             <th class="text-center" scope="col">Garçons</th>
             <th class="text-center" scope="col">Total</th>
             <th class="text-center" style="text-align: center; width: 200px" colspan="3">Action</th>
           </tr>
         </thead>
         <tbody class="table">
          @foreach($classes as $key=>$classe)
           <tr>
             <td><strong>{{$key+1}}</strong> </td>
             <td> {{$classe->nom}}</td>
              <td class="text-center" >{{$classe->nombreFille()}}</td>
             <td class="text-center" >{{$classe->nombreGarcon()}}</td>
             <td class="text-center" >{{$classe->effectif()}}</td>
             <td style="width: 100px" colspan="" class="text-center">
                   <a href="{{route('liste_professeur',$classe->id)}}" style="border-radius: 20px" type="button" class="btn btn-primary btn-xs" title="Liste des enseignants"><i class="fa-solid fa-list-ol"></i></a> 
             </td>
             <td style="width: 100px" colspan="" class="text-center">
                   <a href="{{route('listeEleve',$classe->id)}}" style="border-radius: 20px" type="button" class="btn btn-primary btn-xs" title="Liste des élèves"><i class="fa-solid fa-list-ol"></i></a> 
             </td>
             <td style="width: 100px" colspan="" class="text-center">
                   <a href="{{ route('classes.edit',$classe->id)}}" style="border-radius: 20px" type="button" class="btn btn-success btn-xs" title="Modifier"><i class="fas fa-pencil"></i></a> 
             </td>
          </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="{{asset('eleve_form/js/global.js')}}"></script>

@endsection