@extends('admin.layouts.app')
@section('content')
<div class="container-scroller">
    {{-- navbar - top --}}
    @include('admin.layouts.topbar')
    <div class="container-fluid page-body-wrapper">
        {{-- navbar - side --}}
        @include('admin.layouts.nav')
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="row">
            <div class="col-md-12">
              <div class="row mb-2">
                <div class="col-12 col-xl-8 mb-2 mb-xl-0">
                    <h3 class="font-weight-bold mb-2">{{ __('Track Drivers') }}</h3>
                    <h4 class="font-weight-bold">{{ __('Total : ') }}<span id="totalDrivers"></span></h3>
                </div>
              </div>
              <div class="row mb-2">
                <div class="col-12 col-xl-12 mb-2 mb-xl-0">
                  <div class="form-group">
                    <form action="{{ route('trackDrivers.index') }}" method="GET">
                      <div class="input-group">
                        <input type="text" class="form-control" name="lat" id="latitude" placeholder="Enter Longitude" aria-label="Enter Latitude" value="{{ $lat }}">
                        <input type="text" class="form-control" name="lng" id="longitude" placeholder="Enter Longitude" aria-label="Enter Longitude" value="{{ $lng }}">
                        <div class="input-group-append">
                          <button class="btn btn-primary" type="submit">
                              <i class="fa-solid fa-search"></i>
                          </button>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="row mt-2 map-canvas p-2">
              <div id="map"></div>
          </div>
        </div>
@endsection
@extends('admin.layouts.footer')