@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') !!} 
    
    {!! Html::style("js/plupload/jquery.plupload.queue/css/jquery.plupload.queue.css") !!}
    
    {!! Html::style('css/adminbsb/materialize.min.css') !!}
@stop

@section('content')

<div class="block-header">
	<h2><i class="material-icons">directions_car</i> Web auto</h2>
</div> 

{!! Form::model($annonce, array("class" => "form-horizontal")) !!}

@if($annonce)
<div class="row clearfix">                                                            
    <div class="col-xs-12">
      <div class="card">
        <div class="header">                
          <h2>
            <p>{{ $annonce->marque }} {{ $annonce->modele }} @if($annonce->designiation != null){{ $annonce->designiation }}@endif - {{ $annonce->prix }}&nbsp;€</p>
            @if($annonce->annee != null)<small>{{ $annonce->annee }}</small>@endif
          </h2>
        </div>
        <div class="body">
          <div class="row clearfix">
              <div class="col-xs-12 col-sm-4">
                @if(count($photos) != 0)
            		{!! Html::image("plugins/webauto/img/{$annonce->id}/medium/" . $photos[0], "", array("class" => "img-responsive"))!!}
            		@endif
              </div>
              
              <div class="col-xs-12 col-sm-6">
                <div class="row clearfix">
                  <div class="col-xs-3 col-sm-3">
                      <label>Annonce en ligne</label>
                  </div>
                  <div class="col-xs-3 col-sm-3">
                     <div class="switch"> 
                          @if($annonce->actif == 0)
                            <label><span class="lever switch-col-teal"></span></label>
                          @else
                            <label><span class="lever switch-col-teal active"></span></label>
                          @endif
                      </div>
                  </div>
                  <div class="col-xs-3 col-sm-3">
                      <label>Annonce en avant</label>
                  </div>
                  <div class="col-xs-3 col-sm-3">
                      <div class="switch"> 
                        @if($annonce->mea == 0)
                          <label><span class="lever switch-col-teal"></span></label>
                        @else
                          <label><span class="lever switch-col-teal active"></span></label>
                        @endif
                      </div>   
                  </div>
                </div>   
              
                <div class="row clearfix">
                  <div class="col-xs-3 col-sm-3">
                      <label>Disponibilité</label>
                  </div>
                  <div class="col-xs-3 col-sm-3"> 
                       @if($annonce->date_dispo){{ $annonce->date_dispo }} @else {{ $annonce->dispo }} @endif
                  </div>
                  <div class="col-xs-3 col-sm-3">
                      <label>Kilométrage</label>
                  </div>
                  <div class="col-xs-3 col-sm-3"> 
                      {{ $annonce->kilometrage }}&nbsp;km
                  </div>   
                </div>
              
                <div class="row clearfix">
                  <div class="col-xs-3 col-sm-3">
                      <label>Énergie</label>
                  </div>
                  <div class="col-xs-3 col-sm-3"> 
                      {{ $annonce->energie }}
                  </div>
                  <div class="col-xs-3 col-sm-3">
                      <label>Cylindrée</label>
                  </div>
                  <div class="col-xs-3 col-sm-3"> 
                      {{ $annonce->cylindree }} cm3
                  </div>   
                </div>
                
                <div class="row clearfix">
                  <div class="col-xs-3 col-sm-3">
                      <label>Puissance</label>
                  </div>
                  <div class="col-xs-3 col-sm-3"> 
                      {{ $annonce->puissance }} ch
                  </div>
                  <div class="col-xs-3 col-sm-3">
                      <label>Type</label>
                  </div>
                  <div class="col-xs-3 col-sm-3"> 
                      {{ $annonce->type_mq }}
                  </div>   
                </div>
                
                <div class="row clearfix">
                  <div class="col-xs-12">
                      {!! $annonce->texte !!}
                  </div>   
                </div>
              </div>
   
          </div>
             
        </div><!-- #END# .body -->
      </div>
    </div>
</div>
@endif

<div class="row clearfix">                                                            
    <div class="col-xs-12">
      <div class="card">
        <div class="header">                
          @if($annonce)
            {!! 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\Webauto\Controller\WebautoController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect pull-right")) !!}
          <h2>
            <p>Détail de l'annonce moto/scooter</p>
            <small>Éditer l'annonce</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>Référence de l'annonce <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('reference', old('reference'), array("class" => "form-control", "placeholder" => "Référence de l'annonce", "required")) !!}
                      </div>
                  </div>
              </div>
          </div>
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-2 col-md-2 form-control-label">
                  <label>Annonce en ligne</label>
              </div>
              <div class="col-xs-7 col-sm-4 col-md-4">
                  <div class="form-group">
                        {!! Form::checkbox('actif', 1, old('actif'), array("id" => 'actif', "class" => "filled-in chk-col-teal")) !!}<label for="actif"></label>
                  </div>
              </div>
              <div class="col-xs-5 col-sm-2 col-md-2 form-control-label">
                  <label>Mettre en avant l'annonce</label>
              </div>
              <div class="col-xs-7 col-sm-4 col-md-4">
                  <div class="form-group">
                        {!! Form::checkbox('mea', 1, old('mea'), array("id" => 'mea', "class" => "filled-in chk-col-teal")) !!}<label for="mea"></label>
                  </div>
              </div>
          </div>
         </div><!-- #END# .body -->
      
         <div class="header">
          <h2>
            <p>Description du véhicule</p>
          </h2>
        </div> 
        <div class="body">
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                  <label>Type</label>
              </div>
              <div class="col-xs-7 col-sm-8 col-md-4">
                  <div class="form-group">
                        {!! Form::select('type_mq', $types, old('type_mq'), array("class" => "form-control show-tick", "data-live-search" => "true")) !!}
                  </div>
              </div>
              
              <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                  <label>Marque</label>
              </div>
              <div class="col-xs-7 col-sm-8 col-md-4">
                  <div class="form-group">
                        {!! Form::select('marque', $marques, old('marque'), array("class" => "form-control show-tick", "data-live-search" => "true")) !!}
                  </div>
              </div>
          </div>
          
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                  <label>Modèle</label>
              </div>
              <div class="col-xs-7 col-sm-8 col-md-4">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('modele', old('modele'), array("class" => "form-control", "placeholder" => "Modèle")) !!}
                      </div>
                  </div>
              </div>
              <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                  <label>Désignation, finition</label>
              </div>
              <div class="col-xs-7 col-sm-8 col-md-4">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('designiation', old('designiation'), array("class" => "form-control", "placeholder" => "Désignation, finition")) !!}
                      </div>
                  </div>
              </div>
          </div>
          
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-2 form-control-label">
                  <label>Année</label>
              </div>
              <div class="col-xs-7 col-sm-4">
                  <div class="form-group">
                      {!! Form::select('annee', $annees, old('annee'), array("class" => "form-control show-tick", "data-live-search" => "true")) !!}
                  </div>
              </div>
              <div class="col-xs-5 col-sm-2 form-control-label">
                  <label>Mise en circulation <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-4">
                  <div class="form-group">
                    <div class="form-line">
                    {!! Form::text('circulation', old('circulation'), array("class" => "form-control datepicker", "placeholder" => "Mise en circulation", "required")) !!}
                    </div>
                    <small class="font-bold col-orange">Date affichée au format anglo-saxon</small>
                  </div>
              </div>
          </div>
          
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-2 form-control-label">
                  <label>État</label>
              </div>
              <div class="col-xs-7 col-sm-4">
                  <div class="form-group">
                      {!! Form::select('etat', $etats, old('etat'), array("class" => "form-control show-tick")) !!}
                  </div>
              </div>
              <div class="col-xs-5 col-sm-2 form-control-label">
                  <label>Prix de vente (€) <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-4">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('prix', old('prix'), array("class" => "form-control", "placeholder" => "Prix de vente", "required")) !!}
                      </div>
                  </div>
              </div>
          </div> 
        </div>
        
        <div class="header">
          <h2>
            <p>Caractéristiques techniques du véhicule</p>
          </h2>
        </div> 
        <div class="body">
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-2 form-control-label">
                  <label>Energie</label>
              </div>
              <div class="col-xs-7 col-sm-4">
                  <div class="form-group">
                      {!! Form::select('energie', $energies, old('energie'), array("class" => "form-control show-tick")) !!}
                  </div>
              </div>
              <div class="col-xs-5 col-sm-2 form-control-label">
                  <label>Cylindrée (cm3)</label>
              </div>
              <div class="col-xs-7 col-sm-4">
                  <div class="form-group">
                      {!! Form::select('cylindree', $cylindrees, old('cylindree'), array("class" => "form-control show-tick", "data-live-search" => "true")) !!}
                  </div>
              </div>
          </div>
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-2 form-control-label">
                  <label>Kilométrage (km) <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-4">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('kilometrage', old('kilometrage'), array("class" => "form-control", "placeholder" => "Kilométrage", "required")) !!}
                      </div>
                  </div>
              </div>
              
              <div class="col-xs-5 col-sm-2 form-control-label">
                  <label>Puissance (ch)</label>
              </div>
              <div class="col-xs-7 col-sm-4">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('puissance', old('puissance'), array("class" => "form-control", "placeholder" => "Puissance")) !!}
                      </div>
                  </div>
              </div>
          </div>
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-2 form-control-label">
                  <label>Émission en CO² (g/km)</label>
              </div>
              <div class="col-xs-7 col-sm-4">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('emission', old('emission'), array("class" => "form-control", "placeholder" => "Émission en CO²")) !!}
                      </div>
                  </div>
              </div>
              
              <div class="col-xs-5 col-sm-2 form-control-label">
                  <label>Consommation mixte (L/100km)</label>
              </div>
              <div class="col-xs-7 col-sm-4">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('consommation', old('consommation'), array("class" => "form-control", "placeholder" => "Consommation mixte")) !!}
                      </div>
                  </div>
              </div>
          </div>
         </div><!-- #END# .body -->
         
        <div class="header">
          <h2>
            <p>Disponibilité du véhicule et garantie</p>
          </h2>
        </div> 
        <div class="body">
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-2 form-control-label">
                  <label>Disponibilité</label>
              </div>
              <div class="col-xs-7 col-sm-3">
                  <div class="form-group">
                    @foreach($dispo as $key => $element)
          						{!! Form::radio('dispo', $key, $annonce ? $annonce->dispo : $key == "Non précisé", array("id" => $key, "class" => "with-gap")) !!}
                      <label for="{{ $key }}">{{ $element }}</label>
          					@endforeach
                  </div>
              </div>
              <div class="col-xs-5 col-sm-2 form-control-label">
                  <label>Précisez la date</label>
              </div>
              <div class="col-xs-7 col-sm-5">
                  <div class="form-group">
                      <div class="form-line">
                     {!! Form::text('date_dispo', $annonce ? $annonce->date_dispo : "", array("class" => "form-control datepicker", "placeholder" => "Précisez la date")) !!}
                      </div>
                     <small class="font-bold col-orange">Date affichée au format anglo-saxon</small>
                   </div>
              </div>
          </div>
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-2 form-control-label">
                  <label>Garantie</label>
              </div>
              <div class="col-xs-7 col-sm-3">
                  <div class="form-group">
                    {!! Form::select('garantie', $garanties, old('garantie'), array("class" => "form-control show-tick")) !!}
                  </div>
              </div>
              <div class="col-xs-5 col-sm-2 form-control-label">
                  <label>Durée de la garantie</label>
              </div>
              <div class="col-xs-7 col-sm-5">
                  <div class="form-group">
                    
                      {!! Form::text('duree', old('duree'), array("class" => "form-control", "placeholder" => "Durée de la garantie")) !!}
                    </div>
                  </div>
              </div>
          </div>
        </div><!-- #END# .body -->
      
      </div>
    </div>
</div>
        
<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">
                  <h2>
                    <p>Texte de l'annonce</p>
                  </h2>
                </div> 
                <div class="body">    
                  {!! Form::textarea('texte', old('texte'), array("style" => "width: 100%", "class" => "editor")) !!}
                  
                  <div class="clearfix">
                      <div class="pull-right">
                          {!! Form::reset('Annuler', array("onclick" => "window.location = '" . action('\Plugins\Webauto\Controller\WebautoController@admin') . "'", "class" => "btn btn-sm bg-orange m-t-15 waves-effect")) !!}
                           @if($annonce)
                          {!! 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")) !!}
                          @endif
                          <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">
                  <h2>
                    <p>Texte de l'annonce</p>
                  </h2>
                </div>
                <div class="body">

                  {!! Form::textarea($langue->suffixe . '_texte', getTranslation("AutoAnnonce", "texte", $annonce ? $annonce->id : null, $annonce ? $annonce->texte : 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\Webauto\Controller\WebautoController@admin') . "'", "class" => "btn btn-sm bg-orange m-t-15 waves-effect")) !!}
                           @if($annonce)
                          {!! 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")) !!}
                          @endif
                          <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-xs-12">
      <div class="card">
        <div class="header">                
          @if($annonce)
            {!! 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\Webauto\Controller\WebautoController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect pull-right")) !!}
          <h2>
            <p>Contact de l'annonce automobile</p>
          </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</label>
              </div>
              <div class="col-xs-7 col-sm-8 col-md-10">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('nom', $annonce ? $annonce->nom : getParametre('nom_webauto'), array("class" => "form-control", "placeholder" => "Nom")) !!}
                      </div>
                  </div>
              </div>
          </div>
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                  <label>Adresse</label>
              </div>
              <div class="col-xs-7 col-sm-8 col-md-10">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('adresse', $annonce ? $annonce->adresse : getParametre('adresse_webauto'), array("class" => "form-control", "placeholder" => "Adresse")) !!}
                      </div>
                  </div>
              </div>
          </div>
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                  <label>Code postal</label>
              </div>
              <div class="col-xs-7 col-sm-8 col-md-10">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('cp', $annonce ? $annonce->cp : getParametre('cp_webauto'), array("class" => "form-control", "placeholder" => "Code postal")) !!}
                      </div>
                  </div>
              </div>
          </div>
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                  <label>Ville</label>
              </div>
              <div class="col-xs-7 col-sm-8 col-md-10">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('ville', $annonce ? $annonce->ville : getParametre('ville_webauto'), array("class" => "form-control", "placeholder" => "Ville")) !!}
                      </div>
                  </div>
              </div>
          </div>
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                  <label>Téléphone</label>
              </div>
              <div class="col-xs-7 col-sm-8 col-md-10">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('telephone', $annonce ? $annonce->telephone : getParametre('tel_webauto'), array("class" => "form-control", "placeholder" => "Téléphone")) !!}
                      </div>
                  </div>
              </div>
          </div>
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                  <label>Téléphone mobile</label>
              </div>
              <div class="col-xs-7 col-sm-8 col-md-10">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('mobile', $annonce ? $annonce->mobile : getParametre('mobile_webauto'), array("class" => "form-control", "placeholder" => "Téléphone mobile")) !!}
                      </div>
                  </div>
              </div>
          </div>
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                  <label>Fax</label>
              </div>
              <div class="col-xs-7 col-sm-8 col-md-10">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('fax', $annonce ? $annonce->fax : getParametre('fax_webauto'), array("class" => "form-control", "placeholder" => "Fax")) !!}
                      </div>
                  </div>
              </div>
          </div>
          <div class="row clearfix">
              <div class="col-xs-5 col-sm-4 col-md-2 form-control-label">
                  <label>Courriel</label>
              </div>
              <div class="col-xs-7 col-sm-8 col-md-10">
                  <div class="form-group">
                      <div class="form-line">
                        {!! Form::text('email', $annonce ? $annonce->email : getParametre('email_webauto'), array("class" => "form-control", "placeholder" => "Courriel")) !!}
                      </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\Webauto\Controller\WebautoController@admin') . "'", "class" => "btn btn-sm bg-orange waves-effect m-t-15")) !!}
            </div>
          </div>
          
        </div><!-- #END# .body -->
      
      </div>
    </div>
</div>

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

@if($annonce)
<div class="row clearfix">
    <div class="col-xs-12">
      <div class="card">              
          <div class="header">
            <h2>
              <p>Visuels de l'annonce automobile</p>
              <small>Ajouter ou supprimer des photos à l'annonce</small>
              <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 de l'annonce</small>
            </h2>
          </div>        
          <div class="body table-responsive">

            {!! Form::open(array('url' => action('\Plugins\Webauto\Controller\WebautoController@update_photos', array('id' => $annonce->id)))) !!}
                
                <div class="row clearfix">
                  <div class="col-xs-12">               
                    <table class="table list_photo" id="table1"> 
                      <thead>
                          <tr>
                              <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/webauto/img/' . $annonce->id . "/icon/" . $photo) !!}
                          </td>
                          <td>{{ $photo }}</td>
                          <td>
                            <div class="actions">
                              <a href="{{ action('\Plugins\Webauto\Controller\WebautoController@delete_photo', array('photo' => $photo,'id' => $annonce->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>
                  
                  </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/jquery.ui.datepicker-fr.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 : '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"
        });


        $(function () {
            $(".datepicker").datepicker({
                    //dateFormat: 'DD dd MM yy',
                    changeYear: true,
                    dateFormat: 'yy-mm-dd'
                }
            );      
        }); 

        $(function() {
            $( ".tri" ).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);
                    });

                }
            });
            $( ".table_data" ).disableSelection();
        });


        /*** == 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);
              }
          });          
        /*** // ***/
        
        
        $(function() {
            $( ".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();
        });
        
        @if($annonce)
                $(function() {
            $("#uploader").pluploadQueue({
// General settings
                runtimes : 'html5,flash',
                url : '{{ action('\Plugins\Webauto\Controller\WebautoController@add_photo', array('render' => 0, 'id' => $annonce->id))  }}',
                        max_file_size : '5mb',
                        unique_names : true,

                        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
                        log('[error] ', args);
                    }
                }
                        });
                        });
        @endif


    </script>
@stop