@extends('layouts.admin')

@section('content')

  <div class="block-header">
  	<h2><i class="material-icons">view_carousel</i> Slider de la page d'accueil</h2>
  </div>

    @if(sizeof($slides) > 0)

    <div class="row clearfix">
        <div class="col-xs-12">
          <div class="card">
            <div class="header">
              <h2>
                <p>Liste des slides</p>
                <small>Édition du diaporama sur la page d'accueil</small>
              </h2>
            </div>
            <div class="body table-responsive">
              <table class="table" id="table_menu">
                <thead>
                    <tr>
                        <th>Rang (ordre d'affichage)</th>
                        <th>Image</th>
                        <th>Titre</th>
                        <th>Sous-titre</th>
                        <th>Lien sur le slide</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody class="table_data">
                @foreach($slides as $slide)
                  <tr class="data" id="row_{{ $slide->id }}">
                    <td>{{ $slide->rang }}</td>                                               
                    <td>
                      @if($slide->image)
                      {!! Html::image("img/slides/" . $slide->image, "", array("height" => "150")) !!}
                      @else
                      <span class="font-12 font-italic col-deep-orange">Pas d'image</span>
                      @endif
                    </td>
                    <td>{{ $slide->titre }}</td>
                    <td>{{ $slide->sous_titre }}</td>
                    <td>{{ $slide->url }}</td>
                    <td>
                      <div class="actions">
                        <a href="{{ action('AdminController@delete_slide', array('id' => $slide->id)) }}" title="Supprimer ce slide" 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('AdminController@edit_slide', array('id' => $slide->id)) }}" title="Editer ce slide"><i class="material-icons">edit</i></a>                   
                      </div>
                    </td>
                  </tr>
                @endforeach
                </tbody>
              </table>
              <a href="{{ action('AdminController@edit_slide') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter un slide" data-original-title="Ajouter un slide" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
                <i class="material-icons">add</i>
              </a>
            </div>
              
          </div>
        </div>
    </div>
    @else
    <div class="row clearfix">
        <div class="col-xs-12">
          <div class="card">
            <div class="header">
              <h2>
                <p>Liste des slides</p>
                <small>Édition du diaporama sur la page d'accueil</small>
              </h2>
            </div>
            <div class="body">
              <p class="col-red">Aucun slide pour le moment.</p>
              <a href="{{ action('AdminController@edit_slide') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter votre premier slide" data-original-title="Ajouter votre premier slide" 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
@stop