@extends('layouts.dashboard')

@section('content')
@php
/**
 * @var array $kpis @var array $revenueChart @var array $kpiSparks
 * @var array $revenuePage  the page of the per-restaurant breakdown
 * @var array $revenuePager pagination metadata for $revenuePage
 */
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
<div class="qm-od-topbar">
    <a href="{{ route('admin.campaigns') }}" class="qm-btn qm-btn-outline qm-btn-sm"><i class="fas fa-arrow-left me-1" aria-hidden="true"></i> {{ t_raw('admin.campaign_revenue.btn_back_to_campaigns') }}</a>
</div>

<div class="qm-kpi-grid">
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'green', 'icon' => 'fa-coins', 'label' => t_raw('admin.campaign_revenue.kpi_total_revenue'), 'value' => money($kpis['totalRevenue']), 'href' => route('admin.campaigns'), 'spark' => $kpiSparks['revenue'] ?? [],
        'meta' => '<span class="qm-kpi-cap">' . t('admin.campaign_revenue.cap_all_time') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'violet', 'icon' => 'fa-bullhorn', 'label' => t_raw('admin.campaign_revenue.kpi_active_campaigns'), 'value' => number_format($kpis['activeCount']), 'href' => route('admin.campaigns'), 'spark' => $kpiSparks['active'] ?? [],
        'meta' => '<span class="qm-kpi-cap">' . t('admin.campaign_revenue.kpi_active_campaigns_cap') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'blue', 'icon' => 'fa-receipt', 'label' => t_raw('admin.campaign_revenue.kpi_paid_campaigns'), 'value' => number_format($kpis['paidCount']), 'href' => route('admin.campaigns'), 'spark' => $kpiSparks['paid'] ?? [],
        'meta' => '<span class="qm-kpi-cap">' . t('admin.campaign_revenue.cap_all_time') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'teal', 'icon' => 'fa-store', 'label' => t_raw('admin.campaign_revenue.kpi_advertisers'), 'value' => number_format((int) ($revenuePager['total'] ?? 0)), 'href' => route('admin.campaigns'), 'spark' => $kpiSparks['paid'] ?? [],
        'meta' => '<span class="qm-kpi-cap">' . t('admin.campaign_revenue.kpi_advertisers_cap') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'amber', 'icon' => 'fa-chart-line', 'label' => t_raw('admin.campaign_revenue.kpi_avg_campaign'), 'value' => $kpis['paidCount'] > 0 ? money($kpis['totalRevenue'] / $kpis['paidCount']) : '—', 'spark' => $kpiSparks['revenue'] ?? [],
        'meta' => '<span class="qm-kpi-cap">' . t('admin.campaign_revenue.kpi_avg_campaign_cap') . '</span>'])
</div>

@php
// Does the 90-day series carry any revenue? Drives the no-data fallback.
$hasChartData = false;
foreach (($revenueChart['series'][0]['data'] ?? []) as $pt) {
    if ((float) $pt > 0) { $hasChartData = true; break; }
}
@endphp
@php /* Chart and per-restaurant breakdown share one row, 6/6, equal heights;
         they restack below xl where two half-width cards would crush the table. */
@endphp
<div class="row g-3 qm-biz-row">
<div class="col-xl-6 d-flex">
<div class="qm-chart-card qm-biz-card">
    @partial('chart-card', [
        'heading' => t_raw('admin.campaign_revenue.chart_title'),
        'sub'     => t_raw('admin.campaign_revenue.chart_sub'),
        'cfg'     => $revenueChart,
        'meta'    => ['has' => $hasChartData, 'label' => t_raw('admin.campaign_revenue.chart_caption', [':total' => money($kpis['totalRevenue']), ':count' => (int) $kpis['paidCount']])],
        'icon'    => 'fa-coins',
        'accent'  => 'green',
    ])
</div>
</div>
<div class="col-xl-6 d-flex">
<div class="qm-card qm-biz-card">
    <h2>{{ t_raw('admin.campaign_revenue.table_title') }}</h2>
    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <thead><tr><th data-sort="text">{{ t_raw('common.restaurant') }}</th><th data-sort="number">{{ t_raw('admin.campaign_revenue.kpi_paid_campaigns') }}</th><th data-sort="number" class="text-end">{{ t_raw('common.revenue') }}</th></tr></thead>
        <tbody>
            @if ($revenuePage)
            @foreach ($revenuePage as $r)
            <tr>
                <td>
                    <div class="qm-tbl-id">
                        {!! restaurant_logo_html($r, 'md') !!}
                        <div class="qm-tbl-id-text">
                            <strong>{{ $r['name'] }}</strong>
                        </div>
                    </div>
                </td>
                <td>{{ number_format((int) $r['cnt']) }}</td>
                <td class="text-end">{{ money($r['revenue']) }}</td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 3, 'icon' => 'fa-receipt', 'msg' => t_raw('admin.campaign_revenue.empty_no_campaigns')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $revenuePager, 'base' => '/admin/campaigns/revenue'])
</div>
</div>
</div>

</div>@php /* /.qm-d2 */
@endphp
@endsection