@extends('layouts.master_panel')

@section('title') Heures des enseignants @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 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 ="">Choisir</option>');

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

                    $("#classID").val('');
                    $('.selectpicker').selectpicker('refresh');


                }

            });


        });


});
</script>




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

        $('#subjectID').on('change',function(sb){
            
            var subject_id = sb.target.value;

            $.ajax({
            type: "GET",
            url: "{{ url('/') }}/ajax_subject_class?subject_id="+subject_id,
                success: function(datas) {  

                  $("#classID").val(datas);

                }

            });


        });

});
</script>


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

<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("enseignants_heures_store") }}',
            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();
                  $("#nombrHeures").val('');
                  $("#classID").val('');

                 }

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

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

            });
                          
          });

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

</script>

@endif

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


<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("personnel_enseignants_heures_store") }}',
            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();
                  $("#nombrHeures").val('');
                  $("#classID").val('');

                 }

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

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

            });
                          
          });

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

</script>

@endif

@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">Heures des enseignants</h3>
                           
                              <div class="page-breadcrumb">
                                  <nav aria-label="breadcrumb">
                                      <ol class="breadcrumb">
                                          <li class="breadcrumb-item active" aria-current="page">Heures des 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-success ml-1" data-toggle="modal" data-target="#Horaires"><i class="fas fa-clock "></i> Ajouter</a> 

    @endif

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



<!-- Modal -->
<div class="modal fade" id="Horaires" 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">Ajouter</h5>
      <a onclick="refresh();" 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>Enseignant:</label>
    <select name="teacher_id" id="teacherID" class="selectpicker" data-width="100%" required="required">
      <option value="">choisir</option>
       @foreach($enseignants as $enseignant)
        <option value="{{ $enseignant->id }}">{{ $enseignant->last_name . ' ' . $enseignant->first_name }}</option>
       @endforeach
     </select>
</div>


<div class="col-md-12 mb-3">
    <label>Matières - Classes:</label>
    <select name="subject_id" id="subjectID" class="selectpicker" data-width="100%"  required="required">
        <option value="">choisir</option>
    </select>
    <input type="hidden" name="class_id" id="classID" required="required">
</div>


<div class="col-md-12 mb-3">
    <label>Le nombre d'heures:</label>
    <div class="form-group">
    <div class="input-group date" data-target-input="nearest">
      <input name="nombr_heures" type="numbre" id="nombrHeures" class="form-control" required="required" />
    <div class="input-group-append">
    <div class="input-group-text"><i class="far fa-clock"></i></div>
    </div>
    </div>
    </div>
</div>

</div>

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

</form>

    </div>
    <div class="modal-footer">
      <a onclick="refresh();" 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>Classe/Matière</th>
              <th>Nombre d'heures</th>
              <th>Le reste</th>
              @if(auth()->user()->is_admin == 1)
              <th>Action</th>
              @endif
            </tr>
            </thead>
            <tbody>

@foreach($enseignants_heures as $enseignant_hr)

              <tr>

                  <td>{{ $enseignant_hr->teacher->last_name . ' ' . $enseignant_hr->teacher->first_name }}</td>
                                  
                  <td>
                    {{ $enseignant_hr->classe->name }} - {{ $enseignant_hr->subject->name }}
                  </td>

                  <td>{{ $enseignant_hr->nombr_heures }} heures</td>
                  <td>
                                        {{ $HouresExplode[0] }} heures @if(count($HouresExplode) > 1) 30 minutes @endif
                  </td>
                
@if(auth()->user()->is_admin == 1)

                  <td>

                    <a class="btn btn-success btn-sm" href="#" data-toggle="modal" data-target="#edit-{{ $enseignant_hr->id }}"><i class="fa fa-edit"></i></a>

                    <a onclick="return confirm('Supprimer?')" href="{{ route('enseignants_heures_delete', $enseignant_hr->id) }}" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i>  </a>

<!-- Modal -->
<div class="modal fade" id="edit-{{ $enseignant_hr->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel-{{ $enseignant_hr->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-{{ $enseignant_hr->id }}">Modifier</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="POST" action="{{ route('enseignants_heures_update', $enseignant_hr->id) }}" >

@csrf



<div class="form-row">

<div class="col-md-12 mb-3">
    <label>Le nombre d'heures:</label>
    <div class="form-group">
    <div class="input-group" data-target-input="nearest">
      <input name="nombr_heures_up" type="numbre" class="form-control" required="required" value="{{ $enseignant_hr->nombr_heures }}" />
    <div class="input-group-append">
    <div class="input-group-text"><i class="far fa-clock"></i></div>
    </div>
    </div>
    </div>
</div>

</div>

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

                  </td>
@endif

              </tr>

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

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

                                     


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

@stop