@extends('layouts.master_panel')

@section('title') دفاتر النصوص   @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('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">دفاتر النصوص   </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">دفاتر النصوص  </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="#" class="btn btn-primary mb-1" data-toggle="modal" data-target="#exampleModal2"><i class="fas fa-history "></i> Historique</a>

      <a href="#" class="btn btn-primary mb-1" data-toggle="modal" data-target="#Imprimer"><i class="fas fa-print "></i> Imprimer cahier texte</a>

      <a href="#" class="btn btn-primary mb-1" data-toggle="modal" data-target="#ImprimerHonoraire"><i class="fas fa-print "></i> Imprimer Honoraire</a>

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




<!-- Modal -->
<div class="modal fade" id="ImprimerHonoraire" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel23" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLabel23">Imprimer Honoraire</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('cahier_journal_honoraire') }}" class="form-row">

<div class="col-md-12 mb-3">
    <label>Enseignants</label>
    <select name="teacher_id" id="teacherID" class="form-control" data-width="100%" required="required">
        <option value="">Choisir</option>
        @foreach($enseignants as $enseign)
        <option value="{{ $enseign->id }}">{{ $enseign->last_name . ' ' . $enseign->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" />
    
      <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" />
    
      <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 class="col-md-12 mb-3">
      <label>Matières - Classes:</label>
      <select name="subject_id[]" id="subjectID" class="selectpicker" data-width="100%" multiple="multiple" title="Tout sélectionner">
      </select>
</div>



<div class="col-md-12 mb-3">
    <button class="btn btn-primary btn-block" type="submit">Imprimer</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="Imprimer" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2Imprimer" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLabel2Imprimer">Imprimer</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('cahier_journal_print_all') }}" class="form-row">



<div class="col-md-12 mb-3">
    <label>Statut:</label>
    <select name="statut" class="form-control" data-width="100%">
        <option value="" selected="selected">Tout sélectionner</option>
        <option value="1">Permanent</option>
        <option value="2">Vacataire</option>
        <option value="3">Stagiaire</option>
        <option value="4">Contractuel</option>
    </select>
</div>


<div class="col-md-12 mb-3">
    <label>Enseignants:</label>
    <select name="teacher_id" id="printteacher" class="form-control" data-width="100%">
        <option value="" selected="selected">Tout sélectionner</option>
        @foreach($enseignants as $enseign)
        <option value="{{ $enseign->id }}">{{ $enseign->last_name . ' ' . $enseign->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="datetimepickerdateImp" data-target-input="nearest">

    <input name="from" type="text" class="form-control datetimepicker-input" data-target="#datetimepickerdateImp" />
    
      <div class="input-group-append" data-target="#datetimepickerdateImp" 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="datetimepickerdateImp2" data-target-input="nearest">

    <input name="to" type="text" class="form-control datetimepicker-input" data-target="#datetimepickerdateImp2" />
    
      <div class="input-group-append" data-target="#datetimepickerdateImp2" 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-5">
      <label>Matières - Classes:</label>
      <select name="subject_ids[]" id="subjectp" class="selectpicker" data-width="100%" multiple="multiple">
        <option value="" selected="selected">Tout sélectionner</option>
      </select>
</div>



<div class="col-md-12 mb-3">
    <button class="btn btn-success btn-block" type="submit">Imprimer</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="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLabel2">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="_black" id="myform" action="{{ URL::route('journal_historique') }}" class="form-row">


<div class="col-md-12 mb-3">
    <label>Statut:</label>
    <select name="statut" class="form-control" data-width="100%">
        <option value="" selected="selected">Tout sélectionner</option>
        <option value="1">Permanent</option>
        <option value="2">Vacataire</option>
        <option value="3">Stagiaire</option>
        <option value="4">Contractuel</option>
    </select>
</div>


<div class="col-md-12 mb-3">
    <label>Enseignants:</label>
    <select name="teacher_id" class="form-control" data-width="100%">
        <option value="" selected="selected">Tout sélectionner</option>
        @foreach($enseignants as $enseign)
        <option value="{{ $enseign->id }}">{{ $enseign->last_name . ' ' . $enseign->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="datetimepickerdate" data-target-input="nearest">

    <input name="from" type="text" class="form-control datetimepicker-input" data-target="#datetimepickerdate" />
    
      <div class="input-group-append" data-target="#datetimepickerdate" 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="datetimepickerdate2" data-target-input="nearest">

    <input name="to" type="text" class="form-control datetimepicker-input" data-target="#datetimepickerdate2" />
    
      <div class="input-group-append" data-target="#datetimepickerdate2" 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 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 -->


<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>enseignant</th>
              <th>matières - Classes</th>
              <th>date</th>
              <th>heures</th>
              <th>La duré</th>
              <th>détails</th>
              <th>Action</th>
            </tr>
            </thead>
            <tbody>

             @foreach($cahier_journal as $cahier_journ)
                <tr>

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

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

                  <td>{{ $cahier_journ->date }}</td>

                  <td>{{ $cahier_journ->hour_start }} à {{ $cahier_journ->hour_end }}</td>

                  <td>
                    
                  </td>

                  <td>
                    <a class="btn btn-primary btn-sm" href="#" data-toggle="modal" data-target="#exampleModal-{{ $cahier_journ->id }}"><i class="fa fa-eye"></i> détail</a>
      
<!-- Modal -->
<div class="modal fade" id="exampleModal-{{ $cahier_journ->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel-{{ $cahier_journ->id }}" 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-{{ $cahier_journ->id }}">détails</h5>
      <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></a>
    </div>
    <div class="modal-body">

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


                      <td>

                        <a onclick="window.open('{{ URL::route('admin_journal_print', $cahier_journ->id) }}', 'newwindow', 'width=980,height=720'); return false;" href="{{ URL::route('admin_journal_print', $cahier_journ->id) }}" class="btn btn-info btn-sm"><i class="fa fa-print"></i>  </a>

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

                        <a href="{{ URL::route('admin_journal_edit', $cahier_journ->id) }}" class="btn btn-success btn-sm"><i class="fa fa-edit"></i> Modifier</a>


                        <a onclick="return confirm('Supprimer?')" href="{{ URL::route('admin_journal_delete', $cahier_journ->id) }}" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i>  </a>
@endif                      
                      </td>


                    </tr>

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

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

                                     
<div class="clearfix"></div><br>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
   {{ $cahier_journal->links() }}
</div>


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


@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 () {
        $('#datetimepickerdate').datetimepicker({
          format: 'DD/MM/YYYY',
          locale: 'fr'
      });
    });

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

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

    $(function () {
        $('#datetimepickerdateImp2').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 src="{{url('/')}}/assets/vendor/summernote/js/summernote-bs4.js"></script>

<script>
    $(document).ready(function() {
        $('#summernote').summernote({
            height: 150

        });
    });
</script>


<script type="text/javascript">
document.getElementById('mybutton').addEventListener('click', function(){
  window.open('{{ URL::route('journal_historique') }}', 'result', 'width=980,height=720');
  document.getElementById('myform').submit();
});
</script>




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

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

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

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

                    subcat.append('<option value="" selected="selected">Tout sélectionner</option>');

                    $.each(data, function(key, val) { 
                    
                      subcat.append('<option value ="'+val.sbj_id+'">'+val.cl_name+'  - '+val.sbj_name+'</option>');
                    });

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


                }

            });


        });


});
</script>



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

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

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

                    var subcatp =  $('#subjectp').empty();

                    subcatp.append('<option value="" selected="selected">Tout sélectionner</option>');

                    console.log(data);

                    $.each(data, function(key, val) { 
                    
                      subcatp.append('<option value ="'+val.sbj_id+'">'+val.cl_name+'  - '+val.sbj_name+'</option>');
                    });

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


                }

            });


        });


});
</script>


@stop




@stop