@extends('layouts.dashboard')

@section('content')
@php
use App\Models\Order;
/** @var array $kpis @var array $recent @var array|null $driver */
/** @var array $deliveriesChart @var array $earningsChart @var array $statusChart @var array $chartMeta */
/** @var array $kpiSparks */
$kpiSparks = $kpiSparks ?? [];
@endphp
@if (!$driver)
<div class="qm-card"><div class="qm-empty"><i class="fas fa-id-card d-block" aria-hidden="true"></i><p>{{ t_raw('dashboard.driver_no_profile') }}</p></div></div>
@else

<div class="qm-card">
    <div class="d-flex align-items-center justify-content-between flex-wrap gap-3">
        <div>
            <h2 class="mb-1">{{ t_raw('dashboard.availability_heading') }}</h2>
            @php $online = (int) ($driver['is_available'] ?? 0) === 1;
@endphp
            <p class="mb-0">
                {{ t_raw('dashboard.you_are_currently') }}
                <span class="qm-pill {{ $online ? 'qm-pill-green' : 'qm-pill-grey' }}">{!! $online ? t('dashboard.status_available') : t('dashboard.status_offline') !!}</span>
            </p>
        </div>
        <form method="post" action="{{ route('driver.available') }}">
            @csrf
            <button type="submit" class="qm-btn">{!! $online ? t('dashboard.btn_go_offline') : t('dashboard.btn_go_available') !!}</button>
        </form>
    </div>
</div>

<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">
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'amber', 'icon' => 'fa-bolt', 'label' => t_raw('dashboard.kpi_active_deliveries'), 'value' => number_format((int) $kpis['active']), 'href' => route('driver.deliveries'), 'spark' => $kpiSparks['active'] ?? [], 'meta' => '<span class="qm-kpi-cap">' . t('dashboard.kpi_cap_in_progress') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'blue', 'icon' => 'fa-motorcycle', 'label' => t_raw('dashboard.kpi_delivered_today'), 'value' => number_format((int) $kpis['today']), 'href' => route('driver.deliveries'), 'spark' => $kpiSparks['today'] ?? [], 'meta' => '<span class="qm-kpi-cap">' . t('dashboard.kpi_cap_today') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'teal', 'icon' => 'fa-truck', 'label' => t_raw('dashboard.kpi_total_delivered'), 'value' => number_format((int) $kpis['delivered']), 'href' => route('driver.deliveries'), 'spark' => $kpiSparks['delivered'] ?? [], 'meta' => '<span class="qm-kpi-cap">' . t('dashboard.kpi_cap_all_time') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'green', 'icon' => 'fa-coins', 'label' => t_raw('dashboard.kpi_earnings'), 'value' => money($kpis['earnings']), 'href' => route('driver.deliveries'), 'spark' => $kpiSparks['earnings'] ?? [], 'meta' => '<span class="qm-kpi-cap">' . t('dashboard.kpi_cap_all_time') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'orange', 'icon' => 'fa-money-bill-wave', 'label' => t_raw('dashboard.cash_to_hand_in'), 'value' => money($kpis['cash_today']), 'href' => route('driver.deliveries'), 'meta' => '<span class="qm-kpi-cap">' . t('dashboard.cash_hint') . '</span>'])
</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('dashboard.chart_deliveries_per_day'), 'sub' => t_raw('dashboard.chart_deliveries_caption'), 'cfg' => $deliveriesChart, 'meta' => $chartMeta['deliveries'], 'icon' => 'fa-chart-line', 'accent' => 'blue'])
    </div>
    <div class="qm-chart-card qm-chart-col-4">
        @partial('chart-card', ['heading' => t_raw('dashboard.chart_earnings_trend'), 'sub' => t_raw('dashboard.chart_earnings_caption'), 'cfg' => $earningsChart, 'meta' => $chartMeta['earnings'], 'icon' => 'fa-chart-area', 'accent' => 'green'])
    </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 /* Donut beside the table, exactly as the vendor dashboard pairs Orders by
         status with its neighbours — a small ring alone in a full-width card
         reads as a layout hole, not a breakdown. */
@endphp
<div class="row g-3">
<div class="col-xl-4 d-flex">
    <div class="qm-chart-card w-100">
        @partial('chart-card', ['heading' => t_raw('dashboard.chart_status_mix'), 'sub' => t_raw('dashboard.chart_status_caption'), 'cfg' => $statusChart, 'meta' => $chartMeta['status'], 'icon' => 'fa-chart-pie', 'accent' => 'violet'])
    </div>
</div>
<div class="col-xl-8 d-flex">
<div class="qm-card w-100 mb-0">
    <div class="qm-ops-head">
        <div>
            <h2 class="mb-0">{{ t_raw('dashboard.recent_assignments') }}</h2>
        </div>
        <a href="{{ route('driver.deliveries') }}" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('common.view_all') }}</a>
    </div>
    <div class="table-responsive">
    @php /* Assigned carries no data-sort: it renders a date *and* a time, which the
             sorter's Date.parse() cannot read, so offering the control would sort it wrongly. */
@endphp
    <table class="qm-table" data-sortable>
        <thead><tr><th data-sort="text">{{ t_raw('dashboard.col_order') }}</th><th data-sort="text">{{ t_raw('dashboard.col_restaurant') }}</th><th data-sort="text">{{ t_raw('dashboard.col_customer') }}</th><th data-sort="number">{{ t_raw('dashboard.col_fee') }}</th><th data-sort="text">{{ t_raw('dashboard.col_status') }}</th><th>{{ t_raw('dashboard.col_assigned') }}</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'] ?: ($o['restaurant_cover'] ?? ''), 'assets/client/covers/shop-1.png') }}" alt="" width="44" height="44" loading="lazy">
                        <div class="qm-tbl-id-text">
                            <strong>{{ $o['order_number'] }}</strong>
                            @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">
                        {!! restaurant_brandmark(['logo' => $o['restaurant_logo'] ?? '', 'name' => $o['restaurant_name'] ?? '', 'cuisine_slug' => $o['cuisine_slug'] ?? ''], 'md') !!}
                        <div class="qm-tbl-id-text"><strong>{{ $o['restaurant_name'] }}</strong></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['delivery_fee']) }}</td>
                <td><span class="qm-pill {{ Order::statusPill($o['status']) }}">{{ Order::statusLabel($o['status']) }}</span></td>
                <td class="qm-cell-body">{!! fmt_datetime($o['assigned_at']) !!}</td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 6, 'icon' => 'fa-motorcycle', 'msg' => t_raw('dashboard.no_assignments'), 'cta' => ['href' => route('driver.deliveries'), 'label' => t_raw('dashboard.view_deliveries_cta')]])
            @endif
        </tbody>
    </table>
    </div>
</div>
</div>@php /* /.col-xl-8 */
@endphp
</div>@php /* /.row */
@endphp
@endif
@endsection