@extends('layouts.admin')      

@section('css')
@parent
    <!-- Select Plugin Js -->
    {!! Html::style('adminbsb_plugins/bootstrap-select/css/bootstrap-select.min.css') !!}
    
    {!! Html::style('css/jquery-ui.1.12.1.min.css') !!} 
    {!! Html::style('css/jquery-ui.theme.min.css') !!}
    
    <!-- Plupload -->
    {!! Html::style("js/plupload/jquery.plupload.queue/css/jquery.plupload.queue.css") !!}
@stop

@section('content')

<div class="block-header">
	<h2><i class="material-icons">local_hotel</i> Web Loca</h2>
</div>

{!! Form::model($produit, array("class" => "form-horizontal")) !!}
<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">
                  {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-l-15 pull-right", "name" => "saveAndkeep")) !!}
                  <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\Webloca\Controller\WeblocaController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect pull-right")) !!}
                  <h2>
                    <p>Détails du produit de location</p>
                    <small>Éditer un produit à louer</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>Libellé <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 du produit", "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</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-6">
                          <div class="form-group">
                                {!! Form::select('loca_categorie_id', $categories, old('loca_categorie_id'), array("class" => "form-control show-tick")) !!}
                          </div>
                      </div>
                  </div> 
                </div><!-- #END# .body --> 
                
                <div class="header">
                  <h2>
                    <p>Description du produit</p>
                  </h2>
                </div> 
                <div class="body"> 
                  {!! Form::textarea('description', old('description'), array("style" => "width: 100%", "class" => "editor")) !!}
                  
                  <div class="clearfix">
                      <div class="pull-right">
                          {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('\Plugins\Webloca\Controller\WeblocaController@admin') . "'", "class" => "btn btn-sm bg-orange m-t-15 waves-effect")) !!}                        
                          {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-l-15 m-t-15 pull-right", "name" => "saveAndkeep")) !!}
                          <button type="submit" class="btn btn-sm bg-teal waves-effect m-l-15 m-t-15 pull-right">Enregistrer</button>
                      </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">
                  {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-l-15 pull-right", "name" => "saveAndkeep")) !!}
                  <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\Webloca\Controller\WeblocaController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect pull-right")) !!}
                  <h2>
                    <p>Détails du produit de location</p>
                    <small>Éditer un produit à louer</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>Libellé <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($langue->suffixe . '_libelle', getTranslation("LocaProduit", "libelle", $produit ? $produit->id : null, $produit ? $produit->libelle : null, $langue->suffixe), array("class" => "form-control", "placeholder" => "Nom du produit")) !!}
                              </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</label>
                      </div>
                      <div class="col-xs-7 col-sm-8 col-md-6">
                          <div class="form-group">
                            {!! Form::select($langue->suffixe . '_loca_categorie_id', $categories, getTranslation("Produit", "loca_categorie_id", $produit ? $produit->id : null, $produit ? $produit->loca_categorie_id : null, $langue->suffixe), array("class" => "form-control show-tick")) !!}
                          </div>
                      </div>
                  </div> 
                </div><!-- #END# .body --> 
                
                <div class="header">
                  <h2>
                    <p>Description du produit</p>
                  </h2>
                </div> 
                <div class="body"> 

                  {!! Form::textarea($langue->suffixe . '_description', getTranslation("LocaProduit", "description", $produit ? $produit->id : null, $produit ? $produit->description : null, $langue->suffixe), array("style" => "width: 100%", "class" => "editor")) !!}
                  
                  <div class="clearfix">
                      <div class="pull-right">
                          {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('\Plugins\Webloca\Controller\WeblocaController@admin') . "'", "class" => "btn btn-sm bg-orange m-t-15 waves-effect")) !!}
                          {!! Form::submit("Enregistrer et rester sur la page", array("class" => "btn btn-sm bg-teal waves-effect m-l-15 m-t-15 pull-right", "name" => "saveAndkeep")) !!}
                          <button type="submit" class="btn btn-sm bg-teal waves-effect m-l-15 m-t-15 pull-right">Enregistrer</button>
                      </div>
                  </div>
                </div><!-- #END# .body -->                                   
              </div><!-- #END# tabs_{{ $langue->suffixe }} -->
              @endif
              @endforeach
              @endif
              
              
            </div><!-- #END# tab-content -->  
        </div><!-- #END# tab-container -->

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

<div class="row clearfix">  
    <div class="col-sm-6">
      <div class="card">
        <div class="header">                                       
          <h2>
            <p>Caractéristiques du produit</p>
          </h2>
        </div>
        <div class="body">
          <div class="row clearfix">
              <div class="col-sm-5 form-control-label">
                  <label>Quantité</label>
              </div>
              <div class="col-sm-7">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('qte', old('qte'), array("class" => "form-control", "placeholder" => "Quantité")) !!}
                      </div>
                  </div>
              </div>
          </div>
          <div class="row clearfix">
              <div class="col-sm-5 form-control-label">
                  <label>Prix unitaire (€)</label>
              </div>
              <div class="col-sm-7">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('prix', old('prix'), array("class" => "form-control", "placeholder" => "Prix")) !!}
                      </div>
                  </div>
              </div>
          </div>
          <div class="row clearfix">
              <div class="col-sm-5 form-control-label">
                  <label>Unité de temps</label>
              </div>
              <div class="col-sm-7">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::select('duree', $unites, old('duree'), array("class" => "form-control show-tick")) !!}
                      </div>
                  </div>
              </div>
          </div>

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

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


@if($produit)
<div class="row clearfix">  
    <div class="col-sm-12">
      <div class="card">
        <div class="header">                                       
          <h2>
            <p>Ajouter des photos au produit</p>
            <small class="font-bold col-orange">Le poids de chaque image ne doit pas dépasser 5 Mo</small>
          </h2>
        </div>
        <div class="body">
          <div class="row clearfix">
              <div class="col-xs-12">
                  <div id="uploader">
                      <p>Votre navigateur ne supporte pas HTML5.</p>
                  </div>
              </div>
          </div>
        </div>
        
        <div class="header">
          <h2>
            <small>Liste des photos du produit <strong>{{ $produit->libelle }}</strong></small>
          </h2>
        </div>        
        <div class="body table-responsive">
          {!! Form::open(array('url' => action('\Plugins\Webloca\Controller\WeblocaController@update_photos', array('id' => $produit->id, "class" => "form-horizontal")))) !!}
            <div class="row clearfix">
              <div class="col-xs-12">
            
                <table class="table list_photo" id="table1">
                  <thead>
                      <tr>
                          <th>&nbsp;</th><th>&nbsp;</th>
                          <th>Visuel</th>
                          <th>Titre</th>
                          <th>Actions</th>
                      </tr>
                  </thead>
                  <tbody class="table_data">
                  @foreach($photos as $id => $photo)
                                        <tr class="data" id="row_{{ $id }}">                                               
                      <td><input type="checkbox" value="{{ $photo }}" name="del_{{ $id }}" id="del_{{ $id }}" class="filled-in chk-col-teal checkbox"><label for="del_{{ $id }}"></label></td>
                      <td>
                        <input type="hidden" value="{{ $rang }}" id="rang_{{ $id }}" name="rang_{{ $id }}">
                        {!! Html::image('plugins/webloca/img/' . $produit->id . "/icon/" . $photo) !!}
                      </td>
                      <td>{{ $photo }}</td>
                      <td>
                        <div class="actions">
                          <a href="{{ action('\Plugins\Webloca\Controller\WeblocaController@delete_photo', array('photo' => $photo,'id' => $produit->id)) }}" title="Supprimer la photo" 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>
                      </td>
                    </tr>
                  @endforeach
                  </tbody>
                </table>
                
                @if(count($photos) == 0)
                  Vous n'avez pas de photos actuellement ...
                @endif
              </div>
            </div>
            
            <div class="row clearfix">
              <div class="col-xs-6">
                <div id="select"> 
                    <input type="checkbox" id="select_all" name="select_all"><label for="select_all" class="filled-in chk-col-teal">Tout sélectionner / Tout désélectionner</label>                      
                                    </div>
              </div>
              <div class="col-xs-6">
                {!! Form::submit("Enregistrer l'ordre des photos", array('name' => "save", "class" => "btn btn-sm bg-light-green waves-effect m-l-15 pull-right")) !!}
                {!! Form::submit("Supprimer la sélection", array("onclick" => "return confirm('Etes-vous sûr de vouloir supprimer la selection ?');", "class" => "btn btn-sm bg-red waves-effect pull-right")) !!}
              </div>
            </div>
        {!! Form::close() !!}     
      </div>
    </div>
  </div>
</div>
@endif

@stop

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


{!! Html::script("js/jquery-ui.1.12.1.min.js") !!}
{!! Html::script("js/plupload/plupload.full.js") !!}
{!! Html::script("js/plupload/jquery.plupload.queue/jquery.plupload.queue.js") !!}
{!! Html::script("js/tinymce/tinymce.min.js") !!}

	<script type="text/javascript">
        tinymce.init({
            selector: '.editor',
          plugins : 'advlist autolink link image imagetools lists charmap code fullscreen media paste',
            height : 400,
            menubar: false,
          toolbar: 'undo redo | fontsizeselect formatselect | bold italic underline charmap blockquote bullist numlist | alignleft aligncenter alignright alignjustify | link image media code | removeformat | fullscreen',
          paste_word_valid_elements: "b,strong,i,em,ul,ol,li,p",
          file_browser_callback: function(field, url, type, win) {
                  tinyMCE.activeEditor.windowManager.open({
                      file: '/kcfinder/browse.php?opener=tinymce4&field=' + field + '&type=images&lng=fr',
                      title: 'KCFinder',
                      width: 700,
                      height: 500,
                      inline: true,
                      close_previous: false
                  }, {
                      window: win,
                      input: field
                  });
                  return false;
  
          }
        });

        
@if($produit)
        $(function() {
        
            /*** == Tout sélectionner / Tout désélectionner == ***/
              //select all checkboxes                                                                                                                                                     
              $("#select_all").change(function(){  //"select all" change
                  $(".checkbox").prop('checked', $(this).prop("checked")); //change all ".checkbox" checked status
              });
              
              //".checkbox" change
              $('.checkbox').change(function(){
                  //uncheck "select all", if one of the listed checkbox item is unchecked
                  if(false == $(this).prop("checked")){ //if this item is unchecked
                      $("#select_all").prop('checked', false); //change "select all" checked status to false
                  }
                  //check "select all" if all checkbox items are checked
                  if ($('.checkbox:checked').length == $('.checkbox').length ){
                      $("#select_all").prop('checked', true);
                  }
              });          
            /*** // ***/
        
            $( ".table_data" ).sortable({
                update: function(event, ui){
                    var rows = $("#"+$(ui.item).attr("id")).parent();
                    rows.children().each(function(index){
                        $("#" + $(this).attr('id') + " input:hidden").val(index+1);
                    });

                }
            });
            $( ".data" ).addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" );
           // $( ".table_data" ).disableSelection();
        });

        

        $(function() {
            $("#uploader").pluploadQueue({
              // General settings
                runtimes : 'html5,flash',
                url : '{{ action('\Plugins\Webloca\Controller\WeblocaController@add_photo', array('render' => 0, 'id' => $produit->id)) }}',
                max_file_size : '10mb',
                unique_names : true,

                resize : {width : 1600, height : 1200, quality : 90},

                urlstream_upload : true,
                flash_swf_url : '/js/plupload/plupload.flash.swf',
              // Specify what files to browse for
                filters : [
                    {title : "Fichiers images", extensions : "jpeg,jpg,gif,png"}
                ],

                multipart: true,

              // Post init events, bound after the internal events
                init : {

                    StateChanged: function(up) {
                    // Called when the state of the queue is changed
                        if(up.state == plupload.STOPPED) {
                            location.reload(true);
                        }
                    },
                    Error: function(up, args) {
                      // Called when a error has occured
                        location.reload(true);
                    }
                }
            });
        });

@endif

	</script>
@stop