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

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

{% macro delta(v) %}
    {% if v is null %}
        <span class="dcr-delta dcr-delta--na">n/a</span>
    {% else %}
        <span class="dcr-delta {{ v > 0 ? 'dcr-delta--up' : (v < 0 ? 'dcr-delta--down' : '') }}">{{ v > 0 ? '+' : '' }}{{ v|number_format(1) }}%</span>
    {% endif %}
{% endmacro %}

{% macro value(v, money) %}{{ money ? '₱' ~ v|number_format(2) : (v == v|round ? v|number_format(0) : v|number_format(2)) }}{% endmacro %}

{% block wfbo_content %}

<style>
.dcr-verdict { border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; border: 1px solid; }
.dcr-verdict--effective     { background: #f0fdf4; border-color: #86efac; }
.dcr-verdict--mixed         { background: #fffbeb; border-color: #fcd34d; }
.dcr-verdict--not_effective { background: #fef2f2; border-color: #fca5a5; }
.dcr-verdict--pending       { background: #f3f4f6; border-color: #d1d5db; }
.dcr-badge { display: inline-block; border-radius: 999px; padding: 3px 12px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; color: #fff; }
.dcr-badge--effective { background: #16a34a; } .dcr-badge--mixed { background: #d97706; }
.dcr-badge--not_effective { background: #dc2626; } .dcr-badge--pending { background: #6b7280; }
.dcr-verdict ul { margin: 10px 0 0; padding-left: 18px; font-size: 13px; color: #374151; }
.dcr-delta { font-weight: 700; } .dcr-delta--up { color: #16a34a; } .dcr-delta--down { color: #dc2626; } .dcr-delta--na { color: #9ca3af; font-weight: 500; }
.dcr-sub { font-size: 11px; color: #9ca3af; }
.dcr-kpi { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 12px 14px; height: 100%; }
.dcr-kpi__label { font-size: 12px; color: #6b7280; margin: 0; }
.dcr-kpi__value { font-size: 20px; font-weight: 800; margin: 2px 0 0; color: #111827; }
.dcr-kpi__value--good { color: #16a34a; } .dcr-kpi__value--bad { color: #dc2626; }
.dcr-section { font-size: 15px; font-weight: 700; margin: 24px 0 10px; }
</style>

    <div class="mb-3 d-flex gap-3 flex-wrap">
        <a href="{{ path('app_wfbo_deposit_campaigns') }}" class="back-link">← Back to Deposit Campaigns</a>
        <a href="{{ path('app_wfbo_deposit_campaign_awards', {id: campaign.id}) }}" class="back-link">Bonuses paid list →</a>
    </div>

    <p class="pagination-info mb-3" data-testid="dcr-terms">
        ₱{{ 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') }}.
        Every figure is for deposits <strong>requested inside the campaign hours</strong> ({{ campaign.windowStart|date('g:i A') }} – {{ campaign.windowEnd|date('g:i A') }}) on both the baseline and the campaign days.
        Player deposits only (staff, agents and test accounts excluded).
    </p>

    {# ── Verdict ── #}
    {% set v = report.verdict %}
    <div class="dcr-verdict dcr-verdict--{{ v.status }}" data-testid="dcr-verdict">
        <span class="dcr-badge dcr-badge--{{ v.status }}" data-testid="dcr-verdict-badge">{{ v.status|replace({'_': ' '}) }}</span>
        <ul data-testid="dcr-verdict-reasons">
            {% for r in v.reasons %}<li>{{ r }}</li>{% endfor %}
        </ul>
    </div>

    {# ── Comparison period ── #}
    <form method="GET" action="{{ path('app_wfbo_deposit_campaign_report', {id: campaign.id}) }}"
          class="d-flex flex-wrap align-items-end gap-2 mb-2" data-testid="dcr-compare-form">
        <div>
            <label class="form-label--sm d-block" for="dcr-from">Compare with (from)</label>
            <input type="date" id="dcr-from" name="compare_from" value="{{ compareFrom }}" class="form-control form-control-sm" data-testid="dcr-compare-from">
        </div>
        <div>
            <label class="form-label--sm d-block" for="dcr-to">to</label>
            <input type="date" id="dcr-to" name="compare_to" value="{{ compareTo }}" class="form-control form-control-sm" data-testid="dcr-compare-to">
        </div>
        <button type="submit" class="btn btn-sm btn-dark" data-testid="dcr-compare-submit">Compare</button>
        {% if report.customRange %}
            <a href="{{ path('app_wfbo_deposit_campaign_report', {id: campaign.id}) }}" class="btn btn-sm btn-outline-secondary">Use default</a>
        {% endif %}
    </form>
    <p class="dcr-sub mb-3" data-testid="dcr-periods">
        <strong>Baseline</strong> ({{ report.customRange ? 'custom range' : 'the same weekdays right before the campaign' }}):
        {{ report.baseline.dayCount }} day{{ report.baseline.dayCount != 1 ? 's' : '' }}{% if report.baseline.dayCount > 0 %}, {{ report.baseline.days|first|date('M j') }} – {{ report.baseline.days|last|date('M j, Y') }}{% endif %}
        · <strong>Campaign</strong>: {{ report.campaign.dayCount }} day{{ report.campaign.dayCount != 1 ? 's' : '' }}{% if report.campaign.dayCount > 0 %}, {{ report.campaign.days|first|date('M j') }} – {{ report.campaign.days|last|date('M j, Y') }}{% endif %}
        (only {{ campaign.daysOfWeekLabel|lower }}{{ campaign.daysOfWeekLabel == 'Every day' ? '' : ' days' }} are compared). Per-day averages make periods of different lengths comparable.
    </p>

    {# ── Bonus economics ── #}
    {% set e = report.economics %}
    <p class="dcr-section">Bonus economics</p>
    <div class="row g-2 mb-2">
        <div class="col-6 col-lg-3"><div class="dcr-kpi"><p class="dcr-kpi__label">Bonuses paid</p><p class="dcr-kpi__value" data-testid="dcr-bonus-cost">₱{{ e.bonusCost|number_format(2) }}</p><p class="dcr-sub mb-0">{{ report.awards.count }} bonus{{ report.awards.count != 1 ? 'es' : '' }} · {{ report.awards.players }} player{{ report.awards.players != 1 ? 's' : '' }}{% if e.awardRate is not null %} · {{ e.awardRate }}% of qualifying deposits{% endif %}</p></div></div>
        <div class="col-6 col-lg-3"><div class="dcr-kpi"><p class="dcr-kpi__label">Extra deposits vs baseline</p><p class="dcr-kpi__value {{ e.incremental >= 0 ? 'dcr-kpi__value--good' : 'dcr-kpi__value--bad' }}" data-testid="dcr-incremental">{{ e.incremental < 0 ? '-' : '' }}₱{{ e.incremental|abs|number_format(2) }}</p><p class="dcr-sub mb-0">in the campaign hours, over the campaign days</p></div></div>
        <div class="col-6 col-lg-3"><div class="dcr-kpi"><p class="dcr-kpi__label">Extra deposits per ₱1 bonus</p><p class="dcr-kpi__value {{ e.upliftPerPeso is not null and e.upliftPerPeso >= 1 ? 'dcr-kpi__value--good' : 'dcr-kpi__value--bad' }}" data-testid="dcr-uplift">{{ e.upliftPerPeso is null ? '—' : (e.upliftPerPeso < 0 ? '-' : '') ~ '₱' ~ e.upliftPerPeso|abs|number_format(2) }}</p><p class="dcr-sub mb-0">≥ ₱1 means the bonus paid for itself in deposits</p></div></div>
        <div class="col-6 col-lg-3"><div class="dcr-kpi"><p class="dcr-kpi__label">Net for the house (GGR − bonus)</p><p class="dcr-kpi__value {{ e.netHouse >= 0 ? 'dcr-kpi__value--good' : 'dcr-kpi__value--bad' }}" data-testid="dcr-net-house">{{ e.netHouse < 0 ? '-' : '' }}₱{{ e.netHouse|abs|number_format(2) }}</p><p class="dcr-sub mb-0">Awarded players' GGR ₱{{ e.awardedGgr|number_format(2) }} since their bonus</p></div></div>
    </div>
    <div class="row g-2 mb-2">
        <div class="col-6 col-lg-3"><div class="dcr-kpi"><p class="dcr-kpi__label">Awarded players deposited</p><p class="dcr-kpi__value">₱{{ e.awardedDeposited|number_format(2) }}</p><p class="dcr-sub mb-0">on the bonus-earning deposits</p></div></div>
        <div class="col-6 col-lg-3"><div class="dcr-kpi"><p class="dcr-kpi__label">…then wagered</p><p class="dcr-kpi__value">₱{{ e.awardedStake|number_format(2) }}</p><p class="dcr-sub mb-0">settled bets, all games, since their bonus</p></div></div>
        <div class="col-6 col-lg-3"><div class="dcr-kpi"><p class="dcr-kpi__label">…and withdrew</p><p class="dcr-kpi__value">₱{{ e.awardedWithdrawn|number_format(2) }}</p><p class="dcr-sub mb-0">approved withdrawals since their bonus</p></div></div>
        <div class="col-6 col-lg-3"><div class="dcr-kpi"><p class="dcr-kpi__label">Reactivated / bonus hunters</p><p class="dcr-kpi__value"><span data-testid="dcr-reactivated">{{ e.reactivated }}</span> / <span class="{{ e.hunters > 0 ? 'dcr-kpi__value--bad' : '' }}" data-testid="dcr-hunters">{{ e.hunters }}</span></p><p class="dcr-sub mb-0">no baseline deposit / withdrew within 24h without playing</p></div></div>
    </div>
    {# ── Chart ── #}
    <p class="dcr-section">Day by day (campaign hours)</p>
    <div class="card mb-2" data-controller="deposit-campaign-report" data-deposit-campaign-report-series-value="{{ report.series|json_encode|e('html_attr') }}" data-testid="dcr-chart">
        <div class="card-body" style="height: 320px;">
            <canvas data-deposit-campaign-report-target="canvas"></canvas>
        </div>
    </div>
    <p class="dcr-sub mb-0">Shaded = campaign days; unshaded = baseline days.</p>

    {# ── Comparison table (campaign hours only) ── #}
    <p class="dcr-section">Campaign hours ({{ campaign.windowStart|date('g:i A') }} – {{ campaign.windowEnd|date('g:i A') }}): baseline vs campaign</p>
    <div class="table-card mb-2">
        <div class="table-scroll">
            <table class="w-100" data-testid="dcr-table">
                <thead>
                    <tr class="thead-row--strong">
                        <th class="th-white">Metric</th>
                        <th class="th-white" style="text-align:right;">Baseline total</th>
                        <th class="th-white" style="text-align:right;">Campaign total</th>
                        <th class="th-white" style="text-align:right;">Baseline / day</th>
                        <th class="th-white" style="text-align:right;">Campaign / day</th>
                        <th class="th-white" style="text-align:right;">Change</th>
                    </tr>
                </thead>
                <tbody>
                    {% for m in report.comparison %}
                    <tr class="table-row" data-testid="dcr-{{ m.key }}">
                        <td class="td-cell td-cell--dark fw-semibold">{{ m.label }}</td>
                        <td class="td-cell" style="text-align:right;">{{ _self.value(m.baseline, m.money) }}</td>
                        <td class="td-cell" style="text-align:right;" data-testid="dcr-{{ m.key }}-campaign">{{ _self.value(m.campaign, m.money) }}</td>
                        <td class="td-cell" style="text-align:right;">{{ m.key == 'average' ? '—' : _self.value(m.baselinePerDay, m.money) }}</td>
                        <td class="td-cell" style="text-align:right;">{{ m.key == 'average' ? '—' : _self.value(m.campaignPerDay, m.money) }}</td>
                        <td class="td-cell" style="text-align:right;">{{ _self.delta(m.delta) }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    {# ── Awarded players ── #}
    <p class="dcr-section">Awarded players — what they did after the bonus</p>
    <div class="table-card">
        <div class="card-body p-0">
            {% if report.players is empty %}
                <p class="td-empty--lg text-center" data-testid="dcr-players-empty">No bonuses paid yet.</p>
            {% else %}
                <div class="table-scroll">
                <table class="w-100" data-testid="dcr-players-table">
                    <thead>
                        <tr class="thead-row--strong">
                            <th class="th-white">Player</th>
                            <th class="th-white" style="text-align:right;">Bonuses</th>
                            <th class="th-white" style="text-align:right;">Deposited</th>
                            <th class="th-white" style="text-align:right;">Wagered</th>
                            <th class="th-white" style="text-align:right;">House GGR</th>
                            <th class="th-white" style="text-align:right;">Withdrawn</th>
                            <th class="th-white" style="text-align:right;">Net (GGR − bonus)</th>
                            <th class="th-white">Flags</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for p in report.players %}
                        <tr class="table-row" data-testid="dcr-player-{{ p.userId }}">
                            <td class="td-cell">
                                <a href="{{ path('app_wfbo_user_transactions', {id: p.userId}) }}" class="td-cell--dark fw-semibold" style="text-decoration:none;">{{ p.name }}</a>
                                <div class="dcr-sub">{{ p.mobile }} · first bonus {{ p.firstAwardAt|date('M j, g:i A') }}</div>
                            </td>
                            <td class="td-cell" style="text-align:right;">₱{{ p.bonus|number_format(2) }}<div class="dcr-sub">{{ p.awards }}×</div></td>
                            <td class="td-cell" style="text-align:right;">₱{{ p.deposited|number_format(2) }}</td>
                            <td class="td-cell" style="text-align:right;">₱{{ p.stake|number_format(2) }}</td>
                            <td class="td-cell" style="text-align:right;">{{ p.ggr < 0 ? '-' : '' }}₱{{ p.ggr|abs|number_format(2) }}</td>
                            <td class="td-cell" style="text-align:right;">₱{{ p.withdrawn|number_format(2) }}</td>
                            <td class="td-cell fw-semibold" style="text-align:right; color: {{ p.net >= 0 ? '#16a34a' : '#dc2626' }};" data-testid="dcr-player-net-{{ p.userId }}">{{ p.net < 0 ? '-' : '' }}₱{{ p.net|abs|number_format(2) }}</td>
                            <td class="td-cell" style="white-space:nowrap;">
                                {% if p.hunter %}<span class="badge-status badge-status--rejected" data-testid="dcr-hunter-{{ p.userId }}">Bonus hunter?</span>{% endif %}
                                {% if p.reactivated %}<span class="badge-status" style="background:#e0e7ff; color:#3730a3;">Reactivated</span>{% endif %}
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
                </div>
            {% endif %}
        </div>
    </div>
    <p class="dcr-sub mt-2">
        House GGR = settled stakes − payouts across all games from each player's first bonus up to now.
        "Bonus hunter?" = asked to withdraw within 24h of the bonus while wagering less than that deposit + bonus.
        "Reactivated" = no approved deposit during the baseline days.
    </p>

{% endblock %}