{% extends 'admin/base.html.twig' %}
{% block admin_title %}Photos{% endblock %}
{% block admin_title_display %}
    Photos
    <a href="{{ path('app_admin_photo_add') }}" class="btn-primary btn-sm">+ Ajouter</a>
{% endblock %}
{% block admin_content %}

<div class="filter-bar">
    <span>Filtrer par galerie :</span>
    <a href="{{ path('app_admin_photos_list') }}" class="{{ gallery_id is null ? 'active' : '' }}">Toutes</a>
    {% for gallery in galleries %}
        <a href="{{ path('app_admin_photos_list', {gallery: gallery.id}) }}"
           class="{{ gallery_id == gallery.id ? 'active' : '' }}">
            {{ gallery.name }}
        </a>
    {% endfor %}
</div>

<div class="photos-table-wrap">
    <table class="photos-table">
        <thead>
            <tr>
                <th>Aperçu</th>
                <th>Titre</th>
                <th>Galerie</th>
                <th>Visible</th>
                <th>À la une</th>
                <th>Date</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for photo in photos %}
            <tr>
                <td>
                    <img src="{{ asset('uploads/photos/' ~ photo.filename) }}"
                         alt="{{ photo.title }}" class="table-thumb">
                </td>
                <td>{{ photo.title }}</td>
                <td><span class="badge">{{ photo.gallery.name }}</span></td>
                <td>{{ photo.visible ? '✓' : '–' }}</td>
                <td>{{ photo.featured ? '★' : '–' }}</td>
                <td>{{ photo.createdAt|date('d/m/Y') }}</td>
                <td class="actions-cell">
                    <a href="{{ path('app_admin_photo_edit', {id: photo.id}) }}" class="btn-edit">Éditer</a>
                    <form method="post" action="{{ path('app_admin_photo_delete', {id: photo.id}) }}"
                          style="display:inline" onsubmit="return confirm('Supprimer cette photo ?')">
                        <input type="hidden" name="_token" value="{{ csrf_token('delete'~photo.id) }}">
                        <button type="submit" class="btn-danger">Supprimer</button>
                    </form>
                </td>
            </tr>
            {% else %}
            <tr><td colspan="7" class="empty-msg">Aucune photo trouvée.</td></tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}