{% extends 'base.html.twig' %}

{% block title %}Deville | Slider Principal{% endblock %}

{% block body %}
    <section class="container" style="margin-top: 150px; margin-bottom: 150px;">
        <h1 class="text-center mb-5 text-uppercase">Slider Principal</h1>

        <p>Total : {{ sliders|length }}</p>

        <a href="{{ path('admin_slider_new') }}" class="btn btn-sm btn-success mb-3">Ajouter un slide</a>
        <table class="table">
            <thead>
            <tr>
                <th>#</th>
                <th>Titre</th>
                <th>Image</th>
                <th>Ordre</th>
                <th>Actif</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>
            {% for slider in sliders %}
                <tr>
                    <td>{{ loop.index }}</td>
                    <td style="max-width: 360px;">{{ slider.title }}</td>
                    <td><a href="{{ asset(slider.image) }}" target="_blank"><img src="{{ slider.image }}" alt="{{ slider.title }}" width="150"></a></td>
                    <td>{{ slider.orderIndex }}</td>
                    <td>{{ slider.isActive ? 'Oui' : 'Non' }}</td>
                    <td>
                        <a href="{{ path('admin_slider_edit', {id: slider.id}) }}" class="btn btn-sm btn-outline-warning">✏️</a>
                        <form method="post" action="{{ path('admin_slider_delete', {id: slider.id}) }}" style="display: inline-block;">
                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ slider.id) }}">
                            <button class="btn btn-sm btn-outline-danger">🗑️</button>
                        </form>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </section>

{% endblock %}