@extends('layouts.admin')
@section('title', 'Live dispatch')
@section('heading', 'Live dispatch command center')
@section('content')
<section class="panel" data-tracking-feed="{{ route('admin.tracking.feed') }}">
    <div class="panel-head"><div><p class="eyebrow">PRIVACY-AWARE LIVE OPERATIONS</p><h2>Active delivery and taxi assignments</h2></div><span class="status-badge" data-tracking-status>Connecting…</span></div>
    <p class="muted">The map polls retained active-assignment snapshots every ten seconds. Raw locations expire automatically. Straight-line ETA estimates are clearly identified and are not traffic-aware routing.</p>
    <div class="tracking-toolbar"><label>Service <select data-tracking-type><option value="">All</option><option value="delivery">Delivery / parcel</option><option value="ride">Taxi</option></select></label><label>Freshness <select data-tracking-freshness><option value="300">5 minutes</option><option value="120" selected>2 minutes</option><option value="60">1 minute</option></select></label><button class="btn" type="button" data-tracking-fit>Fit active markers</button></div>
    <div class="tracking-map" data-tracking-map data-tile-url="{{ config('services.maps.tile_url', 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png') }}" data-attribution="&copy; OpenStreetMap contributors" aria-label="Live assignment map"></div>
    <div class="tracking-summary"><strong data-tracking-count>0 active</strong><span data-tracking-generated>Waiting for feed</span></div>
    <div class="table-wrap"><table><thead><tr><th>Assignment</th><th>Driver</th><th>Status</th><th>Coordinates</th><th>Distance / ETA</th><th>Updated</th></tr></thead><tbody data-tracking-rows><tr><td colspan="6">Loading active locations…</td></tr></tbody></table></div>
</section>

<section class="panel section"><div class="panel-head"><div><p class="eyebrow">GUARDED BULK ACTION</p><h2>Waiting for driver</h2></div><span class="status-badge">Maximum 50 per request</span></div>
    <p class="muted">Reoffer selected deliveries, parcels, and rides through their normal nearest-driver eligibility and locking services. Each item succeeds or fails independently and the complete outcome is audited.</p>
    <form method="post" action="{{ route('admin.tracking.bulk-reoffer') }}">@csrf
        <input type="hidden" name="idempotency_key" value="{{ Str::uuid() }}">
        <div class="bulk-controls"><label>Offer window <input type="number" name="offer_seconds" min="15" max="600" value="60" required> seconds</label><button class="btn" type="submit">Assign selected</button></div>
        <div class="table-wrap"><table><thead><tr><th><input type="checkbox" data-select-all aria-label="Select all waiting assignments"></th><th>Domain</th><th>Reference</th><th>Status</th><th>Pickup</th></tr></thead><tbody>
        @forelse($waitingDeliveries as $job)<tr><td><input type="checkbox" name="items[]" value="delivery:{{ $job->id }}"></td><td>{{ $job->parcel_order_id ? 'Parcel' : 'Delivery' }}</td><td><a href="{{ route('admin.mobility.jobs.show',$job->public_id) }}">{{ $job->parcelOrder?->number ?? $job->order?->number ?? Str::limit($job->public_id,12) }}</a></td><td>{{ ucfirst($job->status) }}</td><td>{{ number_format((float)$job->pickup_latitude,4) }}, {{ number_format((float)$job->pickup_longitude,4) }}</td></tr>@empty @endforelse
        @forelse($waitingRides as $ride)<tr><td><input type="checkbox" name="items[]" value="ride:{{ $ride->id }}"></td><td>Taxi</td><td><a href="{{ route('admin.mobility.rides.show',$ride->public_id) }}">{{ $ride->number }}</a></td><td>{{ str_replace('_',' ',ucfirst($ride->status)) }}</td><td>{{ Str::limit($ride->pickup_address,55) }}</td></tr>@empty @endforelse
        @if($waitingDeliveries->isEmpty() && $waitingRides->isEmpty())<tr><td colspan="5" class="empty">No assignments are waiting for a driver.</td></tr>@endif
        </tbody></table></div>
    </form>
    @if(session('bulk_outcomes'))<div class="bulk-results"><h3>Latest outcome</h3>@foreach(session('bulk_outcomes') as $outcome)<div class="entry"><span class="badge {{ $outcome['status'] }}">{{ $outcome['status'] }}</span> {{ $outcome['item'] }} @if(isset($outcome['reason']))<span class="muted">· {{ $outcome['reason'] }}</span>@endif</div>@endforeach</div>@endif
</section>
<style>.tracking-map{height:480px;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:16px 0}.tracking-toolbar,.bulk-controls,.tracking-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tracking-toolbar label,.bulk-controls label{display:flex;align-items:center;gap:8px}.tracking-toolbar select,.bulk-controls input{padding:9px;border:1px solid var(--line);border-radius:9px}.tracking-summary{justify-content:space-between;margin-bottom:12px}.bulk-controls{justify-content:flex-end;margin:13px 0}.bulk-results{margin-top:14px}.entry{padding:8px 0;border-bottom:1px solid var(--line)}.marker-chip{background:#101d35;color:#fff;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 2px 8px #0004}.marker-chip.ride{background:#ff6746}</style>
@endsection