@extends('layouts.dashboard')

@section('content')
@php
use App\Models\Order;
/** @var array $kpis @var array $recent @var array|null $restaurant */
/** @var array $revenueChart @var array $ordersChart @var array $statusChart @var array $topItemsChart @var array $chartMeta */
/** @var array $revenueRanges @var array $ordersRanges @var array $statusRanges @var array $kpiTrends */
$chartMeta = $chartMeta ?? [];
$chartMeta += ['revenue' => [], 'status' => [], 'top' => [], 'orders' => []];
$kpiTrends = $kpiTrends ?? ['orders' => ['pct' => 0, 'dir' => 'flat'], 'revenue' => ['pct' => 0, 'dir' => 'flat']];
$kpiSparks = $kpiSparks ?? [];
// Financial figures are owner-only: managers run operations without them.
$showMoney = $showMoney ?? true;
@endphp
@php /* .qm-d2 scopes the dashboard density layer (app.css §35) — the same
         standard the admin dashboard set: same partials, same keys. */
@endphp
<div class="qm-d2">
@if (!$restaurant)
<div class="qm-card">
    <div class="qm-empty">
        <i class="fas fa-store d-block" aria-hidden="true"></i>
        <p class="mb-0">{{ t_raw('vendor.dashboard.no_restaurant_msg') }}</p>
    </div>
</div>
@else

@if ($restaurant['status'] === 'pending')
<div class="alert alert-warning d-flex align-items-center gap-2" data-qm-dismiss="vendor-dash-pending">
    <span>{!! t_raw('vendor.dashboard.pending_review_banner', [':name' => '<strong>' . e($restaurant['name']) . '</strong>']) !!}</span>
    <button type="button" class="ms-auto" data-qm-dismiss-btn aria-label="{{ t_raw('common.hide') }}" title="{{ t_raw('common.hide') }}"><i class="fas fa-eye-slash" aria-hidden="true"></i></button>
</div>
@endif

@php
$rightNow = $rightNow ?? null;
$stockAlerts = $stockAlerts ?? ['out' => 0, 'low' => 0];
@endphp
@if ($stockAlerts['out'] > 0 || $stockAlerts['low'] > 0)
<div class="alert alert-warning d-flex align-items-center gap-2" data-qm-dismiss="vendor-dash-stock">
    <i class="fas fa-boxes" aria-hidden="true"></i>
    <span>
        @if ($stockAlerts['out'] > 0){!! t_raw($stockAlerts['out'] > 1 ? 'vendor.dashboard.stock_alert_out_many' : 'vendor.dashboard.stock_alert_out_one', [':n' => '<strong>' . (int) $stockAlerts['out'] . '</strong>']) !!}@endif
        @if ($stockAlerts['out'] > 0 && $stockAlerts['low'] > 0) &middot; @endif
        @if ($stockAlerts['low'] > 0){!! t_raw('vendor.dashboard.stock_alert_low', [':n' => '<strong>' . (int) $stockAlerts['low'] . '</strong>']) !!}@endif
        &mdash; <a href="{{ route('vendor.inventory') }}">{{ t_raw('vendor.dashboard.stock_alert_review_link') }}</a>.
    </span>
    <button type="button" class="ms-auto" data-qm-dismiss-btn aria-label="{{ t_raw('common.hide') }}" title="{{ t_raw('common.hide') }}"><i class="fas fa-eye-slash" aria-hidden="true"></i></button>
</div>
@endif

@if ($rightNow)
@php /* Triage semantics (same as the admin strip): a queue with work is
         `is-hot`, an empty one `is-calm`; the drawer tile is a status, so it
         carries neither. */
@endphp
@php $rnState = static fn (int $n): string => $n > 0 ? ' is-hot' : ' is-calm';
@endphp
<div class="qm-card qm-rightnow">
    <div class="qm-ops-head mb-0">
        <div class="d-flex align-items-center gap-2">
            <h2 class="mb-0">{{ t_raw('admin.dashboard.right_now') }}</h2>
            <span class="qm-kpi-live qm-kpi--green">{{ t_raw('common.live') }}</span>
        </div>
    </div>
    <div class="qm-order-totals mb-0 mt-3">
        <a class="qm-ot-item qm-kpi--rose{!! $rnState((int) $rightNow['open_orders']) !!}" href="{{ route('vendor.kitchen') }}" data-d2-tile>
            <span class="qm-ot-ico"><i class="fas fa-fire" aria-hidden="true"></i></span>
            <span class="qm-ot-body">
                <span class="qm-ot-v">{{ number_format((int) $rightNow['open_orders']) }}</span>
                <span class="qm-ot-k">{{ t_raw('admin.dashboard.orders_in_progress') }}</span>
            </span>
            <i class="fas fa-chevron-right qm-ot-go" aria-hidden="true"></i>
        </a>
        <a class="qm-ot-item qm-kpi--blue{!! $rnState((int) $rightNow['tables_occ']) !!}" href="{{ route('vendor.tables') }}" data-d2-tile>
            <span class="qm-ot-ico"><i class="fas fa-chair" aria-hidden="true"></i></span>
            <span class="qm-ot-body">
                <span class="qm-ot-v">{{ number_format((int) $rightNow['tables_occ']) }} / {{ number_format((int) $rightNow['tables_all']) }}</span>
                <span class="qm-ot-k">{{ t_raw('vendor.dashboard.tables_occupied_label') }}</span>
            </span>
            <i class="fas fa-chevron-right qm-ot-go" aria-hidden="true"></i>
        </a>
        @if (!empty($acceptsReservations))
        <a class="qm-ot-item qm-kpi--violet{!! $rnState((int) $rightNow['bookings']) !!}" href="{{ route('vendor.reservations') }}" data-d2-tile>
            <span class="qm-ot-ico"><i class="fas fa-calendar-check" aria-hidden="true"></i></span>
            <span class="qm-ot-body">
                <span class="qm-ot-v">{{ number_format((int) $rightNow['bookings']) }}</span>
                <span class="qm-ot-k">{{ t_raw('admin.dashboard.bookings_today') }}</span>
            </span>
            <i class="fas fa-chevron-right qm-ot-go" aria-hidden="true"></i>
        </a>
        @endif
        <a class="qm-ot-item qm-kpi--green" href="{{ route('vendor.shifts') }}" data-d2-tile>
            <span class="qm-ot-ico"><i class="fas fa-wallet" aria-hidden="true"></i></span>
            <span class="qm-ot-body">
                <span class="qm-ot-v">{!! $rightNow['drawer_open'] ? t('common.open') : t('common.closed') !!}</span>
                <span class="qm-ot-k">{{ t_raw('vendor.dashboard.cash_drawer_label') }}</span>
            </span>
            <i class="fas fa-chevron-right qm-ot-go" aria-hidden="true"></i>
        </a>
        <a class="qm-ot-item qm-kpi--amber{!! $rnState((int) (($stockAlerts['out'] ?? 0) + ($stockAlerts['low'] ?? 0))) !!}" href="{{ route('vendor.inventory') }}" data-d2-tile>
            <span class="qm-ot-ico"><i class="fas fa-boxes" aria-hidden="true"></i></span>
            <span class="qm-ot-body">
                <span class="qm-ot-v">{{ number_format((int) (($stockAlerts['out'] ?? 0) + ($stockAlerts['low'] ?? 0))) }}</span>
                <span class="qm-ot-k">{{ t_raw('vendor.dashboard.stock_attention_label') }}</span>
            </span>
            <i class="fas fa-chevron-right qm-ot-go" aria-hidden="true"></i>
        </a>
    </div>
</div>
@endif

<h2 class="qm-snap-section-title"><span class="qm-snap-title-bar" aria-hidden="true"></span>{{ t_raw('dashboard.sec.snapshot') }}</h2>
<div class="qm-kpi-grid qm-kpi-grid-5">
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'blue', 'icon' => 'fa-receipt', 'label' => t_raw('vendor.dashboard.kpi_total_orders'), 'href' => route('vendor.orders'),
        'value' => number_format((int) $kpis['orders']), 'spark' => $kpiSparks['orders'] ?? [],
        'meta' => kpi_trend((int) $kpiTrends['orders']['pct'], (string) $kpiTrends['orders']['dir']) . '<span class="qm-kpi-cap">' . t('vendor.dashboard.kpi_vs_last_week') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'amber', 'icon' => 'fa-bolt', 'label' => t_raw('vendor.dashboard.kpi_active_orders'), 'href' => route('vendor.orders'),
        'value' => number_format((int) $kpis['active']), 'spark' => $kpiSparks['active'] ?? [],
        'meta' => '<span class="qm-kpi-live">' . t('vendor.dashboard.kpi_in_progress_now') . '</span>'])
    @if ($showMoney)
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'green', 'icon' => 'fa-coins', 'label' => t_raw('common.revenue'), 'href' => route('vendor.orders'),
        'value' => money($kpis['revenue']), 'spark' => $kpiSparks['revenue'] ?? [],
        'meta' => kpi_trend((int) $kpiTrends['revenue']['pct'], (string) $kpiTrends['revenue']['dir']) . '<span class="qm-kpi-cap">' . t('vendor.dashboard.kpi_vs_last_week') . '</span>'])
    @endif
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'violet', 'icon' => 'fa-utensils', 'label' => t_raw('vendor.dashboard.kpi_menu_items'), 'href' => route('vendor.menu'),
        'value' => number_format((int) $kpis['menu']), 'spark' => $kpiSparks['menu'] ?? [],
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.dashboard.kpi_on_your_menu') . '</span>'])
    @if (!empty($loyaltyOn))
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'rose', 'icon' => 'fa-gift', 'label' => t_raw('vendor.dashboard.kpi_loyalty_points'), 'href' => route('vendor.loyalty'),
        'value' => number_format((int) ($loyaltyOutstanding ?? 0)), 'spark' => $kpiSparks['loyalty'] ?? [],
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.dashboard.kpi_points_outstanding') . '</span>'])
    @endif
</div>

@php
$trendOptions = ['7' => t_raw('common.range_7d'), '14' => t_raw('common.range_14d'), '30' => t_raw('common.range_30d'), '90' => t_raw('common.range_qtr')];
@endphp
<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">
    @if ($showMoney)
    <div class="qm-chart-card qm-chart-col-8">
        @partial('chart-card', [
            'heading' => t_raw('admin.dashboard.chart_revenue_trend_title'),
            'sub'     => t_raw('vendor.dashboard.chart_revenue_caption'),
            'cfg'     => $revenueChart,
            'meta'    => $chartMeta['revenue'],
            'icon'    => 'fa-chart-line',
            'accent'  => 'green',
            'opts'    => ['id' => 'revChart', 'ranges' => $revenueRanges, 'selected' => '90', 'options' => $trendOptions],
        ])
    </div>
    <div class="qm-chart-card qm-chart-col-4">
    @else
    <div class="qm-chart-card qm-chart-col-12">
    @endif
        @partial('chart-card', [
            'heading' => t_raw('admin.dashboard.chart_orders_per_day_title'),
            'sub'     => t_raw('vendor.dashboard.chart_orders_caption'),
            'cfg'     => $ordersChart,
            'meta'    => $chartMeta['orders'],
            'icon'    => 'fa-chart-bar',
            'accent'  => 'blue',
            'opts'    => ['id' => 'ordersChart', 'ranges' => $ordersRanges, 'selected' => '90', 'options' => $trendOptions],
        ])
    </div>
</div>

<h2 class="qm-snap-section-title"><span class="qm-snap-title-bar" aria-hidden="true"></span>{{ t_raw('dashboard.sec.breakdown') }}</h2>
@php /* The Breakdown at 8 columns with the live-delivery map riding the other 4:
         the four analytic cards keep their own 2x2 grid, and the map stretches the
         section's full height beside them. */
@endphp
<div class="row g-3 qm-biz-row">
<div class="col-xl-8">
<div class="qm-charts-grid">
    <div class="qm-chart-card qm-chart-col-6">
        @partial('chart-card', [
            'heading' => t_raw('admin.dashboard.chart_orders_status_title'),
            'sub'     => t_raw('vendor.dashboard.chart_status_caption'),
            'cfg'     => $statusChart,
            'meta'    => $chartMeta['status'],
            'icon'    => 'fa-chart-pie',
            'accent'  => 'violet',
            'opts'    => ['id' => 'statusChart', 'ranges' => $statusRanges, 'selected' => '90', 'options' => $trendOptions],
        ])
    </div>
    <div class="qm-chart-card qm-chart-col-6">
        @partial('chart-card', [
            'heading' => t_raw('vendor.dashboard.chart_top_items_title'),
            'sub'     => t_raw('vendor.dashboard.chart_top_items_caption'),
            'cfg'     => $topItemsChart,
            'meta'    => $chartMeta['top'],
            'icon'    => 'fa-chart-bar',
            'accent'  => 'amber',
            'opts'    => ['id' => 'topItemsChart', 'ranges' => $topItemsRanges ?? [], 'selected' => '90', 'options' => $trendOptions],
        ])
    </div>
    @if ($showMoney)
    <div class="qm-chart-card qm-chart-col-6">
        @partial('chart-card', [
            'heading' => t_raw('vendor.dashboard.chart_tender_title'),
            'sub'     => t_raw('vendor.dashboard.chart_tender_caption'),
            'cfg'     => $tenderChart ?? [],
            'meta'    => $tenderMeta ?? [],
            'icon'    => 'fa-chart-pie',
            'accent'  => 'blue',
            'opts'    => ['id' => 'tenderChart', 'ranges' => $tenderRanges ?? [], 'selected' => '90', 'options' => $trendOptions],
        ])
    </div>
    <div class="qm-chart-card qm-chart-col-6">
    @else
    <div class="qm-chart-card qm-chart-col-12">
    @endif
        @partial('chart-card', [
            'heading' => t_raw('vendor.dashboard.chart_hours_title'),
            'sub'     => t_raw('vendor.dashboard.chart_hours_caption'),
            'cfg'     => $hoursChart ?? [],
            'meta'    => $hoursMeta ?? [],
            'icon'    => 'fa-chart-bar',
            'accent'  => 'violet',
            'opts'    => ['id' => 'hoursChart', 'ranges' => $hoursRanges ?? [], 'selected' => '90', 'options' => $trendOptions],
        ])
    </div>
</div>
</div>
<div class="col-xl-4 d-flex">
<div class="qm-card qm-biz-card">
    <div class="qm-ops-head">
        @if (!empty($mapCenter))
        @php /* The live tally rides the title row's trailing side. It counts ORDERS
                 out of the door — one rider carrying two orders is 2 deliveries here,
                 1 rider in the foot, and one pin on the map whose card lists both. */
@endphp
        <h2 class="mb-0">{{ t_raw('status.order.out_for_delivery') }}</h2>
        <p class="qm-ops-sub mb-0">{{ count($liveDeliveries ?? []) }} {{ t_raw('common.active') }}</p>
        @else
        <div>
            <h2 class="mb-0">{{ t_raw('status.order.out_for_delivery') }}</h2>
            <p class="qm-ops-sub mb-0">{{ count($liveDeliveries ?? []) }} {{ t_raw('common.active') }}</p>
        </div>
        <a href="{{ route('vendor.orders', ['status' => 'out_for_delivery']) }}" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('common.view_all') }}</a>
        @endif
    </div>
    @if (!empty($mapCenter))
    @php
    // The restaurant anchors the room; every live driver rides as a labelled pin —
    // the same driver_locations positions the customer tracking map shows.
    $dlvPoints = [[
        'lat'      => (float) $mapCenter['lat'],
        'lng'      => (float) $mapCenter['lng'],
        'label'    => (string) ($mapRestaurant['name'] ?? ''),
        'iconHtml' => restaurant_logo_html($mapRestaurant ?? [], 'sm', '', ''),
    ]];
    /* ONE pin per rider, not per order: a rider carrying two orders reports one
       position, and two pins stacked there leave the lower card unreachable.
       The rider's avatar is the pin; the card lists EVERY order they carry —
       see partials/map-driver-popup.php. */
    $byRider = [];
    foreach (($liveDeliveries ?? []) as $dlv) {
        $key = (int) ($dlv['driver_user_id'] ?? 0);
        $byRider[$key]['rider']    ??= $dlv;
        $byRider[$key]['orders'][] = $dlv;
    }
    foreach ($byRider as $grp) {
        $dlvPoints[] = [
            'lat'       => (float) $grp['rider']['lat'],
            'lng'       => (float) $grp['rider']['lng'],
            'iconHtml'  => brandmark_html($grp['rider']['driver_avatar'] ?? null, (string) $grp['rider']['driver_name'], 'sm', 'qm-brandmark--round'),
            'popupHtml' => partial('map-driver-popup', ['dlv' => $grp['rider'], 'orders' => $grp['orders']]),
        ];
    }
@endphp
    @php $dlvRiders = count(array_unique(array_filter(array_map(
        static fn (array $d): string => trim((string) ($d['driver_name'] ?? '')),
        $liveDeliveries ?? []
    ))));
@endphp
    @php /* Same floating foot as the admin locations map — the live tally and
             the View-all corner riding the map's lower edge. */
@endphp
    <div class="qm-mapwrap">
        <div class="qm-map qm-map-fill" data-qm-map data-lat="{{ (string) $mapCenter['lat'] }}" data-lng="{{ (string) $mapCenter['lng'] }}" data-zoom="15" data-markers="{{ json_encode($dlvPoints, JSON_UNESCAPED_SLASHES) }}" role="application" aria-label="{{ t_raw('status.order.out_for_delivery') }}"></div>
        <div class="qm-mapfoot">
            <div class="qm-biz-stat">
                <span class="qm-biz-stat-label">{{ t_raw('nav.deliveries') }}</span>
                <span class="qm-biz-stat-val">{{ number_format(count($liveDeliveries ?? [])) }}</span>
            </div>
            <div class="qm-biz-stat">
                <span class="qm-biz-stat-label">{{ t_raw('common.riders') }}</span>
                <span class="qm-biz-stat-val">{{ number_format($dlvRiders) }}</span>
            </div>
            <a class="qm-mapfoot-cta" href="{{ route('vendor.orders', ['status' => 'out_for_delivery']) }}">{{ t_raw('common.view_all') }} <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
        </div>
    </div>
    @endif
</div>
</div>
</div>

@php /* Business position — reputation, money owed, sponsored reach. Each card
         is an excerpt of its own screen (same figures, same keys) with a
         View-all into it; a card with nothing to say is simply not rendered. */
@endphp
@if (!empty($reviewSummary) || !empty($payoutSummary) || !empty($adSummary))
@php // The row shares its width among the cards that actually render: roles that
      // don't see Payouts (managers) get two half-width cards, not a hole.
      $bizCards = (int) !empty($reviewSummary) + (int) !empty($payoutSummary) + (int) !empty($adSummary);
      $bizCol   = [1 => 'col-lg-12', 2 => 'col-lg-6', 3 => 'col-lg-4'][$bizCards];
@endphp
<div class="row g-3 qm-biz-row">
    @if (!empty($reviewSummary))
    <div class="{{ $bizCol }} d-flex">
        <div class="qm-card qm-biz-card">
            @if ((int) $reviewSummary['count'] === 0)
            <div class="qm-ops-head">
                <h2 class="mb-0">{{ t_raw('vendor.customers.col_reviews') }}</h2>
                <a href="{{ $reviewSummary['url'] }}" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('common.view_all') }}</a>
            </div>
            <div class="qm-empty">
                <i class="fas fa-star" aria-hidden="true"></i>
                <p>{{ t_raw('vendor.dashboard.reviews_empty') }}</p>
            </div>
            @else
            <div class="qm-ops-head">
                <h2 class="mb-0">{{ t_raw('vendor.customers.col_reviews') }}</h2>
            </div>
            <div class="qm-biz-list">
                @foreach ($reviewSummary['latest'] as $rvw)
                <div class="qm-biz-item">
                    <div class="qm-biz-item-top">
                        <strong>{{ trim((string) $rvw['author_name']) !== '' ? $rvw['author_name'] : t_raw('vendor.reservations.guest_fallback') }}</strong>
                        <span class="qm-review-stars" role="img" aria-label="{{ (int) $rvw['rating'] }}">{!! rating_stars_html((float) $rvw['rating']) !!}</span>
                    </div>
                    <p class="qm-biz-quote">{{ (string) $rvw['comment'] }}</p>
                    <span class="qm-kpi-cap">{{ time_ago($rvw['created_at']) }}</span>
                </div>
                @endforeach
            </div>
            @php /* The rating summary anchors the FOOT, sponsored-style: the average
                     with its stars, the review count, and View-all in the corner. */
@endphp
            <div class="qm-biz-statrow">
                <div class="qm-biz-stat">
                    <span class="qm-biz-stat-label">{{ t_raw('admin.restaurants.col_rating') }}</span>
                    <span class="qm-biz-stat-val">{{ number_format((float) $reviewSummary['avg'], 1) }}
                        <span class="qm-review-stars" role="img" aria-label="{{ number_format((float) $reviewSummary['avg'], 1) }}">{!! rating_stars_html((float) $reviewSummary['avg']) !!}</span></span>
                </div>
                <div class="qm-biz-stat">
                    <span class="qm-biz-stat-label">{{ t_raw('vendor.customers.col_reviews') }}</span>
                    <span class="qm-biz-stat-val">{{ number_format((int) $reviewSummary['count']) }}</span>
                </div>
                <a class="qm-biz-cta" href="{{ $reviewSummary['url'] }}">{{ t_raw('common.view_all') }} <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
            </div>
            @endif
        </div>
    </div>
    @endif
    @if (!empty($payoutSummary))
    <div class="{{ $bizCol }} d-flex">
        <div class="qm-card qm-biz-card">
            <div class="qm-ops-head">
                <h2 class="mb-0">{{ t_raw($payoutSummary['invoice'] ? 'vendor.royalty.title' : 'vendor.payouts.title') }}</h2>
            </div>
            @if (!empty($payoutSummary['latest']))
            @php /* The last statements, the way the Reviews card quotes its latest
                     reviews: the period, what it settled at, where it stands — each
                     row an excerpt of the payouts page's own table. */
@endphp
            <div class="qm-biz-list">
                @php $stPill = static fn (string $st): string => match ($st) {
                    'paid' => 'qm-pill-green', 'issued' => 'qm-pill-blue', 'disputed' => 'qm-pill-red', default => 'qm-pill-amber',
                };
@endphp
                @foreach ($payoutSummary['latest'] as $stmt)
                <div class="qm-biz-item">
                    <div class="qm-biz-item-top">
                        <strong>{!! fmt_day($stmt['period_start']) !!} – {!! fmt_day($stmt['period_end']) !!}</strong>
                        <strong>{{ money((float) $stmt['net_payable']) }}</strong>
                    </div>
                    <span class="qm-kpi-cap"><span class="qm-pill {!! $stPill((string) $stmt['status']) !!}">{{ status_label('payout', (string) $stmt['status']) }}</span>@if (!empty($stmt['paid_at'])) {!! fmt_day($stmt['paid_at']) !!}@endif</span>
                </div>
                @endforeach
            </div>
            @else
            <div class="qm-empty">
                <i class="fas fa-hand-holding-usd" aria-hidden="true"></i>
                <p>{{ t_raw('vendor.payouts.empty') }}</p>
            </div>
            @endif
            @php /* The same foot its siblings wear: the two figures the payouts page
                     leads with, and View-all docked in the card's own corner. */
@endphp
            <div class="qm-biz-statrow">
                <div class="qm-biz-stat">
                    <span class="qm-biz-stat-label">{{ t_raw($payoutSummary['invoice'] ? 'vendor.royalty.kpi_pending' : 'vendor.payouts.kpi_pending') }}</span>
                    <span class="qm-biz-stat-val">{{ money((float) $payoutSummary['pendingNet']) }}</span>
                </div>
                <div class="qm-biz-stat">
                    <span class="qm-biz-stat-label">{{ t_raw('vendor.payouts.kpi_this_month') }}</span>
                    <span class="qm-biz-stat-val">{{ money((float) $payoutSummary['paidThisMonth']) }}</span>
                </div>
                <a class="qm-biz-cta" href="{{ route('vendor.payouts') }}">{{ t_raw('common.view_all') }} <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
            </div>
        </div>
    </div>
    @endif
    @if (!empty($adSummary))
    <div class="{{ $bizCol }} d-flex">
        <div class="qm-card qm-biz-card">
            @if ((int) $adSummary['live'] === 0)
            <div class="qm-ops-head">
                <div>
                    <h2 class="mb-0">{{ t_raw('admin.campaigns.title') }}</h2>
                </div>
                <a href="{{ route('vendor.campaigns') }}" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('common.view_all') }}</a>
            </div>
            <div class="qm-empty">
                <i class="fas fa-bullhorn" aria-hidden="true"></i>
                <p>{{ t_raw('vendor.campaigns.active_empty') }}</p>
                <a class="qm-btn qm-btn-sm" href="{{ route('vendor.campaigns') }}">{{ t_raw('vendor.campaigns.empty_cta') }}</a>
            </div>
            @else
            @php /* The SAME chart-card head as every chart on the page: title +
                     timeline pills on the first row, the live count as the Apex
                     caption row — View all moves to the card's corner CTA below. */
@endphp
            @partial('chart-card', [
                'heading' => t_raw('admin.campaigns.title'),
                'sub'     => (int) $adSummary['live'] . ' ' . t_raw('common.active'),
                'cfg'     => $adSummary['chart'],
                'meta'    => ['has' => true, 'label' => t_raw('vendor.campaigns.kpi_impressions')],
                'icon'    => 'fa-bullhorn',
                'accent'  => 'rose',
                'opts'    => ['id' => 'adReachChart', 'ranges' => $adSummary['ranges'], 'selected' => '14', 'options' => $trendOptions ?? []],
            ])
            <div class="qm-biz-statrow">
                <div class="qm-biz-stat">
                    <span class="qm-biz-stat-label">{{ t_raw('vendor.campaigns.kpi_impressions') }}</span>
                    <span class="qm-biz-stat-val">{{ number_format((int) $adSummary['impressions']) }}</span>
                </div>
                <div class="qm-biz-stat">
                    <span class="qm-biz-stat-label">{{ t_raw('vendor.campaigns.kpi_clicks') }}</span>
                    <span class="qm-biz-stat-val">{{ number_format((int) $adSummary['clicks']) }}</span>
                </div>
                <div class="qm-biz-stat">
                    <span class="qm-biz-stat-label">{{ t_raw('vendor.campaigns.kpi_ctr') }}</span>
                    <span class="qm-biz-stat-val">{!! $adSummary['ctr'] !== null ? number_format((float) $adSummary['ctr'], 2) . '%' : t('vendor.campaigns.active_no_data') !!}</span>
                </div>
                @php /* View all docked in the card's own corner: red, square except
                         the bottom-right, riding the card's radius. */
@endphp
                <a class="qm-biz-cta" href="{{ route('vendor.campaigns') }}">{{ t_raw('common.view_all') }} <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
            </div>
            @endif
        </div>
    </div>
    @endif
</div>
@endif

@if (!empty($acceptsReservations))
@php /* Today's book beside its shape: the table (8 cols) with the covers-by-hour
         bars (4 cols) — the same hour-bar form as Busiest hours, pointed at the
         NEXT fortnight of live bookings, because a reservation book is a plan. */
@endphp
<div class="row g-3 qm-biz-row">
<div class="col-xl-8 d-flex">
<div class="qm-card qm-biz-card">
    <div class="qm-ops-head">
        <div>
            <h2 class="mb-0">{{ t_raw('vendor.dashboard.todays_reservations_title') }}</h2>
            @if (count($todayReservations) > 0)
            <p class="qm-ops-sub mb-0">{{ t_raw('vendor.dashboard.n_booked_today', [':n' => (int) ($reservationsPager['total'] ?? 0)]) }}</p>
            @endif
        </div>
        <a href="{{ route('vendor.reservations') }}" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('common.view_all') }}</a>
    </div>
    <div class="table-responsive">
    <table class="qm-table">
        <thead><tr><th>{{ t_raw('common.time') }}</th><th>{{ t_raw('vendor.reservations.col_guest') }}</th><th>{{ t_raw('vendor.reservations.party_label') }}</th><th class="text-end">{{ t_raw('common.status') }}</th></tr></thead>
        <tbody>
            @if (count($todayReservations) > 0)
            @foreach ($todayReservations as $rv)
            <tr>
                <td>{!! fmt_clock($rv['reserved_at']) !!}</td>
                <td>
                    <div class="qm-tbl-id">
                        @php /* A walk-in seated without a name has none stored — the display
                                 placeholder belongs here, not in the row. Same fallback the
                                 reservations list uses. */
@endphp
                        @php $rvName = trim((string) ($rv['guest_name'] ?? '')) !== '' ? (string) $rv['guest_name'] : t_raw('vendor.reservations.guest_fallback');
@endphp
                        {!! brandmark_html($rv['avatar'] ?? null, $rvName, 'md', 'qm-brandmark--round') !!}
                        <div class="qm-tbl-id-text"><strong>{{ $rvName }}</strong></div>
                    </div>
                </td>
                <td>{{ (int) $rv['party_size'] }} {{ t_raw('vendor.dashboard.guests_suffix') }}</td>
                <td class="text-end"><span class="qm-pill {{ \App\Models\Reservation::statusPill($rv['status']) }}">{{ \App\Models\Reservation::statusLabel($rv['status']) }}</span></td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 4, 'icon' => 'fa-calendar-day', 'msg' => t_raw('vendor.dashboard.no_reservations_today')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $reservationsPager ?? []])
</div>
</div>
<div class="col-xl-4 d-flex">
    <div class="qm-chart-card w-100">
        @partial('chart-card', [
            'heading' => t_raw('vendor.dashboard.chart_resv_load_title'),
            'sub'     => t_raw('vendor.dashboard.chart_resv_load_sub'),
            'cfg'     => $resvLoadChart ?? [],
            'meta'    => $resvLoadMeta ?? [],
            'icon'    => 'fa-calendar-check',
            'accent'  => 'blue',
            'opts'    => ['id' => 'resvLoadChart', 'ranges' => $resvLoadRanges ?? [], 'selected' => '14', 'options' => $trendOptions],
        ])
    </div>
</div>
</div>
@endif

@php /* Client locations beside Recent orders: the Customers analytics page's map
         (same rows, same avatar pins - see analytics-customers.php, whose builder
         this copies) wearing the delivery map's card anatomy. WHO the restaurant
         feeds on the left; WHAT is happening on the right. */
@endphp
<div class="row g-3 qm-biz-row">
<div class="col-xl-4 d-flex">
<div class="qm-card qm-biz-card">
    @php
    $cliPoints = [];
    foreach (($clientLocations ?? []) as $cl) {
        if ($cl['delivery_lat'] === null || $cl['delivery_lng'] === null) {
            continue;
        }
        $addr = trim((string) ($cl['delivery_address'] ?? ''));
        $cliPoints[] = [
            'lat'      => (float) $cl['delivery_lat'],
            'lng'      => (float) $cl['delivery_lng'],
            'label'    => $cl['name'] . ($addr !== '' ? ' — ' . $addr : ''),
            'iconHtml' => brandmark_html($cl['avatar'] ?? null, (string) $cl['name'], 'sm'),
        ];
    }
    $cliCenter = $cliPoints ? $cliPoints[0] : null;
@endphp
    <div class="qm-ops-head">
        <h2 class="mb-0">{{ t_raw('vendor.analytics.heading_client_locations') }}</h2>
        <p class="qm-ops-sub mb-0">{{ number_format(count($cliPoints)) }} {{ t_raw('common.customers') }}</p>
    </div>
    @if ($cliCenter !== null)
    @php /* Same floating foot as the delivery map - the tally and the View-all
             corner riding the map's lower edge. */
@endphp
    <div class="qm-mapwrap">
        <div class="qm-map qm-map-fill" data-qm-map data-lat="{{ (string) $cliCenter['lat'] }}" data-lng="{{ (string) $cliCenter['lng'] }}" data-zoom="13" data-markers="{{ json_encode($cliPoints, JSON_UNESCAPED_SLASHES) }}" role="application" aria-label="{{ t_raw('vendor.analytics.aria_client_map') }}"></div>
        <div class="qm-mapfoot">
            <div class="qm-biz-stat">
                <span class="qm-biz-stat-label">{{ t_raw('common.customers') }}</span>
                <span class="qm-biz-stat-val">{{ number_format(count($cliPoints)) }}</span>
            </div>
            <div class="qm-biz-stat">
                <span class="qm-biz-stat-label">{{ t_raw('common.last_order') }}</span>
                <span class="qm-biz-stat-val">{!! fmt_day((string) $clientLocations[0]['placed_at']) !!}</span>
            </div>
            <a class="qm-mapfoot-cta" href="{{ route('vendor.analytics.customers') }}">{{ t_raw('common.view_all') }} <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
        </div>
    </div>
    @else
    <div class="qm-empty"><i class="fas fa-map-marked-alt d-block" aria-hidden="true"></i><p>{{ t_raw('vendor.analytics.empty_no_client_locations') }}</p></div>
    @endif
</div>
</div>
<div class="col-xl-8 d-flex">
<div class="qm-card qm-biz-card">
    <div class="qm-ops-head">
        <div>
            <h2 class="mb-0">{{ t_raw('admin.dashboard.recent_orders_title') }}</h2>
        </div>
        <a href="{{ route('vendor.orders') }}" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('common.view_all') }}</a>
    </div>
    <div class="table-responsive">
    <table class="qm-table">
        <thead><tr><th>{{ t_raw('admin.dashboard.col_order') }}</th><th>{{ t_raw('common.customer') }}</th><th>{{ t_raw('common.total') }}</th><th>{{ t_raw('admin.analytics_sales.col_mode') }}</th><th>{{ t_raw('common.status') }}</th><th class="text-end">{{ t_raw('admin.dashboard.col_placed') }}</th></tr></thead>
        <tbody>
            @if (count($recent))
            @foreach ($recent as $o)
            <tr>
                <td>
                    <div class="qm-tbl-id">
                        <img class="qm-tbl-thumb" src="{{ media($o['item_image'] ?? '', 'assets/client/dish/dish-1.png') }}" alt="" width="44" height="44" loading="lazy">
                        <div class="qm-tbl-id-text">
                            @php /* Same link the full orders list and the admin dashboard already use —
                                     this card was the only place an order number was a dead end. */
@endphp
                            <a class="qm-tbl-link" href="{{ url('/vendor/orders/' . (int) $o['id']) }}"><strong>{{ $o['order_number'] }}</strong></a>
                            @if (!empty($o['first_item_name']))<small>{{ $o['first_item_name'] }}@if (($o['item_count'] ?? 0) > 1) {{ t_raw('admin.dashboard.items_more_suffix', [':n' => (int) $o['item_count'] - 1]) }}@endif</small>@endif
                        </div>
                    </div>
                </td>
                <td>
                    <div class="qm-tbl-id">
                        {!! brandmark_html($o['customer_avatar'] ?? null, (string) $o['customer_name'], 'md', 'qm-brandmark--round') !!}
                        <div class="qm-tbl-id-text"><strong>{{ $o['customer_name'] }}</strong></div>
                    </div>
                </td>
                <td>{{ money($o['total']) }}</td>
                <td>{{ status_label('service_mode', $o['service_mode']) }}</td>
                <td><span class="qm-pill {{ Order::statusPill($o['status']) }}">{{ Order::statusLabel($o['status'], $o['service_mode'] ?? 'delivery') }}</span></td>
                <td class="text-end">{!! fmt_datetime($o['placed_at']) !!}</td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 6, 'icon' => 'fa-receipt', 'msg' => t_raw('admin.dashboard.empty_no_orders')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $recentPager ?? []])
</div>
</div>
</div>
@endif
</div>@php /* /.qm-d2 */
@endphp
@endsection