{% extends 'wfbo/_layout.html.twig' %}

{% block title %}{{ campaign.name }} — Bonuses Paid — WFBO{% endblock %}
{% block wfbo_title %}{{ campaign.name }} — Bonuses Paid{% endblock %}

{% block wfbo_content %}

    <div class="mb-4">
        <a href="{{ path('app_wfbo_deposit_campaigns') }}" class="back-link">← Back to Deposit Campaigns</a>
        <a href="{{ path('app_wfbo_deposit_campaign_report', {id: campaign.id}) }}" class="back-link ms-3" data-testid="link-deposit-campaign-report">Effectiveness report →</a>
    </div>

    <p class="pagination-info mb-3">
        {{ awards|length }} bonus{{ awards|length != 1 ? 'es' : '' }} paid —
        ₱{{ campaign.bonusAmount|number_format(2) }} for a ₱{{ campaign.minDeposit|number_format(2) }}+ deposit requested
        {{ campaign.windowStart|date('g:i A') }} – {{ campaign.windowEnd|date('g:i A') }} ({{ campaign.daysOfWeekLabel }}),
        {{ campaign.startDate|date('M j') }} – {{ campaign.endDate|date('M j, Y') }}
    </p>

    <div class="table-card">
        <div class="card-body p-0">
            {% if awards is empty %}
                <p class="td-empty--lg text-center" data-testid="empty-state">No bonuses paid yet.</p>
            {% else %}
                <div class="table-scroll">
                <table class="w-100" data-testid="deposit-campaign-awards-table">
                    <thead>
                        <tr class="thead-row--strong">
                            <th class="th-white">Player</th>
                            <th class="th-white">Deposit</th>
                            <th class="th-white">Requested</th>
                            <th class="th-white" style="text-align:right;">Approved Amount</th>
                            <th class="th-white" style="text-align:right;">Bonus</th>
                            <th class="th-white">Paid At</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for a in awards %}
                        <tr class="table-row" data-testid="deposit-campaign-award-{{ a.id }}">
                            <td class="td-cell">
                                <a href="{{ path('app_wfbo_user_transactions', {id: a.user.id}) }}" class="td-cell--dark fw-semibold" style="text-decoration:none;">{{ a.user.firstName }} {{ a.user.lastName }}</a>
                                <div style="font-size:11px; color:#9ca3af;">{{ a.user.mobileNumber }}</div>
                            </td>
                            <td class="td-cell">#{{ a.deposit.id }}</td>
                            <td class="td-cell">{{ a.deposit.createdAt|date('M j, Y g:i A') }}</td>
                            <td class="td-cell" style="text-align:right;">₱{{ a.deposit.effectiveAmount|number_format(2) }}</td>
                            <td class="td-cell fw-semibold" style="text-align:right;">₱{{ a.amount|number_format(2) }}</td>
                            <td class="td-cell">{{ a.createdAt|date('M j, Y g:i A') }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
                </div>
            {% endif %}
        </div>
    </div>

{% endblock %}