@extends('layouts.admin')

@section('css')
@parent
    <!-- 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>

{!! Form::model($categorie, array("class" => "form-horizontal", "files" => true)) !!}
<div class="row clearfix">
    <div class="col-xs-12">
      <div class="card"> 
          <div id="tab-container" class="tab-container">          
            @if(count(getAllLangues()) > 1)
            <!-- Nav tabs -->
            <ul class="nav nav-tabs tab-nav-right" role="tablist">
                @foreach (getAllLangues() as $index => $langue)
                    <li @if($index == 0) class="active" @endif><a href="#tabs_{{ $langue->suffixe }}" data-toggle="tab">{!! Html::image("img/langues/" . $langue->suffixe . ".gif") !!}</a></li>
                @endforeach
            </ul>
            @endif
            <div class="tab-content">
              <div role="tabpanel" class="tab-pane fade in active" id="tabs_fre">                
                <div class="header">
                  @if($categorie != null)
                  {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-l-15 pull-right", "name" => "saveAndkeep")) !!}
                  @endif
                  <button type="submit" class="btn btn-sm bg-teal waves-effect m-l-15 pull-right">Enregistrer</button>
                  {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('\Plugins\Catalogue\Controller\CatalogueController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect pull-right")) !!}
                  <h2>
                    <p>Catégorie du catalogue</p>
                    <small>Éditer une catégorie</small>
                  </h2>
                </div>        
                <div class="body">
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Nom de la catégorie <i class="material-icons font-14 col-red" data-toggle="tooltip" data-placement="bottom" title="Champ requis" data-original-title="Champ requis">error_outline</i></label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                              <div class="form-line">
                                {!! Form::text('libelle', old('libelle'), array("class" => "form-control", "placeholder" => "Nom de la catégorie", "required")) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Catégorie parente</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-6">
                          <div class="form-group">
                                {!! Form::select('parent_id', $parents, old('parent_id')) !!}
                          </div>
                      </div>
                  </div>
                    <div class="row clearfix">
                        <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                            <label>Catégorie présente dans le menu</label>
                        </div>
                        <div class="col-xs-7 col-sm-8 col-md-10">
                            <div class="form-group col-light-green">
                                {!! Form::checkbox('menu', 1, old('menu'), array("id" => 'menu', "class" => "filled-in chk-col-teal")) !!}<label for="menu"></label>
                            </div>
                        </div>
                    </div>
                </div><!-- #END# .body -->
                
                <div class="header">
                  <h2>
                    <p>Description de la catégorie</p>
                  </h2>
                </div> 
                <div class="body"> 
                  {!! Form::textarea('description', old('description'), array("style" => "width: 100%", "class" => "editor")) !!}
                </div><!-- #END# .body -->
                
                <div class="header">
                  <h2>
                    <p>Référencement de la catégorie</p>
                    <small>Cette partie est réservée pour la surcharge des métas créées automatiquement</small>
                  </h2>
                </div> 
                <div class="body"> 
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>META Title de la catégorie</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                              <div class="form-line">
                                {!! Form::text('meta_title', old('meta_title'), array("class" => "form-control", "placeholder" => "META Title de la catégorie", "maxlength" => 80, "ID" => "idtitle")) !!}
                              </div>
                              <div class="count">Nombre de charactère : <span id="resulttitle"></span></div> 
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>META Description de la catégorie</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                              <div class="form-line">
                                  {!! Form::text('meta_description', old('meta_description'), array("class" => "form-control", "placeholder" => "META Description de la catégorie", "maxlength" => 170, "ID" => "idmeta")) !!}
                              </div>
                              <div class="count">Nombre de charactère : <span id="resultmeta"></span></div> 
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Rewrite de la catégorie</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                              <div class="form-line">
                                {!! Form::text('rewrite', old('rewrite'), array("class" => "form-control", "placeholder" => "Rewrite de la catégorie")) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="clearfix">
                      <div class="pull-right">
                        <button type="submit" class="btn btn-sm bg-teal waves-effect m-t-15 m-l-15 pull-right">Enregistrer</button>
                        {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('\Plugins\Catalogue\Controller\CatalogueController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect m-t-15")) !!}
                      </div>
                  </div>  
                </div><!-- #END# .body -->
                
                
              </div><!-- #END# tabs_fre -->
              
              @if(count(getAllLangues()) > 1)
              @foreach (getAllLangues() as $langue)
              @if($langue->suffixe != "fre")
              <div role="tabpanel" class="tab-pane fade in" id="tabs_{{ $langue->suffixe }}">
                <div class="header">
                  @if($categorie != null)
                  {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-l-15 pull-right", "name" => "saveAndkeep")) !!}
                  @endif
                  <button type="submit" class="btn btn-sm bg-teal waves-effect m-l-15 pull-right">Enregistrer</button>
                  {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('\Plugins\Catalogue\Controller\CatalogueController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect pull-right")) !!}
                  <h2>
                    <p>Catégorie du catalogue</p>
                    <small>Éditer une catégorie</small>
                  </h2>
                </div>        
                <div class="body">
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Nom de la catégorie</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                              <div class="form-line">
                                {!! Form::text($langue->suffixe . '_libelle', getTranslation("Categorie", "libelle", $categorie ? $categorie->id : null, $categorie ? $categorie->libelle : null, $langue->suffixe), array("class" => "form-control", "placeholder" => "Nom de la catégorie")) !!}
                             </div>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Catégorie parente</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                            {!! Form::select($langue->suffixe . '_parent_id', $parents, getTranslation("Categorie", "parent_id", $categorie ? $categorie->id : null, $categorie ? $categorie->parent_id : null, $langue->suffixe)) !!}
                          </div>
                      </div>
                  </div>
                </div><!-- #END# .body -->
                
                <div class="header">
                  <h2>
                    <p>Description de la catégorie</p>
                  </h2>
                </div> 
                <div class="body"> 
                  {!! Form::textarea($langue->suffixe . '_description', getTranslation("Catégorie", "description", $categorie ? $categorie->id : null, $categorie ? $categorie->description : null, $langue->suffixe), array("style" => "width: 100%", "class" => "editor")) !!}
                </div><!-- #END# .body -->
                
                <div class="header">
                  <h2>
                    <p>Référencement de la catégorie</p>
                    <small>Cette partie est réservée pour la surcharge des métas créées automatiquement</small>
                  </h2>
                </div> 
                <div class="body"> 
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>META Title de la catégorie</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                              <div class="form-line">
                                {!! Form::text($langue->suffixe . '_meta_title', getTranslation("Categorie", "meta_title", $categorie ? $categorie->id : null, $categorie ? $categorie->meta_title : null, $langue->suffixe), array("class" => "form-control", "placeholder" => "META Title de la catégorie", "maxlength" => 80)) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>META Description de la catégorie</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                              <div class="form-line">
                                {!! Form::text($langue->suffixe . '_meta_description', getTranslation("Categorie", "meta_description", $categorie ? $categorie->id : null, $categorie ? $categorie->meta_description : null, $langue->suffixe), array("class" => "form-control", "placeholder" => "META Description de la catégorie", "maxlength" => 170)) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="row clearfix">
                      <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                          <label>Rewrite de la catégorie</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-10">
                          <div class="form-group">
                              <div class="form-line">
                                {!! Form::text('rewrite', old('rewrite'), array("class" => "form-control", "placeholder" => "Rewrite de la catégorie")) !!}
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="clearfix">
                      <div class="pull-right">
                        <button type="submit" class="btn btn-sm bg-teal waves-effect m-t-15 m-l-15 pull-right">Enregistrer</button>
                        {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('\Plugins\Catalogue\Controller\CatalogueController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect m-t-15")) !!}
                      </div>
                  </div>  
                </div><!-- #END# .body -->
                
              </div><!-- #END# tabs_{{ $langue->suffixe }} -->
              @endif
              @endforeach
              @endif
              
              <div class="header">
                  <h2>
                    <p>Couverture de la catégorie</p>
                    <small class="font-bold col-orange">Le seul format accepté est le .jpg <br>Le poids de votre image ne doit pas dépasser 5 Mo.</small>
                  </h2>
                </div>
                <div class="body">
                <div class="row clearfix">
                
                    <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                        <label>Couverture</label>
                    </div>
                    <div class="col-xs-7 col-sm-8 col-md-10">
                        <div class="form-group">
                            <div class="form-line">
                              {!! Form::file('couverture', array("class" => "form-control")) !!}
                            </div>
                        </div>
                        @if($categorie)
                          <div class="form-group m-t-15">
                            {!! Html::image('plugins/catalogue/img/categories/' . $categorie->id . "/couverture.jpg", "", array("class" => "img-responsive", "width" => 300)) !!}
                            <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@del_visuel', array('id' => $categorie->id)) }}" title="Supprimer le visuel" onclick="return confirm('Etes-vous sûr de vouloir supprimer cet élément ?');" class="col-red"><i class="material-icons">delete_forever</i></a>
                          </div>
                        @endif
                    </div>

                </div>                
              </div><!-- #END# .body -->
                                              
            </div<!-- #END# tab-content -->  
        </div><!-- #END# tab-container -->

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

{!! Form::hidden('id') !!}
{!! Form::hidden('rang') !!}
{!! Form::close() !!}

@if($categorie != null)
@if(sizeof($variables) != 0)
{!! Form::open(array('action' => '\Plugins\Catalogue\Controller\CatalogueController@update_variable'), array("class" => "form-horizontal")) !!}
<div class="clearfix">
    <div class="col-xs-12">
      <div class="card">                
          <div class="header">
            <h2>
              <p>Variables additionnelles</p>
              <small>Éditer les variables de la catégorie</small>
            </h2>
          </div>           
            
          <div class="body table-responsive">      
            <table class="table">
              <thead>
                  <tr>
                      <th>ID</th>
                      <th>Nom de la variable</th>
                      <th>Stockable</th>
                      <th>Actions</th>
                  </tr>
              </thead>
              <tbody>
                 @foreach ($variables as $variable)
                  <tr class="data" id="row_{{ $variable->id }}">                                               
                    <td>
                      <input type="hidden" value="{{ $variable->rang }}" id="rang_{{ $variable->id }}" name="rang_{{ $variable->id }}">
                      {{ $variable->id }}
                    </td>
                    <td>{{ $variable->nom }}</td>
                    <td>{{ $variable->stock == 0 ? "Non" : "Oui" }}</td>
                    <td>
                      <div class="actions">
                        <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@delete_variable', array('id' => $variable->id)) }}" title="Supprimer la variable" 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_variable', array('categorie' => $categorie->id, 'id' => $variable->id)) }}" title="Editer la variable"><i class="material-icons">edit</i></a>                                       
                      </div>
                    </td>
                  </tr>
                @endforeach
                
              </tbody>
            </table>
            
            <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@edit_variable', array('categorie' => $categorie->id)) }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter une variable" data-original-title="Ajouter une variable" 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() !!}
@else
<div class="clearfix">
    <div class="col-xs-12">
      <div class="card">                
          <div class="header">
            <h2>
              <p>Variables additionnelles</p>
              <small>Éditer les variables de la catégorie</small>
            </h2>
          </div>           
          <div class="body">                   
            <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@edit_variable', array('categorie' => $categorie->id)) }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter une variable" data-original-title="Ajouter une variable" 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($stockables) != 0)
  {!! Form::open(array('action' => '\Plugins\Catalogue\Controller\CatalogueController@update_stockable'), array("class" => "form-horizontal")) !!}
  <div class="clearfix">
      <div class="col-xs-12">
        <div class="card">
          <div class="header">
            <h2>
              <p>Variables additionnelles de stock</p>
              <small>Éditer les variables stockables de la catégorie</small>
            </h2>
          </div>
          <div class="body table-responsive">
            <table class="table">
              <thead>
                  <tr>
                      <th>ID</th>
                      <th>Nom de la variable</th>
                      <th>Stockable</th>
                      <th>Actions</th>
                  </tr>
              </thead>
              <tbody class="table_data">
              @foreach ($stockables as $variable)
                  <tr class="data" id="row_{{ $variable->id }}">                                               
                    <td>
                      <input type="hidden" value="{{ $variable->rang }}" id="rang_{{ $variable->id }}" name="rang_{{ $variable->id }}">
                      {{ $variable->id }}
                    </td>
                    <td>{{ $variable->nom }}</td>
                    <td>{{ $variable->stock == 0 ? "Non" : "Oui" }}</td>
                    <td>
                      <div class="actions">
                        <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@delete_variable', array('id' => $variable->id)) }}" title="Supprimer la variable" 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_variable', array('categorie' => $categorie->id, 'id' => $variable->id)) }}" title="Editer la variable"><i class="material-icons">edit</i></a>                                       
                      </div>
                    </td>
                  </tr>
              @endforeach
              </tbody>
            </table>
            <a href="{{ action('\Plugins\Catalogue\Controller\CatalogueController@edit_variable', array('categorie' => $categorie->id)) }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter une variable" data-original-title="Ajouter une variable" 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
   
@endif 
@stop
  
@section('js')
@parent
  <!-- Select Plugin Js -->
  {!! Html::script("adminbsb_plugins/bootstrap-select/js/bootstrap-select.min.js") !!}
  
  {!! Html::script("js/tinymce/tinymce.min.js") !!}
  
  	<script type="text/javascript">
        tinymce.init({
            selector: '.editor',
            plugins : 'charmap link lists code fullscreen paste',
            height : 400,
            menubar: false,
            toolbar: 'undo redo | fontsizeselect formatselect | bold italic underline charmap blockquote bullist numlist | alignleft aligncenter alignright alignjustify | link code | removeformat | fullscreen',
            paste_word_valid_elements: "b,strong,i,em,ul,ol,li,p"
        });
    </script>
@stop