@extends('layouts.master_panel')

@section('title') Enseignants @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" }
    });
  });
  </script>



<script type="text/javascript">
      

        $('#myForm').submit(function(event) {

          event.preventDefault();

          $('#resultajax').append('<div class="text-center"><img src="{{ url("/") }}/assets/images/loader.gif" alt="ajouter..." /></div>');

          $('#submit').hide();

          
           $.ajax({
            type: 'POST',
            url: '{{ route("enseignant_horaires") }}',
            data: $(this).serialize(),

            success: function(data) {
                              
                if(data == 'true') {   
                  $('#resultajax').html("<div class='alert alert-success text-center'><strong>Ajouter avec succès</strong></div>");
                  $('#submit').show();
                 }

                if(data == 'false') {
                  $('#resultajax').html("<div class='alert alert-danger text-center'><strong>Une erreur est survenue .. réessayer</strong></div>");
                  $('#submit').show();
                }

                if(data == 'repeat') {
                  $('#resultajax').html("<div class='alert alert-danger text-center'><strong>Horaires déjà ajouté</strong></div>");
                  $('#submit').show();
                }
                                     
              }

            });
                          
          });

          function refresh() {
            // to current URL
            window.location='{{ URL::current() }}';
          }

</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">Enseignants </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">Enseignants</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">

@if(auth()->user()->super_admin == 1)

      <a href="#" class="btn btn-primary ml-1" data-toggle="modal" data-target="#HorairesTravail"><i class="fas fa-clock "></i> Horaires de Travail</a>
@endif

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


<!-- Modal -->
<div class="modal fade" id="HorairesTravail" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLabel">Horaires de Travail</h5>
      <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></a>
    </div>
    <div class="modal-body">

<div class="col-md-12" id="resultajax"></div>


<form method="POST" action="#" id="myForm" >

{{ csrf_field() }}


<div class="form-row">

<div class="col-md-12 mb-3">
    <label>Enseignants:</label>
    <select name="teacher_id[]" id="teacherID" class="selectpicker" data-width="100%" required="required"  title="choisir" multiple="multiple">
       @foreach($enseignants as $enseignant)
        <option value="{{ $enseignant->id }}">{{ $enseignant->last_name . ' ' . $enseignant->first_name }}</option>
       @endforeach
     </select>
</div>


<div class="col-md-6 mb-3">
    <label>Type:</label>
    <select name="day_type" class="selectpicker" data-width="100%" required="required">
      <option value="1">Jour complet</option>
      <option value="2">Jour partiel</option>
    </select>
</div>


<div class="col-md-6 mb-3">
    <label>Jours:</label>
    <select name="day_id[]" class="selectpicker" data-width="100%" required="required" multiple="multiple" title="choisir">
      <option value="Monday">Lundi</option>
      <option value="Tuesday">Mardi</option>
      <option value="Wednesday">Mercredi</option>
      <option value="Thursday">Jeudi</option>
      <option value="Friday">Vendredi</option>
      <option value="Saturday">Samedi</option>
      <option value="Sunday">Dimanche</option>
    </select>
</div>


<div class="col-md-6 mb-3">
    <label>Heure de début:</label>
    <select name="entry_time" class="selectpicker" data-width="100%" required="required" title="choisir">
        <option value="08:00">08:00</option>
        <option value="08:30">08:30</option>
        <option value="09:00">09:00</option>
        <option value="09:30">09:30</option>
        <option value="10:00">10:00</option>
        <option value="10:30">10:30</option>
        <option value="11:00">11:00</option>
        <option value="11:30">11:30</option>
        <option value="12:00">12:00</option>
        <option value="12:30">12:30</option>
        <option value="13:00">13:00</option>
        <option value="13:30">13:30</option>
        <option value="14:00">14:00</option>
        <option value="14:30">14:30</option>
        <option value="15:00">15:00</option>
        <option value="15:30">15:30</option>
        <option value="16:00">16:00</option>
        <option value="16:30">16:30</option>
        <option value="17:00">17:00</option>
        <option value="17:30">17:30</option>
        <option value="18:00">18:00</option>
        <option value="18:30">18:30</option>
     </select>
</div>


<div class="col-md-6 mb-3">
    <label>Heure de fin:</label>
    <select name="exit_time" class="selectpicker" data-width="100%" required="required" title="choisir">
        <option value="08:00">08:00</option>
        <option value="08:30">08:30</option>
        <option value="09:00">09:00</option>
        <option value="09:30">09:30</option>
        <option value="10:00">10:00</option>
        <option value="10:30">10:30</option>
        <option value="11:00">11:00</option>
        <option value="11:30">11:30</option>
        <option value="12:00">12:00</option>
        <option value="12:30">12:30</option>
        <option value="13:00">13:00</option>
        <option value="13:30">13:30</option>
        <option value="14:00">14:00</option>
        <option value="14:30">14:30</option>
        <option value="15:00">15:00</option>
        <option value="15:30">15:30</option>
        <option value="16:00">16:00</option>
        <option value="16:30">16:30</option>
        <option value="17:00">17:00</option>
        <option value="17:30">17:30</option>
        <option value="18:00">18:00</option>
        <option value="18:30">18:30</option>
     </select>
</div>


</div>

<div class="form-row">
<div class="col-md-12 mt-3">
    <button class="btn btn-success btn-block" type="submit" id="submit" >Ajouter</button>
</div>
</div>

</form>

    </div>
    <div class="modal-footer">
      <a href="#" class="btn btn-dark" data-dismiss="modal">Fermer</a>
    </div>
  </div>
</div>
</div>
<!-- End Modal -->


<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>Nom et Prénom</th>
              <th>Type</th>
              <th>Téléphone</th>
              <th>Email</th>
              <th>Badge</th>
              <th>Action</th>
            </tr>
            </thead>
            <tbody>


             @foreach($enseignants as $enseignant)
                <tr style="font-size: 0.9em;">
                                                
                  <td>
                    @if(!empty($enseignant->image))
                    <img style="max-width: 65px; max-height: 65px;" src="{{ $uploadsLink }}/uploads/images/{{ $enseignant->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>{{ $enseignant->last_name . ' ' . $enseignant->first_name }}</td>

                  <td>
                    @if($enseignant->teacher_type == 1) Permanent
                    @elseif($enseignant->teacher_type == 2) Vacataire
                    @elseif($enseignant->teacher_type == 3) Stagiaire
                    @elseif($enseignant->teacher_type == 4) Contractuel @endif
                  </td>

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


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

                      <td>

                        <a href="{{ URL::route('enseignant_edit', $enseignant->id) }}#Horaires" class="btn btn-success btn-sm mb-1"><i class="fas fa-clock"></i> Horaires de Travail </a>

                       
                      </td>

                      

                    </tr>

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

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

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

@stop