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

{% block title %}Administração - Pedidos Pendentes{% endblock %}

{% block header_title %}Gerenciar Pedidos Pendentes{% endblock %}

{% block extra_css %}
        .badge { background: #f39c12; color: #fff; padding: 4px 8px; border-radius: 12px; font-size: 0.8em; }
{% endblock %}

{% block content %}
<div class="content-container">
    {% if orders is empty %}
        <p>Nenhum pedido pendente no momento.</p>
    {% else %}
        <table>
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Participante</th>
                    <th>E-mail</th>
                    <th>Evento / Ingresso</th>
                    <th>Pagamento</th>
                    <th>Status</th>
                    <th class="actions">Ação</th>
                </tr>
            </thead>
            <tbody>
                {% for order in orders %}
                    <tr>
                        <td>#{{ order.id }}</td>
                        <td>{{ order.attendee_name }}<br><small>{{ order.attendee_document }}</small></td>
                        <td>{{ order.attendee_email }}</td>
                        <td>{{ order.event_title }}<br><small>{{ order.category_name }} - {{ order.batch_name }}</small></td>
                        <td>
                            {% if order.payment_method == 'PIX_DIRETO' %}
                                <span class="badge" style="background: #3498db;">PIX Direto</span>
                            {% else %}
                                <span class="badge" style="background: #95a5a6;">{{ order.payment_method }}</span>
                            {% endif %}
                        </td>
                        <td><span class="badge">Pendente</span></td>
                        <td class="actions">
                            <form method="POST" action="/admin/orders/{{ order.id }}/approve" onsubmit="return confirm('Confirmar o recebimento do pagamento e emitir ingresso?');">
                                <button type="submit" class="btn btn-success btn-sm">Aprovar Pagamento</button>
                            </form>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}
</div>
{% endblock %}