@extends('layouts.dashboard')

@section('content')
@php
/**
 * Platform Analytics → Revenue: the subscription business behind the marketplace —
 * recurring revenue, the movement that produced it, churn, and the share of partner
 * sales the platform keeps.
 *
 * @var array $mrr @var float $arr @var array $arpu
 * @var float|null $ltv @var float $grossChurn @var float $netChurn @var array $churnMove @var array $churnSpark
 * @var array $takeRate
 * @var float $opening @var float $lost @var float $shrunk @var float $grown
 * @var array $planStats @var array $accountRows @var array $accountsPager
 * @var array $bridgeChart @var array $bridgeMeta @var array $mrrChart @var array $mrrMeta
 * @var array $takeChart @var array $takeMeta @var array $arpuChart @var array $arpuMeta
 * @var array $planMrrChart @var array $planMrrMeta @var array $statusChart @var array $statusMeta
 * @var array $planArpuChart @var array $planArpuMeta
 * @var int $rangeDays @var string $rangeMode @var array $rangeLinks
 */
$kpiMeta = static fn (array $m, string $caption): string =>
    kpi_trend((int) $m['pct'], (string) $m['dir']) . '<span class="qm-kpi-cap">' . $caption . '</span>';
// Annual recurring revenue moves exactly as MRR does — it is the same balance read
// over twelve months — so it reuses MRR's own movement rather than a second reading.
$arrMove = ['pct' => $mrr['pct'], 'dir' => $mrr['dir']];
$statusPill = static fn (string $s): string => match ($s) {
    'active' => 'qm-pill-green', 'pending' => 'qm-pill-amber', 'cancelled' => 'qm-pill-red', default => 'qm-pill-grey',
};
// Franchise brands the platform's take as a royalty billed on franchise sales, not commission
// kept from a marketplace sale — same figures, franchise wording. Marketplace is the default.
$producesInvoices = $producesInvoices ?? false;
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
<div class="qm-ops-head">
    <div>
        <h2 class="qm-snap-section-title mb-1"><span class="qm-snap-title-bar" aria-hidden="true"></span>{{ t_raw('dashboard.sec.snapshot') }}</h2>
        <p class="qm-ops-sub mb-0">{{ t_raw($producesInvoices ? 'admin.analytics.revenue_sub_invoice' : 'admin.analytics.revenue_sub') }}</p>
    </div>
    <div class="qm-period" role="group" aria-label="{{ t_raw('admin.analytics.aria_reporting_period') }}">
        @foreach ($rangeLinks['options'] as $val => $text)
@php $on = ((string) $val === $rangeLinks['selected']); @endphp
        <a class="qm-period-btn{{ $on ? ' is-active' : '' }}" href="?range={{ (string) $val }}" aria-current="{{ $on ? 'true' : 'false' }}">{{ $text }}</a>
        @endforeach
    </div>
</div>

<div class="qm-kpi-grid">
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'green', 'icon' => 'fa-sync-alt', 'label' => t_raw('admin.analytics.kpi_mrr'),
        'value' => money($mrr['total']), 'href' => route('admin.subscriptions'), 'spark' => $mrr['cur'],
        'meta' => $kpiMeta($mrr, t('admin.analytics.meta_recurring_run_rate'))])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'teal', 'icon' => 'fa-calendar-alt', 'label' => t_raw('admin.analytics.kpi_arr'),
        'value' => money($arr), 'spark' => $mrr['cur'],
        'meta' => $kpiMeta($arrMove, t('admin.analytics.meta_mrr_annualised'))])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'rose', 'icon' => 'fa-user-slash', 'label' => t_raw('admin.analytics.kpi_gross_churn'),
        'value' => number_format($grossChurn, 1) . '%', 'spark' => $churnSpark,
        'meta' => $kpiMeta($churnMove, t('admin.analytics.meta_of_opening_mrr'))])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'blue', 'icon' => 'fa-user-tag', 'label' => t_raw('admin.analytics.kpi_arpu'),
        'value' => money($arpu['total']), 'spark' => $arpu['cur'],
        'meta' => $kpiMeta($arpu, t('admin.analytics.meta_per_paying_account'))])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'violet', 'icon' => 'fa-infinity', 'label' => t_raw('admin.analytics.kpi_ltv'),
        'value' => $ltv !== null ? money($ltv) : "\u{2014}", 'spark' => $arpu['cur'],
        'meta' => '<span class="qm-kpi-cap">' . ($ltv !== null ? t('admin.analytics.meta_arpu_over_churn') : t('admin.analytics.meta_needs_churn_history')) . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'amber', 'icon' => 'fa-percentage', 'label' => t_raw($producesInvoices ? 'admin.analytics.kpi_royalty_rate' : 'admin.analytics.kpi_take_rate'),
        'value' => number_format($takeRate['total'], 1) . '%', 'spark' => $takeRate['cur'],
        'meta' => $kpiMeta($takeRate, t($producesInvoices ? 'admin.analytics.meta_royalty_over_gmv' : 'admin.analytics.meta_commission_over_gmv'))])
</div>

<h2 class="qm-snap-section-title"><span class="qm-snap-title-bar" aria-hidden="true"></span>{{ t_raw('dashboard.sec.trends') }}</h2>
<div class="qm-charts-grid">
    <div class="qm-chart-card qm-chart-col-8">
        @partial('chart-card', ['heading' => t_raw('admin.analytics.chart_mrr_movement'), 'sub' => t_raw('admin.analytics.chart_mrr_movement_caption'), 'cfg' => $bridgeChart, 'meta' => $bridgeMeta, 'icon' => 'fa-chart-bar', 'accent' => 'green', 'opts' => ['id' => 'admRevMovementChart', 'url' => route('admin.chart-series', ['chart' => 'revMovement']), 'selected' => $rangeLinks['selected'], 'options' => $rangeLinks['options'], 'control' => 'compact']])
    </div>
    <div class="qm-chart-card qm-chart-col-4">
        @partial('chart-card', ['heading' => t_raw('admin.analytics.chart_mrr_level'), 'sub' => t_raw('admin.analytics.chart_mrr_level_caption'), 'cfg' => $mrrChart, 'meta' => $mrrMeta, 'accent' => 'teal', 'opts' => ['id' => 'mrrChart', 'url' => route('admin.chart-series', ['chart' => 'revMrr']), 'selected' => $rangeLinks['selected'], 'options' => $rangeLinks['options'], 'control' => 'compact']])
    </div>
    <div class="qm-chart-card qm-chart-col-8">
        @partial('chart-card', ['heading' => t_raw($producesInvoices ? 'admin.analytics.chart_gmv_vs_royalty' : 'admin.analytics.chart_gmv_vs_commission'), 'sub' => t_raw($producesInvoices ? 'admin.analytics.chart_gmv_vs_royalty_caption' : 'admin.analytics.chart_gmv_vs_commission_caption'), 'cfg' => $takeChart, 'meta' => $takeMeta, 'icon' => 'fa-chart-bar', 'accent' => 'blue', 'opts' => ['id' => 'admRevTakeChart', 'url' => route('admin.chart-series', ['chart' => 'revTake']), 'selected' => $rangeLinks['selected'], 'options' => $rangeLinks['options'], 'control' => 'compact']])
    </div>
    <div class="qm-chart-card qm-chart-col-4">
        @partial('chart-card', ['heading' => t_raw('admin.analytics.chart_arpu_over_time'), 'sub' => t_raw('admin.analytics.chart_arpu_over_time_caption'), 'cfg' => $arpuChart, 'meta' => $arpuMeta, 'accent' => 'violet', 'opts' => ['id' => 'arpuChart', 'url' => route('admin.chart-series', ['chart' => 'revArpu']), 'selected' => $rangeLinks['selected'], 'options' => $rangeLinks['options'], 'control' => 'compact']])
    </div>
</div>

<h2 class="qm-snap-section-title"><span class="qm-snap-title-bar" aria-hidden="true"></span>{{ t_raw('dashboard.sec.breakdown') }}</h2>
<div class="qm-charts-grid">
    <div class="qm-chart-card qm-chart-col-4">
        @partial('chart-card', ['heading' => t_raw('admin.analytics.chart_mrr_by_plan'), 'sub' => t_raw('admin.analytics.chart_mrr_by_plan_caption'), 'cfg' => $planMrrChart, 'meta' => $planMrrMeta, 'icon' => 'fa-chart-pie', 'accent' => 'green'])
    </div>
    <div class="qm-chart-card qm-chart-col-4">
        @partial('chart-card', ['heading' => t_raw('admin.analytics.chart_sub_status_mix'), 'sub' => t_raw('admin.analytics.chart_sub_status_mix_caption'), 'cfg' => $statusChart, 'meta' => $statusMeta, 'icon' => 'fa-chart-pie', 'accent' => 'blue'])
    </div>
    <div class="qm-chart-card qm-chart-col-4">
        @partial('chart-card', ['heading' => t_raw('admin.analytics.chart_arpu_by_plan'), 'sub' => t_raw('admin.analytics.chart_arpu_by_plan_caption'), 'cfg' => $planArpuChart, 'meta' => $planArpuMeta, 'icon' => 'fa-chart-bar', 'accent' => 'violet'])
    </div>
</div>

<div class="qm-card">
    <div class="qm-ops-head">
        <div class="d-flex align-items-center gap-2">
            <h2 class="mb-0 qm-card-title-ico"><span class="qm-head-chip qm-head-chip--green"><i class="fas fa-layer-group" aria-hidden="true"></i></span>{{ t_raw('admin.analytics.h_plan_economics') }}</h2>
            <button type="button" class="qm-tip" aria-label="{{ t_raw('admin.analytics.hint_plan_economics') }}" data-qm-tip="{{ t_raw('admin.analytics.hint_plan_economics') }}"><i class="fas fa-info-circle" aria-hidden="true"></i></button>
        </div>
        <a href="{{ route('admin.plans') }}" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('nav.plans') }}</a>
    </div>
    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <caption class="visually-hidden">{{ t_raw('admin.analytics.caption_plan_economics') }}</caption>
        <thead><tr>
            <th data-sort="text">{{ t_raw('common.plan') }}</th>
            <th data-sort="number">{{ t_raw('admin.analytics.kpi_active_subs') }}</th>
            <th data-sort="number">{{ t_raw('admin.analytics.kpi_mrr') }}</th>
            <th data-sort="number">{{ t_raw('admin.analytics.kpi_arpu') }}</th>
            <th data-sort="number">{{ t_raw($producesInvoices ? 'admin.analytics.col_royalty_rate' : 'admin.analytics.col_commission_rate') }}</th>
            <th data-sort="number">{{ t_raw($producesInvoices ? 'admin.analytics.series_gmv_invoice' : 'admin.analytics.series_gmv') }}</th>
            <th data-sort="number">{{ t_raw($producesInvoices ? 'common.royalty' : 'common.commission') }}</th>
            <th data-sort="number" class="text-end">{{ t_raw($producesInvoices ? 'admin.analytics.kpi_royalty_rate' : 'admin.analytics.kpi_take_rate') }}</th>
        </tr></thead>
        <tbody>
            @if ($planStats)
            @foreach ($planStats as $row)
            <tr>
                <td>{!! plan_tag($row['slug'], $row['name']) !!}</td>
                <td>{{ number_format((int) $row['subs']) }}</td>
                <td>{{ money($row['mrr']) }}</td>
                <td>{!! (int) $row['subs'] > 0 ? money($row['mrr'] / (int) $row['subs']) : dash() !!}</td>
                <td>{{ number_format((float) $row['rate'], 2) }}%</td>
                <td>{!! (float) $row['gmv'] > 0 ? money($row['gmv']) : dash() !!}</td>
                <td>{!! (float) $row['commission'] > 0 ? money($row['commission']) : dash() !!}</td>
                <td class="text-end">{!! (float) $row['gmv'] > 0 ? number_format((float) $row['commission'] / (float) $row['gmv'] * 100, 1) . '%' : dash() !!}</td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 8, 'icon' => 'fa-layer-group', 'msg' => t('admin.analytics.empty_no_active_plans')])
            @endif
        </tbody>
    </table>
    </div>
</div>

<div class="qm-card">
    <div class="qm-ops-head">
        <div class="d-flex align-items-center gap-2">
            <h2 class="mb-0 qm-card-title-ico"><span class="qm-head-chip qm-head-chip--blue"><i class="fas fa-file-invoice-dollar" aria-hidden="true"></i></span>{{ t_raw('admin.analytics.h_recurring_accounts') }}</h2>
            <button type="button" class="qm-tip" aria-label="{{ t_raw('admin.analytics.hint_recurring_accounts', [':opening' => money($opening), ':new' => money($grown), ':lost' => money($lost + $shrunk), ':net' => number_format($netChurn, 1)]) }}" data-qm-tip="{{ t_raw('admin.analytics.hint_recurring_accounts', [':opening' => money($opening), ':new' => money($grown), ':lost' => money($lost + $shrunk), ':net' => number_format($netChurn, 1)]) }}"><i class="fas fa-info-circle" aria-hidden="true"></i></button>
        </div>
        <a href="{{ route('admin.subscriptions') }}" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('nav.subscriptions') }}</a>
    </div>
    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <caption class="visually-hidden">{{ t_raw('admin.analytics.caption_recurring_accounts') }}</caption>
        <thead><tr>
            <th data-sort="text">{{ t_raw('common.restaurant') }}</th>
            <th data-sort="text">{{ t_raw('common.plan') }}</th>
            <th data-sort="text">{{ t_raw('common.status') }}</th>
            <th data-sort="number">{{ t_raw('admin.analytics.kpi_mrr') }}</th>
            <th data-sort="number">{{ t_raw($producesInvoices ? 'admin.analytics.col_royalty_rate' : 'admin.analytics.col_commission_rate') }}</th>
            <th data-sort="date">{{ t_raw('admin.analytics.col_started') }}</th>
            <th data-sort="date" class="text-end">{{ t_raw('admin.analytics.col_renews') }}</th>
        </tr></thead>
        <tbody>
            @if ($accountRows)
            @foreach ($accountRows as $row)
            <tr>
                <td>
                    <div class="qm-tbl-id">
                        {!! restaurant_logo_html(['logo' => $row['logo'], 'name' => $row['restaurant']], 'md') !!}
                        <div class="qm-tbl-id-text"><strong>{!! or_dash($row['restaurant']) !!}</strong><small>{!! $row['live'] ? t('admin.analytics.badge_contributing') : t('admin.analytics.badge_not_contributing') !!}</small></div>
                    </div>
                </td>
                <td>{!! plan_tag($row['plan_slug'], $row['plan']) !!}</td>
                <td><span class="qm-pill {!! $statusPill($row['status']) !!}">{{ status_label('subscription', $row['status']) }}</span></td>
                <td>{!! $row['mrr'] > 0 ? money($row['mrr']) : dash() !!}</td>
                <td>{{ number_format((float) $row['rate'], 2) }}%</td>
                <td class="qm-cell-body">{!! fmt_day($row['starts_at']) !!}</td>
                <td class="qm-cell-body text-end">{!! $row['ends_at'] ? fmt_day($row['ends_at']) : dash() !!}</td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 7, 'icon' => 'fa-file-invoice-dollar', 'msg' => t('admin.analytics.empty_no_subscriptions')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $accountsPager, 'base' => '/admin/analytics/revenue'])
</div>

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