@extends('layouts.master_panel')

@section('title') Les élèves @stop

@section('CSS') 


<link rel="stylesheet" type="text/css" href="{{url('/')}}/js/datatables/dataTables.bootstrap4.min.css">

@stop

@section('JS') 


<script src="{{url('/')}}/js/datatables/jquery.dataTables.min.js"></script>
<script src="{{url('/')}}/js/datatables/dataTables.bootstrap4.min.js"></script>

<script type="text/javascript" class="init">
  $(document).ready(function() {
    $("#example").dataTable({ "language": { "url": "{{ url('/') }}/js/datatables/lang/fr.json" },
      "order": [[ 1, "desc" ]]
    });
  });
  </script>

@stop


@section('content')


                  <!-- ============================================================== -->
                  <!-- pageheader  -->
                  <!-- ============================================================== -->
                  <div class="row">
                      <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                          <div class="page-header">
                              <h3 class="mb-2">Les élèves </h3>
                           
                              <div class="page-breadcrumb">
                                  <nav aria-label="breadcrumb">
                                      <ol class="breadcrumb">
                                          <li class="breadcrumb-item"><a href="{{ URL::route('admin_index') }}" class="breadcrumb-link">Accueil</a></li>
                                          <li class="breadcrumb-item active" aria-current="page">Les élèves</li>
                                      </ol>
                                  </nav>
                              </div>
                          </div>
                      </div>
                  </div>
                  <!-- ============================================================== -->
                  <!-- end pageheader  -->
                  <!-- ============================================================== -->


<div class="row">


<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  <div class="card">
    <h5 class="card-header">


      <a href="{{ URL::route('students_export') }}" class="btn btn-primary mb-1" ><i class="fa fa-file-excel"></i> Exporter les élèves  </a>


       </h5>
  <div class="card-body">


<div class="clearfix"></div>

@if(Session::has('error'))

<div class="alert alert-danger alert-dismissible fade show text-center" role="alert">
  <strong>{{ Session::get('error') }}</strong>
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

@endif

@if(Session::has('success'))
<div class="alert alert-success alert-dismissible fade show text-center" role="alert">
  <strong>{{ Session::get('success') }}</strong>
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
@endif

<div class="clearfix"></div>

      <div class="table-responsive">
          <table id="example" class="table table-striped table-bordered first">
            <thead>
            <tr class="text-uppercase">
              <th>#</th>
              <th style="width: 5%">ID</th>
              <th style="width: 10%">Nom et Prénom</th>
              <th style="width: 5%">Classe</th>
              <th style="width: 10%">Email</th>
              <th>Téléphone</th>
              <th>Badge</th>             </tr>
            </thead>
            <tbody>

             @foreach($students as $student)
                <tr style="font-size: 0.9em;">

                  <td>
                    @if(!empty($student->image))
                    <img style="max-width: 65px; max-height: 65px;" src="{{ $uploadsLink }}/uploads/images/{{ $student->image }}" alt="" class="rounded-circle user-avatar-xxl">
                    @else
                    <img style="max-width: 65px; max-height: 65px;" src="{{ url('/') }}/uploads/images/user.png" alt="" class="rounded-circle user-avatar-xxl">
                    @endif
                  </td>
                                             
                  <td>{{ $student->barcode }}</td>

                  <td>{{ $student->last_name . ' ' . $student->first_name }}</td>

                  <td>{{ $student->classe->name }}</td>

                  <td>{{ $student->email }}</td>
                  <td>{{ $student->phone }}</td>

                  <td>
                    <a onclick="window.open('{{ URL::route('students_badges') }}?student_id={{ $student->id }}', 'newwindow', 'width=900,height=700'); return false;" href="{{ URL::route('students_badges') }}?student_id={{ $student->id }}" class="btn btn-primary ml-1"><i class="fas fa-qrcode"></i> Générer badge</a>
                  </td>
                                      </tr>

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

    </div>
  </div>
</div>

                          
</div><!-- END row -->
                
               

@stop