@extends('layouts.dashboard')

@section('content')
@php
/**
 * Super-admin plans — how the catalogue is PERFORMING.
 *
 * The prices, allowances and trial themselves are configuration and live on Settings →
 * Subscription plans; this page is the reporting half: how many restaurants sit on each plan, what
 * each has earned, and how that has moved. Split deliberately, because the two are read at
 * different moments — this one answers "is the pricing working", the settings tab answers
 * "change it".
 *
 * @var array $totals    catalogue-wide totals for the KPI band
 * @var array $mixChart  restaurants per plan, as the catalogue stands now
 * @var array $mixMeta   chart data flag + accessible summary
 * @var array $earnChart earnings per plan over the opening period
 * @var array $earnOpts  period switcher: every window's series, swapped without a reload
 * @var array $earnMeta  chart data flag + accessible summary
 */
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
<div class="qm-kpi-grid">
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'blue', 'icon' => 'fa-store', 'label' => t_raw('admin.plans.kpi_restaurants'),
        'value' => number_format($totals['restaurants']),
        'meta' => '<span class="qm-kpi-cap">' . ($totals['unassigned'] > 0 ? t('admin.plans.kpi_restaurants_cap_unassigned', [':n' => number_format($totals['unassigned'])]) : t('admin.plans.kpi_restaurants_cap')) . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'orange', 'icon' => 'fa-sync-alt', 'label' => t_raw('admin.plans.kpi_active_subs'),
        'value' => number_format($totals['active_subs']), 'href' => route('admin.subscriptions'),
        'meta' => '<span class="qm-kpi-cap">' . t('admin.plans.kpi_active_subs_cap') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'green', 'icon' => 'fa-file-invoice-dollar', 'label' => t_raw('admin.plans.kpi_subscription_cash'),
        'value' => money($totals['subscription_cash']),
        'meta' => '<span class="qm-kpi-cap">' . t('admin.plans.kpi_subscription_cash_cap') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'violet', 'icon' => 'fa-percentage', 'label' => t_raw('admin.plans.kpi_commission'),
        'value' => money($totals['commission_cash']),
        'meta' => '<span class="qm-kpi-cap">' . t('admin.plans.kpi_commission_cap') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'teal', 'icon' => 'fa-coins', 'label' => t_raw('admin.plans.kpi_earnings'),
        'value' => money($totals['earnings']),
        'meta' => '<span class="qm-kpi-cap">' . t('admin.plans.kpi_earnings_cap') . '</span>'])
</div>

<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('admin.plans.title') }}</h2>
        <p class="qm-ops-sub mb-0">{{ t_raw('admin.plans.intro') }}</p>
    </div>
</div>

<div class="qm-charts-grid">
    <div class="qm-chart-card qm-chart-col-8">
        @partial('chart-card', ['heading' => t_raw('admin.plans.chart_earnings_heading'), 'sub' => t_raw('admin.plans.chart_earnings_sub'), 'cfg' => $earnChart, 'meta' => $earnMeta, 'opts' => $earnOpts, 'icon' => 'fa-chart-bar', 'accent' => 'green'])
    </div>
    <div class="qm-chart-card qm-chart-col-4">
        @partial('chart-card', ['heading' => t_raw('admin.plans.chart_mix_heading'), 'sub' => t_raw('admin.plans.chart_mix_sub'), 'cfg' => $mixChart, 'meta' => $mixMeta, 'icon' => 'fa-chart-pie', 'accent' => 'blue'])
    </div>
</div>

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