{% extends "::admin.html.twig" %}
{% block title %}  Liste de Sliders {% endblock %}
{% block entete %} Liste de Sliders {% endblock %}
{% block body %}
    <div class="container-fluid container-fullw bg-white">
        <div class="row">
            <div class="col-md-12">

                <div class="row">
                    <div class="col-md-12 space20" >
                        <button class="btn btn-primary pull-left" data-toggle="modal" data-target="#slider_new">
                            Ajouter Slider <i class="fa fa-plus"></i>
                        </button>
                    </div>
                </div>

                {{ include('default/flashBag.html.twig') }}

                <!-- modal new slider -->
                {{ render(controller('BackBundle:Slider:new')) }}
                <!-- end modal -->

                <!-- start: STRIPED ROWS -->
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <table class="table  table-responsive table-striped table-hover" id="sample-table-2">
                                <thead>
                                <tr>
                                    <th class="center" width="5%">Image</th>
                                    <th width="20%">Title</th>
                                    <th class="hidden-xs" width="25%">Description</th>
                                    <th class="hidden-xs" width="25%">Url</th>
                                    <th class="hidden-xs" width="10%">Status</th>
                                    <th width="10%"> Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for slider in sliders %}
                                <tr>
                                    <td class="center"><img src="{{ asset('uploads/images/' ~ slider.path) }}"  width="250px;"/></td>
                                    <td>{%  if slider.title is not null %} {{ slider.title }} {% else %} - NOT IDENTIFIED - {% endif %}</td>
                                    <td class="hidden-xs">{%  if slider.title is not null %} {{ slider.description }} {% else %} - NOT IDENTIFIED - {% endif %}</td>
                                    <td class="hidden-xs">{%  if slider.title is not null %} {{ slider.url }} {% else %} - NOT IDENTIFIED - {% endif %}</td>
                                    <td class="hidden-xs">{%  if slider.enabled == 0 %}<a href="{{ path('admin_slider_status', {'id': slider.id }) }}"><span class="label label-danger"> Désactivé</span></a> {%  else  %}<a href="{{ path('admin_slider_status', {'id': slider.id }) }}"><span class="label label-success"> Activée</span></a>{% endif %}</td>
                                    <td >
                                        <div class="visible-md visible-lg hidden-sm hidden-xs">
                                            <a class="btn btn-success btn-xs" title="Modifier" data-toggle="modal" data-target="#slider_edit{{ slider.id }}"> <span class="fa fa-edit" style="color:white"></span></a>
                                            <a href="{{ path('admin_slider_delete',{'id':slider.id}) }}" class="btn btn-danger btn-xs user-remove" title="Supprimer" data-toggle="confirmation" class="delete-row">
                                            <span class="fa fa-trash-o"  style="color:white"></span></a>
                                        </div>
                                    </td>
                                    <!-- modal edit slider -->
                                    {{ render(controller('BackBundle:Slider:edit', {'id':slider.id })) }}
                                    <!-- end modal -->
                                </tr>
                                {%  endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <!-- end: STRIPED ROWS -->
            </div>
        </div>
    </div>

{% endblock %}