@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">insert_drive_file</i> Pages de contenu</h2>
</div>

<div class="row clearfix">
    <div class="col-xs-12">
      <div class="card">                
        <div class="header">
          <h2>
            <p>Pages du site</p>
            <small>Gérer les pages du site</small>
          </h2>
        </div>        
        @if(sizeof($pages) > 0)
       <div class="body table-responsive">      
          <table class="table table-bordered table-striped table-hover dataTable js-exportable">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Entrée de menu de la page</th>
                    <th>Titre de la page</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
            @foreach($pages as $page)
              <tr class="data" id="row_{{ $page->id}}">
                <td>{{ $page->id }}</td>
                <td>{{ $page->menu }}</td>
                <td>{{ $page->titre }}</td>
                <td>
                  <div class="actions">
                    <a href="{{ action('PageController@delete_page', array('id' => $page->id)) }}" title="Supprimer la page" 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('PageController@edit_page', array('id' => $page->id)) }}" title="Editer la page"><i class="material-icons">edit</i></a>                    
                  </div>
                </td>
              </tr>
            @endforeach
            </tbody>
          </table>
          <a href="{{ action('PageController@edit_page') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter une page" data-original-title="Ajouter une page" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
            <i class="material-icons">add</i>
          </a>
        </div>
        @else
        <div class="body">
          <a href="{{ action('PageController@edit_page') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter votre première page" data-original-title="Ajouter votre première page" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
            <i class="material-icons">add</i>
          </a>
        </div>
        @endif
      </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