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

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

{% macro awardsTable(rows, isPreview) %}
    <div class="table-scroll">
    <table class="w-100" data-testid="{{ isPreview ? 'cashback-table' : 'cashback-release-table' }}">
        <thead>
            <tr class="thead-row--strong">
                <th class="th-white">Player</th>
                <th class="th-white" style="text-align:right;">Total Bets</th>
                <th class="th-white" style="text-align:right;">Total Payouts</th>
                <th class="th-white" style="text-align:right;">Net Loss</th>
                <th class="th-white" style="text-align:right;">Cashback</th>
            </tr>
        </thead>
        <tbody>
            {% for r in rows %}
            {% set u = r.user %}
            <tr class="table-row" data-testid="{{ isPreview ? 'cashback-row-' : 'cashback-release-row-' }}{{ u.id }}">
                <td class="td-cell">
                    <a href="{{ path('app_wfbo_user_transactions', {id: u.id}) }}" class="td-cell--dark fw-semibold" style="text-decoration:none;">{{ u.firstName }} {{ u.lastName }}</a>
                    <div style="font-size:11px; color:#9ca3af;">{{ u.mobileNumber }}</div>
                </td>
                {% if isPreview %}
                    <td class="td-cell" style="text-align:right;">₱{{ r.stake|number_format(2) }}</td>
                    <td class="td-cell" style="text-align:right;">₱{{ r.payout|number_format(2) }}</td>
                    <td class="td-cell" style="text-align:right;" data-testid="cashback-loss-{{ u.id }}">₱{{ r.netLoss|number_format(2) }}</td>
                    <td class="td-cell fw-semibold" style="text-align:right;" data-testid="cashback-amount-{{ u.id }}">₱{{ r.cashback|number_format(2) }}</td>
                {% else %}
                    <td class="td-cell" style="text-align:right;">₱{{ r.totalStake|number_format(2) }}</td>
                    <td class="td-cell" style="text-align:right;">₱{{ r.totalPayout|number_format(2) }}</td>
                    <td class="td-cell" style="text-align:right;">₱{{ r.netLoss|number_format(2) }}</td>
                    <td class="td-cell fw-semibold" style="text-align:right;">₱{{ r.amount|number_format(2) }}</td>
                {% endif %}
            </tr>
            {% endfor %}
        </tbody>
    </table>
    </div>
{% endmacro %}

{% block wfbo_content %}

<style>
.cb-release summary { cursor: pointer; list-style: none; }
.cb-release summary::-webkit-details-marker { display: none; }
.cb-release[open] .cb-release__chev { transform: rotate(90deg); }
.cb-release__chev { display: inline-block; transition: transform .15s; color: #9ca3af; }
.cb-final { background: #f3f4f6; color: #374151; border-radius: 999px; padding: 1px 8px; font-size: 11px; font-weight: 700; }
</style>

    <div class="mb-4">
        <a href="{{ path('app_wfbo_cashback_campaigns') }}" class="back-link">← Back to Cashback Campaigns</a>
    </div>

    {% for flash in app.flashes('success') %}
        <div class="alert alert-success mb-4" role="alert" data-testid="flash-success">{{ flash }}</div>
    {% endfor %}
    {% for flash in app.flashes('error') %}
        <div class="alert alert-danger mb-4" role="alert" data-testid="flash-error">{{ flash }}</div>
    {% endfor %}

    <p class="pagination-info mb-3" data-testid="cashback-terms">
        {{ campaign.percentage + 0 }}% of net loss on {{ campaign.gamesLabel }},
        bets placed {{ 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') }}{% if campaign.endedAt %} (ended {{ campaign.endedAt|date('M j, g:i A') }}){% endif %}
        {% if campaign.minLoss %} · min loss ₱{{ campaign.minLoss|number_format(2) }} per release{% endif %}
        {% if campaign.maxCashback %} · max ₱{{ campaign.maxCashback|number_format(2) }} per player per release{% endif %}
    </p>

    {% if preview is not null %}
        {# ── Open period: live preview since the last release ── #}
        <p class="wfbo-card-title mb-1">
            {{ releases is empty ? 'First release' : 'Next release' }}
        </p>
        <p class="pagination-info mb-3" data-testid="cashback-open-period">
            Losses from <strong>{{ preview.from|date('M j, Y g:i A') }}</strong>
            {% if releases is not empty %}(when the last release was cut){% endif %}
            up to <strong>{{ preview.to|date('M j, Y g:i A') }}</strong>{{ status == 'running' ? ' (now)' : '' }}.
            Releasing pays this period and starts counting again from zero.
        </p>

        {% if status == 'scheduled' %}
            <div class="alert alert-info mb-3">The campaign hasn't started yet.</div>
        {% elseif status == 'disabled' %}
            <div class="alert alert-warning mb-3">The campaign is disabled. Enable it to release a payout.</div>
        {% elseif status == 'ready' %}
            <div class="alert alert-info mb-3" data-testid="cashback-final-note">The campaign has ended — this is the <strong>final release</strong>. It closes the campaign.</div>
        {% endif %}
        {% if preview.pendingCount > 0 %}
            <div class="alert alert-warning mb-3" data-testid="cashback-pending-warning">
                {{ preview.pendingCount }} bet{{ preview.pendingCount != 1 ? 's' : '' }} in this period {{ preview.pendingCount != 1 ? 'are' : 'is' }} still unsettled and won't count if you release now.
            </div>
        {% endif %}

        <div class="d-flex align-items-center justify-content-between flex-wrap gap-2 mb-3">
            <p class="mb-0 fw-semibold" data-testid="cashback-preview-summary">
                {{ preview.rows|length }} player{{ preview.rows|length != 1 ? 's' : '' }} · ₱{{ preview.total|number_format(2) }} cashback
            </p>
            {% if canRelease %}
                <form method="POST" action="{{ path('app_wfbo_cashback_campaign_payout_submit', {id: campaign.id}) }}" class="m-0"
                      onsubmit="return confirm('{{ status == 'ready' ? 'Final release' : 'Release now' }}: credit about ₱{{ preview.total|number_format(2) }} cashback to {{ preview.rows|length }} player(s)? The amount is recalculated at the moment you confirm. This cannot be undone.');">
                    <input type="hidden" name="_token" value="{{ csrf_token('wfbo_cashback_campaign_payout_' ~ campaign.id) }}">
                    <button type="submit" class="btn-approve" data-testid="btn-pay-out-cashback">{{ status == 'ready' ? 'Final release' : 'Release payout now' }}</button>
                </form>
            {% endif %}
        </div>

        <div class="table-card mb-4">
            <div class="card-body p-0">
                {% if preview.rows is empty %}
                    <p class="td-empty--lg text-center" data-testid="empty-state">No players qualify in this period so far.</p>
                {% else %}
                    {{ _self.awardsTable(preview.rows, true) }}
                {% endif %}
            </div>
        </div>
    {% else %}
        <p class="mb-3 fw-semibold" data-testid="cashback-paid-summary">
            Closed {{ campaign.paidOutAt|date('M j, Y g:i A') }}{% if campaign.paidOutBy %} by {{ campaign.paidOutBy.firstName }} {{ campaign.paidOutBy.lastName }}{% endif %}
            — {{ releases|length }} release{{ releases|length != 1 ? 's' : '' }},
            ₱{{ releases|reduce((sum, r) => sum + r.total, 0)|number_format(2) }} in total.
        </p>
    {% endif %}

    {# ── Release history ── #}
    <p class="wfbo-card-title mb-2">Release history</p>
    {% if releases is empty %}
        <p class="pagination-info" data-testid="cashback-no-releases">No payouts released yet.</p>
    {% else %}
        <div class="d-flex flex-column gap-2" data-testid="cashback-releases">
            {% for r in releases %}
                {% set n = releases|length - loop.index0 %}
                <details class="card cb-release" data-testid="cashback-release-{{ n }}">
                    <summary class="card-body d-flex flex-wrap align-items-center gap-3" style="padding: 12px 16px;">
                        <span class="cb-release__chev">▶</span>
                        <span class="fw-semibold">Release #{{ n }}</span>
                        {% if r.final %}<span class="cb-final">Final</span>{% endif %}
                        <span class="pagination-info mb-0">{{ r.periodFrom|date('M j g:i A') }} – {{ r.periodTo|date('M j g:i A') }}</span>
                        <span class="ms-auto fw-semibold" data-testid="cashback-release-{{ n }}-total">{{ r.playerCount }} player{{ r.playerCount != 1 ? 's' : '' }} · ₱{{ r.total|number_format(2) }}</span>
                        <span class="pagination-info mb-0">released {{ r.releasedAt|date('M j g:i A') }}{% if r.releasedBy %} by {{ r.releasedBy.firstName }}{% endif %}</span>
                    </summary>
                    <div class="border-top">
                        {% set awards = awardsByPayout[r.id] ?? [] %}
                        {% if awards is empty %}
                            <p class="td-empty--lg text-center mb-0">No players qualified in this release.</p>
                        {% else %}
                            {{ _self.awardsTable(awards, false) }}
                        {% endif %}
                    </div>
                </details>
            {% endfor %}
        </div>
    {% endif %}

{% endblock %}