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

{% block title %}Eventos{% endblock %}

{% block page_title %}Eventos <span class="admin-count-badge">{{ totalCount }}</span>{% endblock %}

{% from 'admin/_macros.html.twig' import adminToolbar %}
{% block body %}
{{ adminToolbar(
    'app_admin_evento_index',
    buscar,
    'Buscar por título o grupo…',
    'estado',
    filtroEstado,
    estados,
    'app_admin_evento_exportar',
    {buscar: buscar, estado: filtroEstado}
) }}

<div class="admin-card">
    <table class="admin-table">
        <thead>
            <tr>
                <th>Título</th>
                <th>Grupo</th>
                <th>Estado</th>
                <th>Creado</th>
                <th>Fecha confirmada</th>
                <th class="admin-table-actions">Acciones</th>
            </tr>
        </thead>
        <tbody>
        {% for evento in eventos %}
            <tr>
                <td>
                    <a href="{{ path('app_admin_evento_show', {id: evento.id}) }}" class="admin-link">
                        {{ evento.titulo }}
                    </a>
                </td>
                <td class="admin-muted">
                    <a href="{{ path('app_admin_grupo_show', {id: evento.grupo.id}) }}" class="admin-link">
                        {{ evento.grupo.nombre }}
                    </a>
                </td>
                <td>
                    <span class="admin-badge admin-badge--{{
                        evento.estado.value == 'ABIERTO' ? 'info' :
                        (evento.estado.value == 'CONFIRMADO' ? 'success' : 'neutral')
                    }}">{{ evento.estado.value|capitalize }}</span>
                </td>
                <td class="admin-muted">{{ evento.fechaCreacion|date('d/m/Y') }}</td>
                <td class="admin-muted">{{ evento.fechaConfirmada ? evento.fechaConfirmada|date('d/m/Y') : '—' }}</td>
                <td class="admin-table-actions">
                    <a href="{{ path('app_admin_evento_show', {id: evento.id}) }}" class="btn btn-xs btn-ghost">Ver</a>
                    {% if evento.estado.value != 'CERRADO' %}
                        <form method="post" action="{{ path('app_admin_evento_cerrar', {id: evento.id}) }}" class="d-inline">
                            <input type="hidden" name="_csrf_token" value="{{ csrf_token('admin_cerrar_evento_' ~ evento.id) }}">
                            <button type="submit" class="btn btn-xs btn-danger"
                                    onclick="return confirm('¿Cerrar el evento «{{ evento.titulo|e('js') }}»?')">
                                Cerrar
                            </button>
                        </form>
                    {% endif %}
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="6" class="admin-empty">No hay eventos.</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{{ include('admin/_pagination.html.twig', {route: route, params: params, currentPage: currentPage, totalPages: totalPages}) }}
{% endblock %}