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

   EDUCATIVE | LISTE | ELEVE
    
@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 élàves</h5>
    <span>Liste des élèves de 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">Prénom</th>
             <th class="text-center" scope="col">Sexe</th>
             <th class="text-center" scope="col">Date de naissance</th>
           </tr>
         </thead>
         <tbody class="table">
         @foreach($classe->eleves as $key=>$eleve)
           <tr>
             <td><strong>{{$key+1}}</strong> </td>
             <td> {{$eleve->nom}}</td>
              <td  >{{$eleve->prenom}}</td>
             <td class="text-center" >{{$eleve->sexe}}</td>
             <td class="text-center" >{{date('d-m-Y', strtotime($eleve->dateNaissance))}}</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