@extends('layouts.master_panel')

@section('title') Demandes de rencontre avec la direction et les 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" />


@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>




@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">Demandes de rencontre avec la direction et les enseignants</h3>
                           
                              <div class="page-breadcrumb">
                                  <nav aria-label="breadcrumb">
                                      <ol class="breadcrumb">
                                          <li class="breadcrumb-item active" aria-current="page">Demandes de rencontre avec la direction et les 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">
  <div class="card-body">

      <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>état</th>
              <th>Élève</th>
              <th>Classe</th>
              <th>Enseignant(e)</th>
              <th>Date</th>
              <th>Objet</th>
              <th>#</th>
              
            </tr>
            </thead>
            <tbody>

@foreach($demandes_rencontre as $demand_rencontre)


              <tr>

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

                  <td>
                    @if($demand_rencontre->etat == 0)
                      <span class="badge badge-warning text-white"><i class="fa fa-hourglass"></i> En cours</span> 
                    @elseif($demand_rencontre->etat == 1)
                      <span class="badge badge-success text-white"><i class="fa fa-check-circle"></i> Confirmé </span>
                    @elseif($demand_rencontre->etat == 2)
                      <span class="badge badge-danger text-white"><i class="fas fa-exclamation-triangle"></i> Annulé </span>
                    @endif
                  </td>

                  <td>
                      {{ auth()->user()->last_name . ' ' . auth()->user()->first_name }}
                  </td>
                                  
                  <td>
                    {{ $demand_rencontre->classe->name }}
                  </td>

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

                  <td>
                     {{ $DateTime->format('d/m/Y') }} à {{ $demand_rencontre->heure }}
                  </td>

                  <td>{{ $demand_rencontre->objet }}</td>
                  
                  <td>
                    
                    <a class="btn btn-primary btn-sm" href="#" data-toggle="modal" data-target="#exampleModal-{{ $demand_rencontre->id }}"><i class="fa fa-eye"></i> Description</a>
                    
@if(!empty($demand_rencontre->rapport))
                    <a class="btn btn-primary btn-sm ml-1" href="#" data-toggle="modal" data-target="#rapport-{{ $demand_rencontre->id }}"><i class="fas fa-clipboard-list"></i> Rapport</a>

<!-- Modal -->
<div class="modal fade" id="rapport-{{ $demand_rencontre->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalrapport-{{ $demand_rencontre->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="exampleModalrapport-{{ $demand_rencontre->id }}">Le rapport</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 -->
@endif

<!-- Modal -->
<div class="modal fade" id="exampleModal-{{ $demand_rencontre->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel-{{ $demand_rencontre->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-{{ $demand_rencontre->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>

                  

              </tr>

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

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

                                     


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

@stop