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

{% block title %}{{ evento.titulo }}{% endblock %}

{% block page_title %}
    <a href="{{ path('app_admin_evento_index') }}" class="admin-back-link">← Eventos</a>
    {{ evento.titulo }}
{% endblock %}

{% block body %}
<div class="admin-show-layout">
    <div class="admin-card">
        <div class="admin-card-header">
            <h2 class="admin-card-title">Datos del evento</h2>
            <div class="admin-card-badges">
                <span class="admin-badge admin-badge--{{
                    evento.estado.value == 'ABIERTO' ? 'info' :
                    (evento.estado.value == 'CONFIRMADO' ? 'success' : 'neutral')
                }}">{{ evento.estado.value|capitalize }}</span>
            </div>
        </div>

        <dl class="admin-dl">
            <dt>ID</dt>
            <dd>{{ evento.id }}</dd>

            <dt>Título</dt>
            <dd>{{ evento.titulo }}</dd>

            <dt>Descripción</dt>
            <dd>{{ evento.descripcion ?? '—' }}</dd>

            <dt>Grupo</dt>
            <dd>
                <a href="{{ path('app_admin_grupo_show', {id: evento.grupo.id}) }}" class="admin-link">
                    {{ evento.grupo.nombre }}
                </a>
            </dd>

            <dt>Creado por</dt>
            <dd>
                {% if evento.creadoPor %}
                    <a href="{{ path('app_admin_usuario_show', {id: evento.creadoPor.id}) }}" class="admin-link">
                        {{ evento.creadoPor.nombre }}
                    </a>
                {% else %}
                    —
                {% endif %}
            </dd>

            <dt>Fecha de creación</dt>
            <dd>{{ evento.fechaCreacion|date('d/m/Y H:i') }}</dd>

            <dt>Fecha confirmada</dt>
            <dd>{{ evento.fechaConfirmada ? evento.fechaConfirmada|date('d/m/Y') : '—' }}</dd>

            <dt>Fechas propuestas</dt>
            <dd>{{ evento.fechasPropuestas|length }}</dd>
        </dl>
    </div>

    <div class="admin-card">
        <div class="admin-card-header">
            <h2 class="admin-card-title">Acciones</h2>
        </div>

        <div class="admin-actions-list">
            {% if evento.estado.value != 'CERRADO' %}
                <form method="post" action="{{ path('app_admin_evento_cerrar', {id: evento.id}) }}">
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('admin_cerrar_evento_' ~ evento.id) }}">
                    <button type="submit" class="btn btn-block btn-danger"
                            onclick="return confirm('¿Cerrar el evento «{{ evento.titulo|e('js') }}»?')">
                        Cerrar evento
                    </button>
                </form>
            {% else %}
                <p class="admin-muted" style="font-size:.85rem;padding:.5rem 0">Este evento ya está cerrado.</p>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}