@extends('layouts.master_panel')

@section('title') Absences des élèves @stop

@section('CSS') 


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

<link rel="stylesheet" href="{{url('/')}}/assets/vendor/datepicker/tempusdominus-bootstrap-4.css" />


<link rel="stylesheet" href="{{url('/')}}/assets/vendor/summernote/css/summernote-bs4.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": [[ 0, "desc" ]]
    });
  });
  </script>




<script src="{{url('/')}}/assets/vendor/datepicker/moment.js"></script>
<script src="{{url('/')}}/assets/vendor/datepicker/tempusdominus-bootstrap-4.js"></script>
<script src="{{url('/')}}/assets/vendor/datepicker/datepicker.js"></script>

<script src="{{url('/')}}/assets/vendor/datepicker/fr.js"></script>

<script type="text/javascript">
    $(function () {
        $('#datetimepickerdateONE').datetimepicker({
          format: 'DD/MM/YYYY',
          locale: 'fr'
      });
    });

    $(function () {
        $('#datetimepickerdateDU').datetimepicker({
          format: 'DD/MM/YYYY',
          locale: 'fr'
      });
    });

    $(function () {
        $('#datetimepickerdateAU').datetimepicker({
          format: 'DD/MM/YYYY',
          locale: 'fr'
      });
    });


    $(function () {
        $('#datetimepickerdateDUs').datetimepicker({
          format: 'DD/MM/YYYY',
          locale: 'fr'
      });
    });

    $(function () {
        $('#datetimepickerdateAUs').datetimepicker({
          format: 'DD/MM/YYYY',
          locale: 'fr'
      });
    });



     $(function () {
        $('#datetimepickerdateHon').datetimepicker({
          format: 'DD/MM/YYYY',
          locale: 'fr'
      });
    });

    $(function () {
        $('#datetimepickerdateHon2').datetimepicker({
          format: 'DD/MM/YYYY',
          locale: 'fr'
      });
    });



</script>




<script type="text/javascript">
$(document).ready(function () { 

        $('#HistClasse').on('change',function(e){
          
          var class_id = e.target.value;

            $.ajax({
            type: "GET",
            url: "{{ url('/') }}/ajax_students_class?class_id="+class_id,
                success: function(data) {  

                    var subcat =  $('#studentID').empty();

                    $.each(data, function(key, val) { 

                      subcat.append('<option value ="'+val.id+'">'+val.last_name+' '+val.first_name+'</option>');

                    });

                    $('.selectpicker').selectpicker('refresh');

                }

            });


        });


});

</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">Absences des élèves</h3>
                           
                              <div class="page-breadcrumb">
                                  <nav aria-label="breadcrumb">
                                      <ol class="breadcrumb">
                                          <li class="breadcrumb-item active" aria-current="page">Absences des é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">
@if(auth()->user()->is_admin == 1) 
    <a href="#" class="btn btn-primary ml-1 mb-1" data-toggle="modal" data-target="#Historique"><i class="fas fa-history"></i> Historique</a> 

    <a href="#" class="btn btn-primary ml-1 mb-1" data-toggle="modal" data-target="#Historique2"><i class="fas fa-history"></i> Historique - Par classe</a> 

    <a href="{{ URL::route('admin_today_absences') }}?type=1" class="btn btn-primary ml-1 mb-1" ><i class="fa fa-file-excel"></i> Télécharger les absences du matin </a>

    <a href="{{ URL::route('admin_today_absences') }}?type=2" class="btn btn-primary ml-1 mb-1" ><i class="fa fa-file-excel"></i> Télécharger les absences de l'après-midi</a>

    <a href="#" class="btn btn-primary mb-1" data-toggle="modal" data-target="#pointage_enseignants"><i class="fa fa-history"></i> Historique pointage enseignants </a>

@endif

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

    <a href="{{ URL::route('agent_today_absences') }}?type=1" class="btn btn-primary ml-1" ><i class="fa fa-file-excel"></i> Télécharger les absences du matin </a>

    <a href="{{ URL::route('agent_today_absences') }}?type=2" class="btn btn-primary ml-1" ><i class="fa fa-file-excel"></i> Télécharger les absences de l'après-midi </a>

@endif

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


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




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


<form method="GET" target="_blank" action="{{ URL::route('absences_historique_par_eleve') }}" class="form-row">



<div class="col-md-12 mb-3">
    <label>Classes:</label>
    <select name="class_ids[]" title="Choisir" class="selectpicker" data-width="100%" multiple="multiple" >
        @foreach($classes as $classe)
        <option value="{{ $classe->id }}">{{ $classe->name }}</option>
       @endforeach
    </select>
</div>


<div class="col-md-6 mb-3">
    <label>date du:</label>
    <div class="form-group">
    <div class="input-group date" id="datetimepickerdateDUs" data-target-input="nearest">

    <input name="from" type="text" class="form-control datetimepicker-input" data-target="#datetimepickerdateDUs" required="required" />
    
      <div class="input-group-append" data-target="#datetimepickerdateDUs" data-toggle="datetimepicker">
      <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
      </div>
    </div>
  </div>
</div>

<div class="col-md-6 mb-3">
    <label>date au:</label>
    <div class="form-group">
    <div class="input-group date" id="datetimepickerdateAUs" data-target-input="nearest">

    <input name="to" type="text" class="form-control datetimepicker-input" data-target="#datetimepickerdateAUs" required="required" />
    
      <div class="input-group-append" data-target="#datetimepickerdateAUs" data-toggle="datetimepicker">
      <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
      </div>
    </div>
  </div>
</div>


<div class="col-md-12 mb-3">
    <button id="mybutton" class="btn btn-success btn-block" type="submit">Historique</button>
</div>


</form>



    </div>

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

  </div>
</div>
</div>
<!-- End Modal -->


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

<form method="GET" target="_black" action="{{ URL::route('absences_histo_enseignants') }}">

<div class="form-row">

  <div class="col-md-12 mb-3">
    <label>Enseignant:</label>
    <select name="teacher_id" class="selectpicker" data-width="100%" required="required" title="Choisir">
       @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>Période du:</label>
    <div class="form-group">
    <div class="input-group date" id="datetimepickerdateHon" data-target-input="nearest">

    <input name="from" type="text" class="form-control datetimepicker-input" data-target="#datetimepickerdateHon" value="{{ date('d/m/Y') }}" required="required" />
    
      <div class="input-group-append" data-target="#datetimepickerdateHon" data-toggle="datetimepicker">
      <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
      </div>
    </div>
  </div>
</div>

<div class="col-md-6 mb-3">
    <label>Période au:</label>
    <div class="form-group">
    <div class="input-group date" id="datetimepickerdateHon2" data-target-input="nearest">

    <input name="to" type="text" class="form-control datetimepicker-input" data-target="#datetimepickerdateHon2" value="{{ date('d/m/Y') }}" required="required" />
    
      <div class="input-group-append" data-target="#datetimepickerdateHon2" data-toggle="datetimepicker">
      <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
      </div>
    </div>
  </div>
</div>



</div>

<div class="form-row mt-1">
<div class="col-md-12">
    <button class="btn btn-success btn-block" type="submit">Historique</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 -->


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


<form method="GET" target="_blank" action="{{ URL::route('absences_students_historique') }}" class="form-row">



<div class="col-md-12 mb-3">
    <label>Classes:</label>
    <select name="class_id" id="HistClasse" title="Toutes les classes" class="selectpicker" data-width="100%" >
        @foreach($classes as $classe)
        <option value="{{ $classe->id }}">{{ $classe->name }}</option>
       @endforeach
    </select>
</div>


<div class="col-md-12 mb-3">
    <label>Elèves:</label>
    <select name="student_id" id="studentID" class="selectpicker" data-width="100%" title="Tous les élèves" >
     </select>
</div>




<div class="col-md-6 mb-3">
    <label>date du:</label>
    <div class="form-group">
    <div class="input-group date" id="datetimepickerdateDU" data-target-input="nearest">

    <input name="from" type="text" class="form-control datetimepicker-input" data-target="#datetimepickerdateDU" required="required" />
    
      <div class="input-group-append" data-target="#datetimepickerdateDU" data-toggle="datetimepicker">
      <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
      </div>
    </div>
  </div>
</div>

<div class="col-md-6 mb-3">
    <label>date au:</label>
    <div class="form-group">
    <div class="input-group date" id="datetimepickerdateAU" data-target-input="nearest">

    <input name="to" type="text" class="form-control datetimepicker-input" data-target="#datetimepickerdateAU" required="required" />
    
      <div class="input-group-append" data-target="#datetimepickerdateAU" data-toggle="datetimepicker">
      <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
      </div>
    </div>
  </div>
</div>


<div class="col-md-12 mb-3">
    <button id="mybutton" class="btn btn-success btn-block" type="submit">Historique</button>
</div>


</form>



    </div>

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

  </div>
</div>
</div>
<!-- End Modal -->

@endif

<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 style="display: none;"></th>
              <th>Type</th>
              <th width="20%">élève</th>
              <th>Classe - Matière</th>
              <th>date</th>
              <th>Heure</th>
              <th>Enseignant</th>
              <th>Agent</th>
              @if(auth()->user()->is_admin == 1) 
              <th>Action</th>
              @endif
            </tr>
            </thead>
            <tbody>

              @foreach($absences as $absence)

              <tr>

                 <td style="display: none;">{{ $absence->id }}</td>

                  <td>
                    @if($absence->absence_type == 1)
                      <label class="text-primary">Cours</label>
                    @elseif($absence->absence_type == 2)
                      <label class="text-warning">Contrôle</label>
                    @endif
                  </td>

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


                  <td>
                    {{ $absence->classe->name }} - {{ $absence->subject->name }}
                  </td>

                  <td>