@extends('layouts/main')

@push('scripts')
    <link href="https://cdn.maptiler.com/maplibre-gl-js/v2.4.0/maplibre-gl.css" rel="stylesheet" />
    <script src="https://cdn.maptiler.com/maplibre-gl-js/v2.4.0/maplibre-gl.js"></script>
    <script>
        window.drivingJobId = {{ $driver->id }};
    </script>
    @vite(['resources/js/map.js'])
@endpush

@section('body')
    @include('layouts.navbar')

    <div class="container mx-auto px-5">
        <div id="map"></div>
    </div>
@endsection