@extends('layouts.admin')

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

@section('content')
<div class="block-header">
	<h2><i class="material-icons">folder</i> Catalogue</h2>
</div>

<div class="row clearfix">
    <div class="col-xs-12">
      <div class="card">
        <div class="header">
          {!! Form::reset('Retour au tableau de bord', array("onclick" => "window.location = '" . action('\Plugins\Catalogue\Controller\CatalogueController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect m-t-10 pull-right")) !!}
  
          {!! Form::open(array('action' => '\Plugins\Catalogue\Controller\CatalogueController@update_produit', 'class' => 'pull-right form-horizontal m-r-30')) !!}
            {!! Form::select('categorie_id', $categories, $categorie) !!}
            {!! Form::submit("Filtrer par catégorie", array("class" => "btn btn-sm bg-teal m-l-10")) !!} 
          {!! Form::close() !!} 
          <h2>
            <p>Liste des produits</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 du produit</th>
                    <th>Catégorie par défaut</th>
                    <th>Catégories associées</th>
                  <th>Prix</th>
                  <th>Actif</th>
                  <th>MEA</th>
                  <th>Actions</th>
                </tr>
            </thead>
            <tbody>
            @foreach ($produits as $produit)        
              <tr>
                <td>{{ $produit->id }}</td>
                <td>{{ $produit->libelle }}</td>
                <td>{{ $produit->defaut->libelle }}</td>
                  <td>
                      @if(count($produit->categories))
                          @foreach($produit->categories as $categorie)
                              {{ $categorie->libelle  }},
                          @endforeach
                      @else
                          Sans
                      @endif
                  </td>
                <td>{{ $produit->prix }}&nbsp;€</td>
                  <td><a onclick="activateToggle('{{ $produit->id }}')" style="cursor: pointer;"> @if($produit->actif)<span id="active-{{ $produit->id }}" class="col-light-green"><i class="material-icons" data-toggle="tooltip" data-placement="bottom" title="Désactiver" data-original-title="Désactiver">check_circle</i></span> @else <span id="active-{{ $produit->id }}" class="col-grey"><i class="material-icons" data-toggle="tooltip" data-placement="bottom" title="Activer" data-original-title="Activer">cancel</i></span> @endif </a></td>
                  <td><a onclick="meaToggle('{{ $produit->id }}')" style="cursor: pointer;"> @if($produit->mea)<span id="mea-{{ $produit->id }}" class="col-light-green"><i class="material-icons" data-toggle="tooltip" data-placement="bottom" title="Enlever la mise en avant" data-original-title="Enlever la mise en avant">check_circle</i></span> @else <span id="mea-{{ $produit->id }}" class="col-grey"><i class="material-icons" data-toggle="tooltip" data-placement="bottom" title="Mettre en avant" data-original-title="Mettre en avant">cancel</i></span> @endif </a></td>
                <td>
                   <div class="actions">
                    <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@delete_produit', array('id' => $produit->id)) }}" title="Supprimer le produit" 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\Catalogue\Controller\CatalogueController@edit_produit', array('id' => $produit->id)) }}" title="Editer le produit"><i class="material-icons">edit</i></a>                                        
                  </div>
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
          
          <div class="clearfix">
            <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@edit_produit') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter un produit" data-original-title="Ajouter votre premier produit" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
              <i class="material-icons">add</i>
            </a>
            {!! Form::reset('Retour au tableau de bord', array("onclick" => "window.location = '" . action('\Plugins\Catalogue\Controller\CatalogueController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect m-t-10 pull-right")) !!}
          </div> 
        </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>

<script>
    function activateToggle(id){
        $.post('{{ action('\Plugins\Catalogue\Controller\CatalogueController@active_produit') }}', {id: id}, function(data){
            if(data == "ACT"){
                $('#active-' + id).removeClass('col-grey').addClass('col-light-green');
                $('#active-' + id).html('<i class="material-icons" data-toggle="tooltip" data-placement="bottom" title="Désactiver" data-original-title="Désactiver">check_circle</i>');
            }else{
                $('#active-' + id).removeClass('col-light-green').addClass('col-grey');
                $('#active-' + id).html('<i class="material-icons" data-toggle="tooltip" data-placement="bottom" title="Activer" data-original-title="Activer">cancel</i>');
            }
        });
    }

    function meaToggle(id){
        $.post('{{ action('\Plugins\Catalogue\Controller\CatalogueController@mea_produit') }}', {id: id}, function(data){
            if(data == "ACT"){
                $('#mea-' + id).removeClass('col-grey').addClass('col-light-green');
                $('#mea-' + id).html('<i class="material-icons" data-toggle="tooltip" data-placement="bottom" title="Désactiver" data-original-title="Désactiver">check_circle</i>');
            }else{
                $('#mea-' + id).removeClass('col-light-green').addClass('col-grey');
                $('#mea-' + id).html('<i class="material-icons" data-toggle="tooltip" data-placement="bottom" title="Activer" data-original-title="Activer">cancel</i>');
            }
        });
    }

</script>

<!-- Select Plugin Js -->
{!! Html::script("adminbsb_plugins/bootstrap-select/js/bootstrap-select.min.js") !!}
@stop