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

@if(sizeof($categories) == 0)
<div class="row clearfix">
    <div class="col-xs-12">
      <div class="card">
        <div class="header">
          @if(auth()->user()->role == "Webmaster")
            {!! Html::link(action('\Plugins\Catalogue\Controller\CatalogueController@edit_parametres'), "Modifier les paramètres du catalogue", array("class" => "btn btn-sm bg-black waves-effect m-l-15 pull-right")) !!}
          @endif
          <h2>
            <p>Liste des catégories</p>
          </h2>
        </div>
        <div class="body">
          <p class="col-red">Aucune catégorie pour le moment.</p>
          <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@edit_categorie') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter votre première catégorie" data-original-title="Ajouter votre première catégorie" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
            <i class="material-icons">add</i>
          </a>
        </div>
      </div>
    </div>
</div>
@endif

@if(sizeof($categories) > 0 && sizeof($last_produits) == 0)
<div class="row clearfix">
    <div class="col-xs-12">
      <div class="card">
        <div class="header">
          @if(auth()->user()->role == "Webmaster")
            {!! Html::link(action('\Plugins\Catalogue\Controller\CatalogueController@edit_parametres'), "Modifier les paramètres du catalogue", array("class" => "btn btn-sm bg-black waves-effect m-l-15 pull-right")) !!}
          @endif
          <h2>
            <p>Liste des produits</p>
          </h2>
        </div>
        <div class="body">
          <p class="col-red">Aucun produit pour le moment.</p>
          <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@edit_produit') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter votre premier 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>
        </div>
      </div>
    </div>
</div> 
@endif

@if(sizeof($last_produits) > 0)
<div class="row clearfix">
    <div class="col-xs-12">
      <div class="card">
        <div class="header">
          @if(auth()->user()->role == "Webmaster")
            {!! Html::link(action('\Plugins\Catalogue\Controller\CatalogueController@edit_parametres'), "Modifier les paramètres du catalogue", array("class" => "btn btn-sm bg-black waves-effect m-l-15 pull-right")) !!}
          @endif
          <h2>
            <p>Liste des 25 derniers produits</p>
          </h2>
        </div>
        <div class="body table-responsive">      
          <table class="table">
            <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 ($last_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 un produit" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
              <i class="material-icons">add</i>
            </a>
             {!! Html::link(action('\Plugins\Catalogue\Controller\CatalogueController@produit'), 'Liste complète', array("class" => "btn btn-sm bg-teal waves-effect m-l-15 m-t-15 pull-right")) !!}
          </div>
        </div>
      </div>
    </div>
</div>
@endif

@if (sizeof($categories) > 0)
{!! Form::open(array("class" => "form-horizontal")) !!}
  <div class="row clearfix">
    <div class="col-xs-12">
      <div class="card">                
        <div class="header">
          <h2>
            <p>Liste des catégories</p>
          </h2>
        </div>        
        <div class="body table-responsive">      
          <table class="table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Libellé de la catégorie</th>
                    <th>Image de couverture de la catégorie</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
            @foreach ($categories as $categorie)
              <tr>
                <td>{{ $categorie->id }}</td>
                <td>{{ $categorie->libelle }}</td>
                <td>{!! Html::image('plugins/catalogue/img/categories/' . $categorie->id . "/couverture.jpg", "", array("class" => "img-responsive", "width" => 110)) !!}</td>
                <td>
                  <div class="actions">
                    <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@delete_categorie', array('id' => $categorie->id)) }}" title="Supprimer la catégorie" 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_categorie', array('id' => $categorie->id)) }}" title="Editer la catégorie"><i class="material-icons">edit</i></a>                                        
                    <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@produit', array('id' => $categorie->id)) }}" title="Voir les produits" class="col-green"><i class="material-icons">local_mall</i></a>
                  </div>
                </td>
              </tr>
              @foreach ($categorie['children'] as $firstChild)
                <tr>
                  <td>{{ $firstChild->id }}</td>
                  <td class="firstchild"><i class="material-icons font-20">subdirectory_arrow_right</i> {{ $firstChild->libelle }}</td>
                  <td>{!! Html::image('plugins/catalogue/img/categories/' . $firstChild->id . "/couverture.jpg", "", array("class" => "img-responsive", "width" => 110)) !!}</td>
                  <td>
                    <div class="actions">
                      <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@delete_categorie', array('id' => $firstChild->id)) }}" title="Supprimer la catégorie" 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_categorie', array('id' => $firstChild->id)) }}" title="Editer la catégorie"><i class="material-icons">edit</i></a>                                        
                      <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@produit', array('id' => $firstChild->id)) }}" title="Voir les produits" class="col-green"><i class="material-icons">local_mall</i></a>
                    </div>
                  </td>
                </tr>
                @foreach ($firstChild['children'] as $secondChild)
                  <tr>
                    <td>{{ $secondChild->id }}</td>
                    <td class="secondchild"><i class="material-icons font-20">subdirectory_arrow_right</i> {{ $secondChild->libelle }}</td>
                    <td>{!! Html::image('plugins/catalogue/img/categories/' . $secondChild->id . "/couverture.jpg", "", array("class" => "img-responsive", "width" => 110)) !!}</td>
                    <td>
                      <div class="actions">
                        <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@delete_categorie', array('id' => $secondChild->id)) }}" title="Supprimer la catégorie" 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_categorie', array('id' => $secondChild->id)) }}" title="Editer la catégorie"><i class="material-icons">edit</i></a>                                        
                        <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@produit', array('id' => $secondChild->id)) }}" title="Voir les produits" class="col-green"><i class="material-icons">local_mall</i></a>
                      </div>
                    </td>
                  </tr>
                  @foreach ($secondChild['children'] as $thirdChild)
                    <tr>
                      <td>{{ $thirdChild->id }}</td>
                      <td class="thirdchild"><i class="material-icons font-20">subdirectory_arrow_right</i> {{ $thirdChild->libelle }}</td>
                      <td>{!! Html::image('plugins/catalogue/img/categories/' . $thirdChild->id . "/couverture.jpg", "", array("class" => "img-responsive", "width" => 110)) !!}</td>
                      <td>
                        <div class="actions">
                          <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@delete_categorie', array('id' => $thirdChild->id)) }}" title="Supprimer la catégorie" 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_categorie', array('id' => $thirdChild->id)) }}" title="Editer la catégorie"><i class="material-icons">edit</i></a>                                        
                          <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@produit', array('id' => $thirdChild->id)) }}" title="Voir les produits" class="col-green"><i class="material-icons">local_mall</i></a>
                        </div>
                      </td>
                    </tr>
                    @foreach ($thirdChild['children'] as $lastChild)
                      <tr>
                        <td>{{ $lastChild->id }}</td>
                        <td class="lastchild"><i class="material-icons font-20">subdirectory_arrow_right</i> {{ $lastChild->libelle }}</td>
                        <td>{!! Html::image('plugins/catalogue/img/categories/' . $lastChild->id . "/couverture.jpg", "", array("class" => "img-responsive", "width" => 110)) !!}</td>
                        <td>
                          <div class="actions">
                            <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@delete_categorie', array('id' => $lastChild->id)) }}" title="Supprimer la catégorie" 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_categorie', array('id' => $lastChild->id)) }}" title="Editer la catégorie"><i class="material-icons">edit</i></a>                                        
                            <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@produit', array('id' => $lastChild->id)) }}" title="Voir les produits" class="col-green"><i class="material-icons">local_mall</i></a>
                          </div>
                        </td>
                      </tr>
                    @endforeach
                  
                  @endforeach
                  
                @endforeach
              
              @endforeach
              
            @endforeach
            </tbody>
          </table>
          <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@edit_categorie') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter une catégorie" data-original-title="Ajouter une catégorie" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
            <i class="material-icons">add</i>
          </a>
        </div>
      </div>
    </div>
</div>
{!! Form::close() !!}
@endif


@stop

@section('js')
  <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>
@endsection