{% extends 'backoffice/backbase.html.twig' %}

{% block title %}Liste des Sliders{% endblock %}

{% block breadcrumbtitle %}Liste des sliders{% endblock %}

{% block breadcrumbitem %}Liste des sliders{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">

                    {% for message in app.flashes('success') %}
                        <div class="mb-2 alert alert-success">
                            {{ message }}
                        </div>

                        <hr>
                    {% endfor %}

                    <div class="text-right mb-2">
                        <a href="{{ path('slider.new') }}" class="btn btn-primary">Ajouter un slider</a>
                    </div>

                    <table id="sliders-table" class="table table-striped">
                        <thead>
                        <tr>
                            <th class="sorting">Actions</th>
                            <th class="sorting">Titre</th>
                            <th class="sorting">Accroche</th>
                            <th class="sorting">URL</th>
                            <th class="sorting">Aperçu</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for slider in sliders %}
                            <tr>
                                <!-- Actions -->
                                <td class="d-flex">
                                    {#<a href="{{ path('slider.show', {id: product.id}) }}" class="btn btn-secondary m-2" title="Voir"><i class="fa fa-eye"></i></a>#}
                                    <a href="{{ path('slider.edit', {id: slider.id}) }}" class="btn btn-secondary m-2" title="Voir/Editer"><i class="fa fa-pen"></i></a>
                                    <form method="POST" action="{{ path('slider.delete', {id: slider.id}) }}" style="display: inline-block" onsubmit="return confirm('Êtes vous sûr de vouloir supprimer ce slider?')">
                                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ slider.id) }}">
                                        <input type="hidden" name="_method" value="DELETE">
                                        <button class="btn btn-danger m-2" title="Supprimer"><i class="fa fa-trash"></i></button>
                                    </form>
                                </td>

                                <td>{{ slider.title }}</td>
                                <td>{{ slider.hook }}</td>
                                <td>{{ slider.link }}</td>

                                <td>
                                    {% if slider.imageName %}
                                        {% if 'http' in slider.imageName %}
                                            <img id="image" src="{{ slider.imageName }}" alt="slider-img" width="150">
                                        {% else %}
                                            <img id="image" src="{{ vich_uploader_asset(slider, 'imageFile') | imagine_filter('thumb') }}" alt="slider-img" width="150">
                                        {% endif %}
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}

                        </tbody>
                    </table>

                    <div class="pagination">
                        {{ knp_pagination_render(sliders) }}
                    </div>


                </div>
            </div>

        </div>
    </div>
{% endblock %}

{% block javascripts  %}
    <!-- Required datatable js -->
    <script src="{{ asset('back-assets/plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('back-assets/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#sliders-table').DataTable(
                {
                    "bPaginate": false,
                    "bFilter": false,
                    "bInfo": false,
                    "language": {
                        "emptyTable": "Aucun Slider disponible!"
                    }
                });
        } );

    </script>
{% endblock %}