@section('title', 'Driver Location Tracking')

<div>
    <x-baseview title="{{ __('Driver Location Tracking') }}" :showLoading="false">
        <p class="text-sm text-gray-600">v 1.4.00</p>
        <x-tab.tabview class="shadow pb-10">

            <x-slot name="header">
                <x-tab.header tab="1" title="{{ __('Driver Live Map') }}" />
                <x-tab.header tab="2" title="{{ __('Status Report') }}" />
                <x-tab.header tab="3" title="{{ __('Actions') }}" />
                <x-tab.header tab="4" title="{{ __('Settings') }}" />
            </x-slot>

            <x-slot name="body">
                <x-tab.body tab="1">
                    @include('livewire.extensions.driver_live_tracking.driver_map')
                </x-tab.body>
                <x-tab.body tab="2">
                    @include('livewire.extensions.driver_live_tracking.driver_status_report')
                </x-tab.body>
                <x-tab.body tab="3">
                    @include('livewire.extensions.driver_live_tracking.driver_actions')
                </x-tab.body>
                <x-tab.body tab="4">
                    @include('livewire.extensions.driver_live_tracking.settings')
                </x-tab.body>
            </x-slot>

        </x-tab.tabview>
    </x-baseview>
</div>