@extends('layouts.dashboard')

@section('content')
@php
use App\Models\Order;
/** @var array $active @var array $completed @var array|null $driver */

/**
 * Render one deliveries table; $editable adds the status-change controls.
 * $caption gives each (visually identical) table a distinct accessible name
 * so screen-reader users can tell Active and Completed apart at the table level.
 */
$renderTable = function (iterable $rows, bool $editable, string $caption) use ($__env): void {
@endphp
    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <caption class="visually-hidden">{{ $caption }}</caption>
        <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="text">{{ t_raw('dashboard.col_dropoff') }}</th>
                <th data-sort="number">{{ t_raw('dashboard.col_fee') }}</th><th data-sort="text">{{ t_raw('dashboard.col_status') }}</th>@if ($editable)<th class="text-end">{{ t_raw('common.actions') }}</th>@endif
            </tr>
        </thead>
        <tbody>
            @foreach ($rows 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>
                            @php $rAddr = trim((string) ($o['restaurant_address'] ?? '') . (!empty($o['restaurant_city']) ? ', ' . $o['restaurant_city'] : ''));
@endphp
                            @if ($rAddr !== '')<small>{{ $rAddr }}</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>
                            @if (!empty($o['customer_phone']))<small>{{ $o['customer_phone'] }}</small>@endif
                        </div>
                    </div>
                </td>
                <td class="qm-cell-body qm-cell-addr">{!! e($o['delivery_address'] ?? '') ?: '<span class="text-muted">' . t('common.pickup') . '</span>' !!}</td>
                <td>{{ money($o['delivery_fee']) }}</td>
                <td><span class="qm-pill {{ Order::statusPill($o['status']) }}">{{ Order::statusLabel($o['status']) }}</span></td>
                @if ($editable)
                <td class="qm-actions-cell">
                    @php
                    /**
                     * Turn-by-turn hand-off, first in the row because it is the first thing a rider
                     * does with a job. The pin is the order's OWN destination coordinate, so there
                     * is no geocoding, no lookup and no API key; both are plain https deep links,
                     * which open the installed app on a phone and the web map on a desktop.
                     *
                     * No coordinate, no buttons. A control that looks live and navigates nowhere
                     * costs a rider more than an absent one, and the written address is already in
                     * the Drop-off column for exactly that case. is_numeric() covers all three ways
                     * the pin can be missing at once: a NULL column, an empty string, and a pickup
                     * order that never had a destination.
                     */
                    $navLat = $o['delivery_lat'] ?? null;
                    $navLng = $o['delivery_lng'] ?? null;
@endphp
                    @if (is_numeric($navLat) && is_numeric($navLng))
@php // Formatted, not string-cast: a fixed decimal string is the same pin in
                        // every locale and every PHP precision setting.
                        $navPin = number_format((float) $navLat, 7, '.', '') . ',' . number_format((float) $navLng, 7, '.', ''); @endphp
                        <a class="qm-icon-btn" href="{{ 'https://waze.com/ul?ll=' . $navPin . '&navigate=yes' }}" target="_blank" rel="noopener" aria-label="{{ t_raw('dashboard.nav_waze') }}" title="{{ t_raw('dashboard.nav_waze') }}"><i class="fab fa-waze" aria-hidden="true"></i></a>
                        <a class="qm-icon-btn" href="{{ 'https://www.google.com/maps/dir/?api=1&destination=' . $navPin }}" target="_blank" rel="noopener" aria-label="{{ t_raw('dashboard.nav_google_maps') }}" title="{{ t_raw('dashboard.nav_google_maps') }}"><i class="fab fa-google" aria-hidden="true"></i></a>
                    @endif
                    @php $next = Order::transitions()[$o['status']] ?? [];
@endphp
                    @if (in_array('out_for_delivery', $next, true))
                        <form method="post" action="{{ route('driver.deliveries.accept') }}" class="d-inline">
                            @csrf
                            <input type="hidden" name="order_id" value="{{ (int) $o['id'] }}">
                            <button type="submit" class="qm-btn qm-btn-xs">{{ t_raw('dashboard.btn_pick_up') }}</button>
                        </form>
                    @elseif ($next)
                        <form method="post" action="{{ route('driver.deliveries.status') }}" class="qm-status-form">
                            @csrf
                            <input type="hidden" name="order_id" value="{{ (int) $o['id'] }}">
                            <label class="visually-hidden" for="st-{{ (int) $o['id'] }}">{{ t_raw('dashboard.status_for_order', [':order' => $o['order_number']]) }}</label>
                            <select id="st-{{ (int) $o['id'] }}" name="status" class="form-select form-select-sm">
                                @foreach ($next as $s)
                                <option value="{{ $s }}">{{ Order::statusLabel($s) }}</option>
                                @endforeach
                            </select>
                            <button type="submit" class="qm-btn qm-btn-xs">{{ t_raw('common.save') }}</button>
                        </form>
                    @else
                        {!! dash() !!}
                    @endif
                </td>
                @endif
            </tr>
            @endforeach
        </tbody>
    </table>
    </div>
    @php
};
@endphp

<div class="qm-card">
    <h2>{{ t_raw('dashboard.active_deliveries_heading') }}</h2>
    @if (count($active))
        @php $renderTable($active, true, t_raw('dashboard.caption_active_deliveries'));
@endphp
    @else
        <div class="qm-empty">
            <i class="fas fa-motorcycle d-block" aria-hidden="true"></i>
            <h3>{{ t_raw('dashboard.no_active_deliveries') }}</h3>
            <p>{{ t_raw('dashboard.no_active_deliveries_text') }}</p>
        </div>
    @endif
</div>

<div class="qm-card">
    <h2>{{ t_raw('dashboard.completed_heading') }}</h2>
    @if (count($completed))
        @php $renderTable($completed, false, t_raw('dashboard.caption_completed_deliveries'));
@endphp
        @partial('table-toolbar', ['pager' => $pager, 'base' => '/driver/deliveries'])
    @else
        <div class="qm-empty">
            <i class="fas fa-clipboard-check d-block" aria-hidden="true"></i>
            <h3>{{ t_raw('dashboard.nothing_completed') }}</h3>
            <p>{{ t_raw('dashboard.nothing_completed_text') }}</p>
        </div>
    @endif
</div>

@php
// Optional geolocation pinger: only wires up when maps are enabled in settings.
// It posts lat/lng to /driver/ping for any order currently out for delivery.
$mapsEnabled = setting('maps_enabled', '1') === '1';
$liveOrderId = 0;
foreach ($active as $o) {
    if ($o['status'] === 'out_for_delivery') {
        $liveOrderId = (int) $o['id'];
        break;
    }
}
@endphp
@if ($mapsEnabled && $liveOrderId > 0)
<script>
(function () {
    // Guard: bail silently if geolocation is unavailable; never throw.
    if (!('geolocation' in navigator)) { return; }

    var base = (window.QM && window.QM.base) ? window.QM.base : '';
    var token = (document.querySelector('meta[name="csrf-token"]') || {}).content || '';
    var orderId = {!! $liveOrderId !!};
    var lastSent = 0;
    var watchId = null;
    var stopped = false;
    var MSG_SESSION_EXPIRED = {!! json_encode(t_raw('dashboard.driver_tracking_session_expired')) !!};

    // Once the server tells us to stop (session expired or tracking disabled),
    // tear down the geolocation watcher so we don't keep firing failing requests.
    function stop() {
        if (stopped) { return; }
        stopped = true;
        if (watchId !== null && navigator.geolocation.clearWatch) {
            try { navigator.geolocation.clearWatch(watchId); } catch (e) { /* noop */ }
        }
    }

    function notify(msg) {
        if (typeof window.qmToast === 'function') {
            window.qmToast('error', msg);
        }
    }

    function send(pos) {
        var now = Date.now();
        if (stopped || now - lastSent < 20000) { return; } // throttle to ~20s
        lastSent = now;
        try {
            var body = new URLSearchParams();
            body.set('_csrf', token);
            body.set('order_id', String(orderId));
            body.set('lat', String(pos.coords.latitude));
            body.set('lng', String(pos.coords.longitude));
            // X-Requested-With makes the pre-controller CSRF guard answer with
            // 419 + JSON (not an HTML redirect) so a mid-shift token expiry is
            // recoverable here instead of failing silently.
            fetch(base + '/driver/ping', {
                method: 'POST',
                headers: { 'X-CSRF-TOKEN': token, 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' },
                body: body,
                keepalive: true
            }).then(function (r) {
                // 419: session/token expired - surface once and stop.
                if (r.status === 419) {
                    notify(MSG_SESSION_EXPIRED);
                    stop();
                    return null;
                }
                // 403: live tracking was turned off server-side - stop quietly.
                if (r.status === 403) { stop(); return null; }
                return r.json().catch(function () { return null; });
            }).then(function (res) {
                if (res && res.ok === false && res.error) {
                    notify(res.error);
                }
            }).catch(function () { /* ignore transient network errors */ });
        } catch (e) { /* never throw */ }
    }

    try {
        watchId = navigator.geolocation.watchPosition(send, function () { /* ignore denials */ }, {
            enableHighAccuracy: true,
            maximumAge: 15000,
            timeout: 20000
        });
    } catch (e) { /* never throw */ }
})();
</script>
@endif
@endsection