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

{% block title %}Administração - Ingressos de Evento{% endblock %}

{% block header_title %}Ingressos Emitidos - {{ event.title }}{% endblock %}

{% block global_actions %}
    <a href="/admin/events/{{ event.id }}/report" class="btn btn-success" style="background: #9b59b6; border: none;">Relatório de Frequência</a>
    <a href="/admin/events/{{ event.id }}/edit" class="btn btn-secondary">Editar Evento</a>
    <a href="/admin" class="btn btn-secondary">&larr; Voltar ao Painel Principal</a>
{% endblock %}

{% block extra_css %}
        .summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 20px; }
        .stat-card { background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); text-align: center; border-top: 3px solid #3498db; }
        .stat-card.success { border-top-color: #27ae60; }
        .stat-card.info { border-top-color: #9b59b6; }
        
        .stat-title { color: #666; font-size: 0.85em; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; }
        .stat-value { font-size: 2em; font-weight: bold; color: #333; margin: 0; }
{% endblock %}

{% block content %}
<div class="content-container">
    <div class="summary-grid">
        <div class="stat-card">
            <div class="stat-title">Pedidos Pagos</div>
            <div class="stat-value">{{ summary.total_orders }}</div>
        </div>
        <div class="stat-card info">
            <div class="stat-title">Ingressos Emitidos</div>
            <div class="stat-value">{{ summary.total_tickets_issued }}</div>
        </div>
        <div class="stat-card success">
            <div class="stat-title">Receita do Evento</div>
            <div class="stat-value">R$ {{ summary.total_revenue|number_format(2, ',', '.') }}</div>
        </div>
    </div>

    <h2 style="margin-top: 30px; color: #333; border-bottom: 2px solid #ecf0f1; padding-bottom: 10px;">Lista de Ingressos</h2>
    
    {% if tickets is empty %}
        <p style="padding: 20px 0; color: #666;">Nenhum ingresso emitido para este evento ainda.</p>
    {% else %}
        <table>
            <thead>
                <tr>
                    <th>Código</th>
                    <th>Participante</th>
                    <th>Contato / Localização</th>
                    <th>Categoria / Lote</th>
                    <th>Emissão</th>
                    <th class="actions">Ações</th>
                </tr>
            </thead>
            <tbody>
                {% for ticket in tickets %}
                    <tr>
                        <td>
                            {% if ticket.ticket_code %}
                                <code>{{ ticket.ticket_code }}</code>
                            {% else %}
                                <span class="badge" style="background: #e74c3c; color: white; padding: 3px 6px; border-radius: 4px; font-size: 0.85em;">Pendente</span>
                            {% endif %}
                        </td>
                        <td>
                            <strong>{{ ticket.attendee_name }}</strong><br>
                            <small>{{ ticket.attendee_email }}</small>
                            {% if ticket.attendee_nationality %}
                                <br><small style="color:#999">Nac.: {{ ticket.attendee_nationality }}</small>
                            {% endif %}
                            {% if ticket.attendee_oab %}
                                <br><small style="color:#3498db">OAB: {{ ticket.attendee_oab }}</small>
                            {% endif %}
                        </td>
                        <td>
                            {% if ticket.attendee_phone %}<small><strong>Tel:</strong> {{ ticket.attendee_phone }}</small><br>{% endif %}
                            {% if ticket.attendee_city or ticket.attendee_state or ticket.attendee_country %}
                                <small>
                                    {{ ticket.attendee_city }}{% if ticket.attendee_city and ticket.attendee_state %}/{% endif %}{{ ticket.attendee_state }}
                                    {% if ticket.attendee_country %} – {{ ticket.attendee_country }}{% endif %}
                                </small>
                            {% else %}
                                <small style="color:#ccc">—</small>
                            {% endif %}
                        </td>
                        <td>
                            {{ ticket.category_name }}<br>
                            <small class="badge badge-secondary">{{ ticket.batch_name }}</small>
                        </td>
                        <td>{{ ticket.issued_at ? ticket.issued_at|date('d/m/Y H:i') : '-' }}</td>
                        <td class="actions">
                            {% if ticket.order_status == 'PENDING' %}
                                <form method="POST" action="/admin/orders/{{ ticket.order_id }}/approve?redirect=/admin/events/{{ event.id }}/tickets" style="display:inline;" onsubmit="return confirm('Confirmar o recebimento do pagamento e gerar ingresso?');">
                                    <button type="submit" class="btn btn-sm" style="background: #27ae60; color: #fff; border: none;">Aprovar Pagamento</button>
                                </form>
                            {% else %}
                                <a href="/admin/events/{{ event.id }}/tickets/{{ ticket.ticket_code }}/print" target="_blank" class="btn btn-sm" style="background: #34495e; color: #fff;">Imprimir</a>
                                <form method="POST" action="/admin/events/{{ event.id }}/tickets/{{ ticket.ticket_code }}/send" style="display:inline;" onsubmit="return confirm('Deseja reenviar o ingresso para o e-mail deste participante?');">
                                    <button type="submit" class="btn btn-sm btn-info" style="background: #3498db; color: #fff; border: none;">Reenviar E-mail</button>
                                </form>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}
</div>
{% endblock %}