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

{% block title %}Manifestations{% endblock %}

{% block body %}

    <div class="flex items-center justify-between">
        <h1 class="h1">Manifestations</h1>
        <div>
            <button class="btn-secondary export-all-registrations">Export</button>
            <button type="button" class="btn-primary modal-create-manifestation">Créer une manifestation</button>
        </div>
    </div>

    <form id="form-export" class="form-export" action="{{ path('admin_manifestation_index') }}">
        <div class="grid grid-cols-3 gap-3">
            <div class="form-group">
                <label for="title">Nom</label>
                <input type="text" name="title" id="title" value="{{ formSearch.get('title') }}" />
            </div>
        </div>
        <div class="flex justify-end mt-2 gap-1">
            <button type="submit" class="btn btn-primary btn-small">Rechercher</button>
            {% if formSearch.searching %}
                <a href="{{ path('admin_manifestation_index', {'reset-filters' : 1}) }}" class="btn-secondary btn-small">Réinitialiser</a>
            {% endif %}
        </div>
    </form>

    <div class="card mt-2">
        <div class="card_body">
            <table class="table">
                <thead>
                <tr>
                    <th>Nom</th>
                    <th>Date</th>
                    <th>Saison</th>
                    <th>Publiée ?</th>
                    <th>Modèle ?</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for m in manifestations %}
                    <tr>
                        <td>{{ m.title }}</td>
                        <td>{{ m.startDate|date('d/m/Y') }}</td>
                        <td>{{ m.season.fromYear ?? 'Modèle universel' }}</td>
                        <td>{{ m.isPublished ? icon('valid', true) : icon('invalid', true) }}</td>
                        <td>{{ m.isTemplate ? icon('star', true) : '' }}</td>
                        <td>
                            <span class="flex gap-2">
                                <a href="{{ path('admin_manifestation_show', { id : m.id }) }}" class="text-contrast">
                                    {{ icon('edit', true) }}
                                </a>
{#                                <a href="{{ path('admin_manifestation_fields', { id : m.id }) }}" class="text-contrast" title="Champs personnalisés">#}
{#                                    {{ icon('form', true) }}#}
{#                                </a>#}
{#                                <confirm-delete data-action="{{ path('admin_manifestation_delete', { id : m.id }) }}">#}
{#                                </confirm-delete>#}
                            </span>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="6" class="text-center">Aucune manifestation pour le moment.</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    <modal-box title="Exporter toutes les inscriptions" trigger=".export-all-registrations">
        <div class="grid grid-cols-2 gap-2">
            <export-data title="Export des inscriptions aux manifestations" data-route="{{ path('admin_manifestation_export_all') }}"></export-data>
        </div>
    </modal-box>

    <modal-box trigger=".modal-create-manifestation" title="Nouvelle manifestation">
        <div class="space-y-4">
            <p class="text-sm text-gray-600">
                Choisissez si vous souhaitez partir d’un modèle existant ou créer une manifestation vierge.
            </p>

            <a href="{{ path('admin_manifestation_new') }}"
               class="w-full btn btn-primary">
                Créer une manifestation vierge
            </a>

            <a href="{{ path('admin_manifestation_model_index') }}"
               class="w-full btn btn-secondary">
                Créer à partir d’un modèle
            </a>
        </div>
    </modal-box>


{% endblock %}