<?php $pageTitle='Live Driver Tracking'; ?>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIINfQ3ynhZ0uO9D8QkYp6lQ8a4R+7K4M2w=" crossorigin="">
<div class="page-heading"><div><p class="eyebrow">Dispatch Operations</p><h1>Live Driver Tracking</h1><p>Current driver positions, active loads, tracking status, and last update time.</p></div><button class="btn btn-light" type="button" id="refresh-tracking">Refresh</button></div>
<div class="tracking-layout"><div class="panel tracking-map-panel"><div id="tracking-map" data-endpoint="<?= url('/tracking/data') ?>"></div></div><div class="panel"><div class="panel-header"><div><p class="eyebrow">Drivers</p><h2>Live Status</h2></div><span id="tracking-updated">Loading...</span></div><div id="tracking-list" class="mini-list"></div></div></div>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
