@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('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/M/YYYY',
          locale: 'fr'
      });
    });

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

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

</script>


<script type="text/javascript">
function ValidateSize(file) {
  var FileSize = file.files[0].size / 1024 / 1024; // in MB
  if (FileSize > 10) {
      $('#file').val(''); //for clearing with Jquery
      alert('La taille du fichier dépasse 10 Mo');
      
  } 
}
</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">
                            
                            @if(auth()->user()->is_admin == true)
                              
                              <h3 class="mb-2">طلبات ترخيص الغياب  </h3>
                           
                              <div class="page-breadcrumb">
                                  <nav aria-label="breadcrumb">
                                      <ol class="breadcrumb">
                                          <li class="breadcrumb-item active" aria-current="page">طلبات ترخيص الغياب </li>
                                      </ol>
                                  </nav>
                              </div>
                            
                            @else

                              <h3 class="mb-2">طلب ترخيص الغياب  </h3>
                           
                              <div class="page-breadcrumb">
                                  <nav aria-label="breadcrumb">
                                      <ol class="breadcrumb">
                                          <li class="breadcrumb-item active" aria-current="page">طلب ترخيص الغياب  </li>
                                      </ol>
                                  </nav>
                              </div>

                            @endif

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

@if(auth()->user()->is_teacher == true)
    <h5 class="card-header">
      <a href="#" class="btn btn-primary mb-1" data-toggle="modal" data-target="#exampleModal"><i class="fa fa-plus"></i> Demande d'autorisation</a>
    </h5>
@endif
  <div class="card-body">

@if(auth()->user()->is_teacher == true)
<!-- Modal -->
<div class="modal fade" id="exampleModal" 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">Demande d'autorisation</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="{{ URL::route('absence_request_store') }}" enctype="multipart/form-data">

{{ csrf_field() }}


<div class="form-row">



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

    <input name="date_du" type="text" class="form-control datetimepicker-input" data-target="#datetimepickerdateONE" required="required" value="{{ old('date_du') }}" />
    
      <div class="input-group-append" data-target="#datetimepickerdateONE" 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>Au:</label>
    <div class="form-group">
    <div class="input-group date" id="datetimepickerdateTWO" data-target-input="nearest">

    <input name="date_au" type="text" class="form-control datetimepicker-input" data-target="#datetimepickerdateTWO" required="required" value="{{ old('date_au') }}" />
    
      <div class="input-group-append" data-target="#datetimepickerdateTWO" 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-2">
    <label>Date de reprise:</label>
    <div class="form-group">
    <div class="input-group date" id="datetimepickerdateTHREE" data-target-input="nearest">

    <input name="date_reprise" type="text" class="form-control datetimepicker-input" data-target="#datetimepickerdateTHREE" required="required" value="{{ old('date_reprise') }}" />
    
      <div class="input-group-append" data-target="#datetimepickerdateTHREE" 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">
    <div class="form-group">
    <label>Le motif:</label>
    <div class="input-group">
    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-pencil-alt"></i></span></div>
    <input name="motif" type="text" class="form-control" value="{{ old('motif') }}" required="required">
    </div>
    </div>
  </div>


<div class="col-md-12 mb-5">
      <label>Justification:</label>
        <div class="custom-file">
          <input type="file" id="file" name="file_join" onchange="ValidateSize(this)">
        </div>
        <small class="form-text">Fichiers autorisés: <span class="text-uppercase">jpg|jpeg|gif|png|bmp|pdf|doc|docx|txt|ppt|pptx|xls|xlsx</span></small>
        @if($errors->first('file_join'))
          <small class="form-text text-danger">{{ $errors->first('file_join') }}</small>
        @endif
</div>


 
</div>

<div class="form-row mt-1">
<div class="col-md-12">
    <button class="btn btn-success btn-block" type="submit">Demande d'autorisation</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 -->
@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>
              @if(auth()->user()->is_admin == true)
              <th>Enseignant</th>
              @endif
              <th>Date du / Au</th>
              <th>Date de reprise</th>
              <th>Le motif</th>
              <th>La décision</th>
              <th>Action</th>
            </tr>
            </thead>
            <tbody>

@foreach($absences as $absence)

              <tr>

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

                @if(auth()->user()->is_admin == true)
                  <td>{{ $absence->teacher->last_name . ' ' . $absence->teacher->first_name }}</td>
                @endif
                                    
                  <td>{{ $absence->date_du }} au {{ $absence->date_au }}</td>

                  <td>{{ $absence->date_reprise }}</td>

                  <td>

                    <p></p>
                      @if(!empty($absence->fichier_joint))
                      <a target="_black" class="btn btn-rounded btn-brand btn-sm mb-1" href="{{ url('/') }}/uploads/absences_justification/{{ $absence->fichier_joint }}"><i class="fa fa-download"></i> Justification</a>
                    @endif
                    </td>
            


                <td>
                  @if(!empty($absence->decision))
                  <div class="alert alert-primary" role="alert">
                                      </div>
                  @else 
                  
                  <span class="badge badge-warning text-white"><i class="fa fa-hourglass"></i> en attente</span>
                  @endif
                </td>


                    <td>

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

<a class="btn btn-success btn-sm" href="#" data-toggle="modal" data-target="#editDecision-{{ $absence->id }}"><i class="fas fa-edit"></i> décision</a>

                  
<!-- Modal -->
<div class="modal fade" id="editDecision-{{ $absence->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabelDecision-{{ $absence->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="exampleModalLabelDecision-{{ $absence->id }}">La décision</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('absence_request_decision', $absence->id) }}" >

@csrf


<div class="form-row">

  <div class="col-md-12 mb-3">
    <label>La décision:</label>
    <div class="form-group">
      <textarea name="decision" class="form-control" rows="4"></textarea>
    </div>
  </div>

</div>

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

@endif

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

                        <a onclick="return confirm('Supprimer?')" href="{{ URL::route('absence_request_delete', $absence->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><!-- END row -->
                
               

@stop