@extends('layouts.archives_panel')

@section('title') agents @stop

@section('CSS') 


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

<style type="text/css">
.figure-attachment {
    min-height: 100px;
}
.fa-lg {
  font-size: 36px !important;
}
</style>

@stop

@section('JS') 



@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">Agents</h3>
                          </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-primary mb-1" data-toggle="modal" data-target="#exampleModal"><i class="fa fa-plus"></i> Ajouter </a>
@endif

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


<!-- 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">Ajouter</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('store_agents_role') }}"  enctype="multipart/form-data">

{{ csrf_field() }}

<div class="row">


  <div class="col-md-6">
    <div class="form-group">
    <label>Nom</label>
    <div class="input-group">
    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-address-card"></i></span></div>
    <input name="last_name" type="text" class="form-control" value="{{ old('last_name') }}" required>
    </div>
    </div>
  </div>

  <div class="col-md-6">
    <div class="form-group">
    <label>Prénom</label>
    <div class="input-group">
    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-address-card"></i></span></div>
    <input name="first_name" type="text" class="form-control" value="{{ old('first_name') }}" required>
    </div>
    </div>
  </div>

</div>



<div class="row">

  <div class="col-md-6">
    <div class="form-group">
    <label>Téléphone</label>
    <div class="input-group">
    <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-phone"></i></span></div>
    <input name="phone" type="text" class="form-control" value="{{ old('phone') }}">
    </div>
    </div>
  </div>

  <div class="col-md-6">
    <div class="form-group">
    <label>Email</label>
    <div class="input-group">
    <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-envelope"></i></span></div>
    <input name="email" type="email" class="form-control" value="{{ old('email') }}" required="required">
    </div>
    </div>
    @if($errors->first('email'))
      <small class="form-text text-danger">{{ $errors->first('email') }}</small>
    @endif
  </div>

</div>


<div class="clearfix"></div><hr>

<div class="row">

  <div class="col-md-4">
    <div class="form-group">
    <label>Nom d'utilisateur</label>
    <div class="input-group">
    <div class="input-group-prepend"><span class="input-group-text">@</span></div>
    <input name="username" type="text" class="form-control" value="{{ old('username') }}" required="required">
    </div>
    </div>
    @if($errors->first('username'))
      <small class="form-text text-danger">{{ $errors->first('username') }}</small>
    @endif
  </div>

  <div class="col-md-4">
    <div class="form-group">
    <label>Mot de passe</label>
    <div class="input-group">
    <div class="input-group-prepend"><span class="input-group-text" style="cursor: pointer; " onclick="generatePassword();">Générer</span></div>
    <input name="password" type="text" id="inputPassword" class="form-control input-lg" required="required">
    </div>
    </div>
  </div>

  <div class="col-md-4">
      
        <div class="form-group">
          <label>Image</label>
          <input type="file" name="image" class="form-control">
        </div>
  </div>

</div>


<div class="clearfix"></div><hr>

<div class="row">

<div class="col-md-6 mb-3">
    <label>Réglement:</label>
    <select name="reglement" class="selectpicker" data-width="100%">
        <option value="0">Non</option>
        <option value="1">Oui</option>
    </select>
</div>

<div class="col-md-6 mb-3">
    <label>Gestion du transport scolaire:</label>
    <select name="transport" class="selectpicker" data-width="100%">
        <option value="0">Non</option>
        <option value="1">Oui</option>
    </select>
</div>

<div class="col-md-6 mb-3">
    <label>Absences des élèves:</label>
    <select name="absences" class="selectpicker" data-width="100%">
        <option value="0">Non</option>
        <option value="1">Oui</option>
    </select>
</div>

<div class="col-md-6 mb-3">
    <label>Archives:</label>
    <select name="archives" class="selectpicker" data-width="100%">
        <option value="0">Non</option>
        <option value="1">Oui</option>
    </select>
</div>

<div class="col-md-6 mb-3">
    <label>Historique d'absences / Télécharger les absences:</label>
    <select name="historique_absences" class="selectpicker" data-width="100%">
        <option value="0">Non</option>
        <option value="1">Oui</option>
    </select>
</div>

<div class="col-md-6 mb-3">
    <label>Demande de renseignements:</label>
    <select name="renseignements" class="selectpicker" data-width="100%">
        <option value="0">Non</option>
        <option value="1">Oui</option>
    </select>
</div>

<div class="col-md-6 mb-3">
    <label>Pointage des heures effectuées:</label>
    <select name="heures_effectuees" class="selectpicker" data-width="100%">
        <option value="0">Non</option>
        <option value="1">Oui</option>
    </select>
</div>

<div class="col-md-6 mb-3">
    <label>Gestion des charges:</label>
    <select name="charges" class="selectpicker" data-width="100%">
        <option value="0">Non</option>
        <option value="1">Oui</option>
    </select>
</div>



</div>



<script type="text/javascript">

function generatePassword() {
    var length = 8,
        charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%&*",
        retVal = "";
    for (var i = 0, n = charset.length; i < length; ++i) {
        retVal += charset.charAt(Math.floor(Math.random() * n));
    }

  //  return retVal;
    $('#inputPassword').val(retVal); 
}

</script> 

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



<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 class="table table-striped table-bordered first">
            <thead>
            <tr class="text-uppercase">
              <th></th>
              <th>Nom et Prénom</th>
              <th>Les tâches</th>
              <th>Nom d'utilisateur</th>
              <th>Action</th>
            </tr>
            </thead>
            <tbody>

             @foreach($agents as $agen)
                <tr style="font-size: 0.9em;">
                  

                   <td>
                    @if(!empty($agen->image))
                    <img style="max-width: 65px; max-height: 65px;" src="{{ url('/') }}/uploads/images/{{ $agen->image }}" alt="" class="rounded-circle user-avatar-xxl">
                    @else
                    <img style="max-width: 65px; max-height: 65px;" src="{{ url('/') }}/uploads/images/user.png" alt="" class="rounded-circle user-avatar-xxl">
                    @endif
                  </td>
                                           
                  <td>{{ $agen->last_name . ' ' . $agen->first_name }}</td>


                  <td>
@if($agen->is_absences_agent == 1 AND $agen->is_pointage_agent == 0) 
Absences des élèves
@endif

@if($agen->is_absences_agent == 1 AND $agen->is_pointage_agent == 1)
- Archives - Pointage des heures effectuées - Absences des élèves
@endif

@if($agen->is_renseignm_agent == 1)
Demande de renseignements
@endif

@if($agen->is_charges_agent == 1)
Gestion des charges
@endif
                  </td>

                  <td>{{ $agen->username }}</td>

                  
                    <td>
@if(auth()->user()->super_admin == 1)
                        <a href="{{ URL::route('personnel_edit', $agen->id) }}" class="btn btn-success btn-sm mb-1"><i class="fa fa-edit"></i> Modifier </a>

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

                    </tr>

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







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

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

                
@stop