@extends('layouts.admin')

@section('css')
@parent
    <!-- JQuery DataTable Css -->
    {!! Html::style('adminbsb_plugins/jquery-datatable/skin/bootstrap/css/dataTables.bootstrap.min.css') !!}
@stop

@section('content')
<div class="block-header">
	<h2><i class="material-icons">cloud</i> Extranet/Partage de documents</h2>
</div>

<div class="row clearfix">
    <div class="col-xs-12">
      <div class="card">
        <div class="header">
          <h2>
            <p>Liste des utilisateurs</p>
          </h2>
        </div>
        <div class="body table-responsive">
          <table class="table table-bordered table-striped table-hover dataTable js-exportable">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Nom</th>
                    <th>Prénom</th>
                    <th>Adresse</th>
                    <th>Téléphone</th>
                    <th>Profils</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
              @foreach($clients as $client)
                <tr>
                  <td>{{ $client->id }}</td>
                  <td>{{ $client->nom }}</td>
                  <td>{{ $client->prenom }}</td>
                  <td>{{ $client->adresse}} {{ $client->cp }} {{ $client->ville }}</td>
                  <td>{{ $client->telephone }}</td>
                    <td>@foreach($client->profils as $profil){{ $profil->nom }}, @endforeach</td>
                  <td>
                      <a href="{{ action('\Plugins\Depot\Controller\DepotController@delete_client', array('id' => $client->id)) }}" title="Supprimer le client" onclick="return confirm('Etes-vous sûr de vouloir supprimer cet élément ?');" class="col-red"><i class="material-icons">delete_forever</i></a>
                      <a href="{{ action('\Plugins\Depot\Controller\DepotController@edit_user', array('id' => $client->id)) }}" title="Editer l'utilisateur"><i class="material-icons">edit</i></a>
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
          <a href="{{ action('\Plugins\Depot\Controller\DepotController@edit_user') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter un utilisateur" data-original-title="Ajouter un utilisateur" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
            <i class="material-icons">add</i>
          </a>
        </div>
      </div>
    </div>
</div>

<div class="row clearfix">
    <div class="col-xs-12">
        <div class="card">
            <div class="header">
                <h2>
                    <p>Liste des profils utilisateurs</p>
                </h2>
            </div>
            <div class="body table-responsive">
                <table class="table">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>Nom</th>
                        <th>Nombre d'utlisateurs</th>
                        <th>Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($profils as $profil)
                        <tr>
                            <td>{{ $profil->id }}</td>
                            <td>{{ $profil->nom }}</td>
                            <td>{{ count($profil->users) }}</td>
                            <td>
                                <a href="{{ action('\Plugins\Depot\Controller\DepotController@delete_profil', array('id' => $profil->id)) }}" title="Supprimer le profil" onclick="return confirm('Etes-vous sûr de vouloir supprimer cet élément ?');" class="col-red"><i class="material-icons">delete_forever</i></a>
                                <a href="{{ action('\Plugins\Depot\Controller\DepotController@edit_profil', array('id' => $profil->id)) }}" title="Editer l'utilisateur"><i class="material-icons">edit</i></a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                <a href="{{ action('\Plugins\Depot\Controller\DepotController@edit_profil') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter votre premier utilisateur" data-original-title="Ajouter un profil" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
                    <i class="material-icons">add</i>
                </a>
            </div>
        </div>
    </div>
</div>

@stop
@section('js')

<!-- Jquery DataTable Plugin Js -->
{!! Html::script("adminbsb_plugins/jquery-datatable/extensions/export/dataTables.buttons.min.js") !!}
{!! Html::script("adminbsb_plugins/jquery-datatable/extensions/export/buttons.flash.min.js") !!}
{!! Html::script("adminbsb_plugins/jquery-datatable/extensions/export/jszip.min.js") !!}
{!! Html::script("adminbsb_plugins/jquery-datatable/extensions/export/pdfmake.min.js") !!}
{!! Html::script("adminbsb_plugins/jquery-datatable/extensions/export/vfs_fonts.js") !!}
{!! Html::script("adminbsb_plugins/jquery-datatable/extensions/export/buttons.html5.min.js") !!}
{!! Html::script("adminbsb_plugins/jquery-datatable/extensions/export/buttons.print.min.js") !!}
<script type="text/javascript">
        
        //Exportable table    
        $('.js-exportable').DataTable({
            "oLanguage": {
                  "sProcessing":     "Traitement en cours...",
                  "sSearch":         "Rechercher&nbsp;:",
                  "sLengthMenu":     "Afficher _MENU_ &eacute;l&eacute;ments",
                  "sInfo":           "Affichage de l'&eacute;l&eacute;ment _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
                  "sInfoEmpty":      "Affichage de l'&eacute;l&eacute;ment 0 &agrave; 0 sur 0 &eacute;l&eacute;ment",
                  "sInfoFiltered":   "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
                  "sInfoPostFix":    "",
                  "sLoadingRecords": "Chargement en cours...",
                  "sZeroRecords":    "Aucun &eacute;l&eacute;ment &agrave; afficher",
                  "sEmptyTable":     "Aucune donn&eacute;e disponible dans le tableau",
                  "oPaginate": {
                      "sFirst":      "Premier",
                      "sPrevious":   "Pr&eacute;c&eacute;dent",
                      "sNext":       "Suivant",
                      "sLast":       "Dernier"
                  },
                  "oAria": {
                      "sSortAscending":  ": activer pour trier la colonne par ordre croissant",
                      "sSortDescending": ": activer pour trier la colonne par ordre d&eacute;croissant"
                  }
              },
            // pour boutons exports  
            dom: 'Bfrtip',
            buttons: [
                'copy', 'excel', 'pdf', 'print'
            ]
        }); 
        
</script>
@stop