@extends('layouts.admin')
@section('content')

<div class="block-header">
	<h2><i class="material-icons">camera</i> Galerie photos</h2>
</div>

<div class="row clearfix">
    <div class="col-xs-12">
      {!! Form::open() !!} 
      <div class="card">                
        <div class="header">
          @if(sizeof($galeries) > 1)<button type="submit" class="btn btn-sm bg-teal waves-effect m-l-15 pull-right">Enregistrer les modifications</button>@endif
          @if(auth()->user()->role == "Webmaster")
          {!! Html::link(action('\Plugins\Galerie\Controller\GalerieController@edit_parametres'), "Modifier les paramètres de la galerie photos", array("class" => "btn btn-sm bg-black waves-effect m-l-15 pull-right")) !!}
          @endif
          <h2>
            <p>Albums photos</p>
            <small>Gérer vos albums photos</small>
          </h2>
        </div>        
        @if(sizeof($galeries) > 0)
        <div class="body table-responsive">
          <table class="table" id="table_menu">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Nom de l'album</th>
                    <th>Sous-titre</th>
                    <th>Ajout de photos</th>
                    <th>Nb de photos</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody class="table_data">
            @foreach($galeries as $galerie)
              <tr class="data" id="row_{{ $galerie->id }}">                                               
                <td><input type="hidden" value="" id="rang_" name="rang_"></td>
                <td>{{ $galerie->libelle }}</td>
                <td>{{ $galerie->soustitre }}</td>
                <td>{!! Html::link(action('\Plugins\Galerie\Controller\GalerieController@edit_photos', array('id' => $galerie->id)), "Ajout/Suppression photos", array("class" => "btn btn-sm bg-teal waves-effect")) !!}</td>
                <td>{!! Html::link(action('\Plugins\Galerie\Controller\GalerieController@edit_photos', array('id' => $galerie->id)), count($galerie->photos) . " photos")  !!}</td>
                <td>
                  <div class="actions">
                    <a href="{{ action('\Plugins\Galerie\Controller\GalerieController@delete_galerie', array('id' => $galerie->id)) }}" title="Supprimer l'album photos" 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\Galerie\Controller\GalerieController@edit_galerie', array('id' => $galerie->id)) }}" title="Editer l'album photos"><i class="material-icons">edit</i></a>                   
                  </div>
                </td>
              </tr>
            @endforeach
            </tbody>
          </table>
          <a href="{{ action('\Plugins\Galerie\Controller\GalerieController@edit_galerie') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter un album photo" data-original-title="Ajouter un album photo" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
            <i class="material-icons">add</i>
          </a>
        </div>
        @else
        <div class="body">
          <a href="{{ action('\Plugins\Galerie\Controller\GalerieController@edit_galerie') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter votre premier album photo" data-original-title="Ajouter votre premier album photo" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
            <i class="material-icons">add</i>
          </a>
        </div>
        @endif
      </div>
    {!! Form::close() !!}
    </div>
</div>
<div class="row clearfix">
    <div class="col-xs-12">
        <div class="card">
            <div class="header">
                <h2>
                    <p>Liste des tags</p>
                </h2>
            </div>

            <div class="body table-responsive">
                <table class="table" id="table_menu">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>Nom du tag</th>
                        <th>Actions</th>
                    </tr>
                    </thead>
                    <tbody class="table_data">
                    @foreach ($tags as $tag)
                        <tr class="data">
                            <td>{{ $tag->id }}</td>
                            <td>{{ $tag->nom }}</td>
                            <td>
                                <div class="actions">
                                    <a href="{{ action('\Plugins\Galerie\Controller\GalerieController@delete_tag', array('id' => $tag->id)) }}" title="Supprimer le tag" 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\Galerie\Controller\GalerieController@edit_tag', array('id' => $tag->id)) }}" title="Editer le tag"><i class="material-icons">edit</i></a>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                <a href="{{ action('\Plugins\Galerie\Controller\GalerieController@edit_tag') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter un tag" data-original-title="Ajouter un tag" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
                    <i class="material-icons">add</i>
                </a>
            </div>
        </div>
    </div>
</div>
@stop

@section('js')
    @parent
    {!! Html::script("https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js") !!}
    <script type="text/javascript">
        $(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();
        });
    </script>
@stop