@extends('layouts.dashboard')

@section('content')
@php
/**
 * Platform Analytics → Sales: marketplace money across every restaurant —
 * collected revenue over time, by tender, sales channel, service mode and hour,
 * with the seats each dine-in ticket filled.
 *
 * @var array $revenue @var array $paidOrders @var array $placed @var array $discounts
 * @var array $tips @var array $refunds @var array $aov @var array $perHead
 * @var int $coversTotal @var array $seated @var array $seatWait
 * @var array $byMode @var array $channelRows
 * @var array $operators @var array $operatorsPager @var array $topRest @var array $restPager
 * @var array $revChart @var array $revMeta @var array $channelChart @var array $channelMeta
 * @var array $hourChart @var array $hourMeta @var array $lossChart @var array $lossMeta
 * @var array $tenderChart @var array $tenderMeta @var array $sourceChart @var array $sourceMeta
 * @var array $perHeadChart @var array $perHeadMeta
 * @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>';
@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('admin.analytics.sales_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-coins', 'label' => t_raw('common.revenue'),
        'value' => money($revenue['total']), 'spark' => $revenue['cur'],
        'meta' => $kpiMeta($revenue, t('admin.analytics.meta_vs_prior'))])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'blue', 'icon' => 'fa-receipt', 'label' => t_raw('common.paid_orders'),
        'value' => number_format($paidOrders['total']), 'href' => route('admin.orders'), 'spark' => $paidOrders['cur'],
        'meta' => $kpiMeta($paidOrders, t('admin.analytics.meta_of_n_placed', [':n' => number_format($placed['total'])]))])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'violet', 'icon' => 'fa-chart-line', 'label' => t_raw('common.average_order'),
        'value' => money($aov['total']), 'spark' => $aov['cur'],
        'meta' => $kpiMeta($aov, t('admin.analytics.meta_per_paid_order'))])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'teal', 'icon' => 'fa-user-friends', 'label' => t_raw('admin.analytics.kpi_spend_per_head'),
        'value' => $perHead['total'] > 0 ? money($perHead['total']) : "\u{2014}", 'spark' => $perHead['cur'],
        'meta' => $perHead['total'] > 0
            ? $kpiMeta($perHead, t('admin.analytics.meta_across_n_covers', [':n' => number_format($coversTotal)]))
            : '<span class="qm-kpi-cap">' . t('admin.analytics.meta_no_covers_recorded') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'amber', 'icon' => 'fa-tags', 'label' => t_raw('admin.analytics.kpi_discounts_given'),
        'value' => money($discounts['total']), 'href' => route('admin.analytics.promotions'), 'spark' => $discounts['cur'],
        'meta' => $kpiMeta($discounts, t('admin.analytics.meta_coupons_rewards'))])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'orange', 'icon' => 'fa-hand-holding-usd', 'label' => t_raw('admin.analytics.kpi_tips'),
        'value' => money($tips['total']), 'spark' => $tips['cur'],
        'meta' => $kpiMeta($tips, t('admin.analytics.meta_on_paid_orders'))])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'slate', 'icon' => 'fa-undo', 'label' => t_raw('common.refunded'),
        'value' => money($refunds['total']), 'spark' => $refunds['cur'],
        'meta' => $kpiMeta($refunds, t('admin.analytics.meta_returned_to_customers'))])
</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_revenue_over_time'), 'sub' => t_raw('admin.analytics.chart_revenue_over_time_caption'), 'cfg' => $revChart, 'meta' => $revMeta, 'accent' => 'green', 'opts' => ['id' => 'admSalesRevChart', 'url' => route('admin.chart-series', ['chart' => 'salesRev']), '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_channel_mix'), 'sub' => t_raw('admin.analytics.chart_channel_mix_caption'), 'cfg' => $channelChart, 'meta' => $channelMeta, 'icon' => 'fa-stream', 'accent' => 'blue', 'opts' => ['id' => 'admSalesChannelChart', 'url' => route('admin.chart-series', ['chart' => 'salesChannel']), 'selected' => $rangeLinks['selected'], 'options' => $rangeLinks['options'], 'control' => 'compact']])
    </div>
    <div class="qm-chart-card qm-chart-col-8">
        @partial('chart-card', ['heading' => t_raw('admin.analytics.chart_revenue_by_hour'), 'sub' => t_raw('admin.analytics.chart_when_money_made'), 'cfg' => $hourChart, 'meta' => $hourMeta, 'icon' => 'fa-th', 'accent' => 'rose'])
    </div>
    <div class="qm-chart-card qm-chart-col-4">
        @partial('chart-card', ['heading' => t_raw('admin.analytics.chart_leakage'), 'sub' => t_raw('admin.analytics.chart_leakage_caption'), 'cfg' => $lossChart, 'meta' => $lossMeta, 'icon' => 'fa-undo', 'accent' => 'amber', 'opts' => ['id' => 'admSalesLossChart', 'url' => route('admin.chart-series', ['chart' => 'salesLoss']), '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_takings_by_tender'), 'sub' => t_raw('admin.analytics.chart_net_of_refunds'), 'cfg' => $tenderChart, 'meta' => $tenderMeta, '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_revenue_by_channel'), 'sub' => t_raw('admin.analytics.chart_revenue_by_channel_caption'), 'cfg' => $sourceChart, 'meta' => $sourceMeta, 'icon' => 'fa-chart-pie', 'accent' => 'violet'])
    </div>
    <div class="qm-chart-card qm-chart-col-4">
        @partial('chart-card', ['heading' => t_raw('admin.analytics.chart_spend_per_head_by_mode'), 'sub' => t_raw('admin.analytics.chart_spend_per_head_caption'), 'cfg' => $perHeadChart, 'meta' => $perHeadMeta, 'icon' => 'fa-user-friends', 'accent' => 'teal'])
    </div>
</div>

<div class="row g-4 qm-card-row">
    <div class="col-lg-7">
        <div class="qm-card h-100">
            <h2 class="qm-card-title-ico"><span class="qm-head-chip qm-head-chip--blue"><i class="fas fa-stream" aria-hidden="true"></i></span>{{ t_raw('admin.analytics.h_channel_performance') }}</h2>
            <div class="table-responsive">
            <table class="qm-table" data-sortable>
                <caption class="visually-hidden">{{ t_raw('admin.analytics.caption_channels') }}</caption>
                <thead><tr>
                    <th data-sort="text">{{ t_raw('admin.analytics.col_channel') }}</th>
                    <th data-sort="number">{{ t_raw('common.orders') }}</th>
                    <th data-sort="number">{{ t_raw('admin.analytics.col_collected') }}</th>
                    <th data-sort="number">{{ t_raw('common.average_order') }}</th>
                    <th data-sort="number">{{ t_raw('common.covers') }}</th>
                    <th data-sort="date" class="text-end">{{ t_raw('admin.analytics.col_last_order') }}</th>
                </tr></thead>
                <tbody>
                    @if ($channelRows)
                    @foreach ($channelRows as $row)
@php $paid = (int) $row['paid_orders']; @endphp
                    <tr>
                        <td><strong>{{ status_label('order_source', $row['source']) }}</strong></td>
                        <td>{{ number_format((int) $row['orders_c']) }}</td>
                        <td>{{ money($row['revenue']) }}</td>
                        <td>{!! $paid > 0 ? money((float) $row['revenue'] / $paid) : dash() !!}</td>
                        <td>{!! (int) $row['covers'] > 0 ? number_format((int) $row['covers']) : dash() !!}</td>
                        <td class="qm-cell-body text-end">{!! fmt_day($row['last_order']) !!}</td>
                    </tr>
                    @endforeach
                    @else
                    @partial('table-empty', ['colspan' => 6, 'icon' => 'fa-stream', 'msg' => t('admin.analytics.empty_no_orders_period')])
                    @endif
                </tbody>
            </table>
            </div>
        </div>
    </div>
    <div class="col-lg-5">
        <div class="qm-card h-100">
            @php /* The tip rides inside the heading: a .d-flex wrapper around an h2 is
                     tightened to 8px by the density standard (app.css §35), which left this
                     table 8px closer to its title than Channel performance's beside it. A
                     bare h2 wears the same 16px as its neighbour, so the two cards share
                     one rhythm with no extra rules. */
@endphp
            <h2 class="qm-card-title-ico"><span class="qm-head-chip qm-head-chip--violet"><i class="fas fa-truck" aria-hidden="true"></i></span>{{ t_raw('admin.analytics.h_service_modes') }} <button type="button" class="qm-tip" aria-label="{{ t_raw('admin.analytics.hint_seated', [':n' => number_format($seated['total']), ':guests' => number_format((int) $seatWait['guests']), ':wait' => $seatWait['wait'] !== null ? number_format((float) $seatWait['wait']) : '0']) }}" data-qm-tip="{{ t_raw('admin.analytics.hint_seated', [':n' => number_format($seated['total']), ':guests' => number_format((int) $seatWait['guests']), ':wait' => $seatWait['wait'] !== null ? number_format((float) $seatWait['wait']) : '0']) }}"><i class="fas fa-info-circle" aria-hidden="true"></i></button></h2>
            <div class="table-responsive">
            <table class="qm-table" data-sortable>
                <caption class="visually-hidden">{{ t_raw('admin.analytics.caption_modes') }}</caption>
                <thead><tr>
                    <th data-sort="text">{{ t_raw('admin.analytics.col_mode') }}</th>
                    <th data-sort="number">{{ t_raw('common.orders') }}</th>
                    <th data-sort="number">{{ t_raw('admin.analytics.col_collected') }}</th>
                    <th data-sort="number" class="text-end">{{ t_raw('admin.analytics.kpi_spend_per_head') }}</th>
                </tr></thead>
                <tbody>
                    @if ($byMode)
                    @foreach ($byMode as $m)
                    <tr>
                        <td><strong>{{ $m['label'] }}</strong></td>
                        <td>{{ number_format((int) $m['orders']) }}</td>
                        <td>{{ money($m['revenue']) }}</td>
                        <td class="text-end">{!! (int) $m['covers'] > 0 ? money($m['revenue'] / (int) $m['covers']) : dash() !!}</td>
                    </tr>
                    @endforeach
                    @else
                    @partial('table-empty', ['colspan' => 4, 'icon' => 'fa-chart-bar', 'msg' => t('admin.analytics.empty_no_orders_period')])
                    @endif
                </tbody>
            </table>
            </div>
        </div>
    </div>
</div>

<div class="qm-card">
    <div class="qm-ops-head">
        <h2 class="mb-0 qm-card-title-ico"><span class="qm-head-chip qm-head-chip--teal"><i class="fas fa-store" aria-hidden="true"></i></span>{{ t_raw('admin.dashboard.chart_top_restaurants_title') }}</h2>
        <a href="{{ route('admin.restaurants') }}" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('nav.restaurants') }}</a>
    </div>
    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <caption class="visually-hidden">{{ t_raw('admin.analytics.caption_top_rest_by_revenue') }}</caption>
        <thead><tr>
            <th data-sort="text">{{ t_raw('common.restaurant') }}</th>
            <th data-sort="number">{{ t_raw('common.orders') }}</th>
            <th data-sort="number">{{ t_raw('admin.analytics.col_collected') }}</th>
            <th data-sort="number">{{ t_raw('common.average_order') }}</th>
            <th data-sort="number">{{ t_raw('common.covers') }}</th>
            <th data-sort="number">{{ t_raw('common.commission') }}</th>
            <th data-sort="date" class="text-end">{{ t_raw('admin.analytics.col_last_order') }}</th>
        </tr></thead>
        <tbody>
            @if ($topRest)
            @foreach ($topRest as $t)
@php $c = (int) $t['orders_c']; @endphp
            <tr>
                <td>
                    <div class="qm-tbl-id">
                        {!! restaurant_logo_html($t, 'md') !!}
                        <div class="qm-tbl-id-text"><strong>{{ $t['name'] }}</strong>@if (!empty($t['city']))<small>{{ $t['city'] }}</small>@endif</div>
                    </div>
                </td>
                <td>{{ number_format($c) }}</td>
                <td>{{ money($t['collected']) }}</td>
                <td>{!! $c > 0 ? money((float) $t['collected'] / $c) : dash() !!}</td>
                <td>{!! (int) $t['covers'] > 0 ? number_format((int) $t['covers']) : dash() !!}</td>
                <td>{!! (float) $t['commission'] > 0 ? money($t['commission']) : dash() !!}</td>
                <td class="qm-cell-body text-end">{!! fmt_day($t['last_order']) !!}</td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 7, 'icon' => 'fa-store', 'msg' => t('admin.analytics.empty_no_orders_period')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $restPager, 'base' => '/admin/analytics/sales'])
</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--amber"><i class="fas fa-cash-register" aria-hidden="true"></i></span>{{ t_raw('admin.analytics.h_cash_handling') }}</h2>
            <button type="button" class="qm-tip" aria-label="{{ t_raw('admin.analytics.hint_cash_handling') }}" data-qm-tip="{{ t_raw('admin.analytics.hint_cash_handling') }}"><i class="fas fa-info-circle" aria-hidden="true"></i></button>
        </div>
        <a href="{{ route('admin.users') }}" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('nav.users') }}</a>
    </div>
    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <caption class="visually-hidden">{{ t_raw('admin.analytics.caption_cash_handling') }}</caption>
        <thead><tr>
            <th data-sort="text">{{ t_raw('admin.analytics.col_taken_by') }}</th>
            <th data-sort="number">{{ t_raw('admin.analytics.col_captures') }}</th>
            <th data-sort="number">{{ t_raw('admin.analytics.col_taken') }}</th>
            <th data-sort="number">{{ t_raw('common.refunded') }}</th>
            <th data-sort="number">{{ t_raw('nav.restaurants') }}</th>
            <th data-sort="date" class="text-end">{{ t_raw('common.when') }}</th>
        </tr></thead>
        <tbody>
            @if ($operators)
            @foreach ($operators as $op)
            <tr>
                <td>
                    <div class="qm-tbl-id">
                        {!! brandmark_html($op['avatar'] ?? null, (string) $op['name'], 'md', 'qm-brandmark--round') !!}
                        <div class="qm-tbl-id-text"><strong>{{ $op['name'] }}</strong><small>{{ role_label((string) $op['role']) }}</small></div>
                    </div>
                </td>
                <td>{{ number_format((int) $op['captures']) }}</td>
                <td>{{ money($op['taken']) }}</td>
                <td>{!! (float) $op['refunded'] > 0 ? money($op['refunded']) : dash() !!}</td>
                <td>{{ number_format((int) $op['restaurants_c']) }}</td>
                <td class="qm-cell-body text-end">{!! fmt_datetime($op['last_seen']) !!}</td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 6, 'icon' => 'fa-cash-register', 'msg' => t('admin.analytics.empty_no_operators')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $operatorsPager, 'base' => '/admin/analytics/sales'])
</div>

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