{% extends "admin/layout.twig" %}

{% block title %}Administração - Eventos{% endblock %}

{% block header_title %}Gerenciar Eventos{% endblock %}

{% block global_actions %}
    <a href="/admin/events/create" class="btn btn-success">+ Novo Evento</a>
{% endblock %}

{% block extra_css %}
        .cover-preview { width: 60px; height: 40px; object-fit: cover; border-radius: 4px; }
{% endblock %}

{% block content %}
<div class="content-container">
    {% if events is empty %}
        <p>Nenhum evento cadastrado.</p>
    {% else %}
        <table>
            <thead>
                <tr>
                    <th>Capa</th>
                    <th>Título</th>
                    <th>Data de Criação</th>
                    <th class="actions">Ações</th>
                </tr>
            </thead>
            <tbody>
                {% for event in events %}
                    <tr>
                        <td>
                            {% if event.cover_image_url %}
                                <img src="{{ event.cover_image_url }}" class="cover-preview" alt="Capa">
                            {% else %}
                                Sem Capa
                            {% endif %}
                        </td>
                        <td>{{ event.title }}</td>
                        <td>{{ event.created_at|date('d/m/Y H:i') }}</td>
                        <td class="actions">
                            <a href="/admin/events/{{ event.id }}/edit" class="btn btn-sm">Editar</a>
                            <a href="/admin/events/{{ event.id }}/categories" class="btn btn-success btn-sm">Tipos de Ingresso</a>
                            <a href="/admin/events/{{ event.id }}/tickets" class="btn btn-info btn-sm" style="background: #1abc9c; color: #fff; border: none;">Ingressos Vendidos</a>
                            <a href="/admin/events/{{ event.id }}/payment-settings" class="btn btn-warning btn-sm" style="background: #f1c40f; color: #fff; border: none;">Pagamento</a>
                            <a href="/admin/events/{{ event.id }}/report" class="btn btn-secondary btn-sm" style="background: #9b59b6; color: #fff; border: none;">Relatório Frequência</a>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}
</div>
{% endblock %}