@use('Modules\CabBooking\Enums\ServicesEnum')
@use('Modules\CabBooking\Enums\ServiceCategoryEnum')
@use('Modules\CabBooking\Enums\RoleEnum')
@php
$cabRides = getTotalRidesByServices(ServicesEnum::CAB, request('start_date'), request('end_date'));
$parcelRides = getTotalRidesByServices(ServicesEnum::PARCEL);
$freightRides = getTotalRidesByServices(ServicesEnum::FREIGHT);
$ambulanceRides = getTotalRidesByServices(ServicesEnum::AMBULANCE);
$totalRides = getTotalRides();

$dateRange = getStartAndEndDate(request('sort'), request('start'), request('end'));

$start_date = $dateRange['start'] ?? null;
$end_date = $dateRange['end'] ?? null;

$intercityRides = getTotalRidesByServiceCategory(ServiceCategoryEnum::INTERCITY, $start_date, $end_date);
$rideRides = getTotalRidesByServiceCategory(ServiceCategoryEnum::RIDE, $start_date, $end_date);
$rentalRides = getTotalRidesByServiceCategory(ServiceCategoryEnum::RENTAL, $start_date, $end_date);
$scheduledRides = getTotalRidesByServiceCategory(ServiceCategoryEnum::SCHEDULE, $start_date, $end_date);
$packageRides = getTotalRidesByServiceCategory(ServiceCategoryEnum::PACKAGE, $start_date, $end_date);
$totalRides = getTotalRides($start_date, $end_date);
$roleName = getCurrentRoleName();

$services = [
ServicesEnum::CAB => ['name' => 'Cab', 'categories' => [ServiceCategoryEnum::RIDE, ServiceCategoryEnum::INTERCITY,
ServiceCategoryEnum::PACKAGE, ServiceCategoryEnum::SCHEDULE, ServiceCategoryEnum::RENTAL]],
ServicesEnum::FREIGHT => ['name' => 'Freight', 'categories' => [ServiceCategoryEnum::RIDE,
ServiceCategoryEnum::INTERCITY, ServiceCategoryEnum::SCHEDULE]],
ServicesEnum::PARCEL => ['name' => 'Parcel', 'categories' => [ServiceCategoryEnum::RIDE, ServiceCategoryEnum::INTERCITY,
ServiceCategoryEnum::SCHEDULE]],
ServicesEnum::AMBULANCE => ['name' => 'Ambulance', 'categories' => []],
];
@endphp

{{-- Service --}}
@can('ride.index')
<div class="col-xxl-5 col-md-6">
    <div class="card service-chart">
        <div class="card-header p-0">
            <h3>
                {{ __('cabbooking::static.vehicle_types.services') }}
            </h3>
        </div>
        <div class="card-body p-0">
            <div id="service-chart"></div>
        </div>
    </div>
</div>

{{-- Top Drivers --}}
@if($roleName != RoleEnum::DRIVER)
@can('driver.index')
<div class="col-xxl-4 col-xl-6">
    <div class="card top-drivers-card p-0">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3 class="mb-0">{{ __('cabbooking::static.widget.top_drivers') }}</h3>
            <a href="{{ route('admin.driver.index') }}" class="view-all">View All</a>
        </div>
        <div class="table-responsive custom-scrollbar">
            <table class="table top-drivers-table">
                <thead>
                    <tr>
                        <th>{{ __('cabbooking::static.driver_name') }}</th>
                        <th>{{ __('cabbooking::static.reports.ratings') }}</th>
                        <th>{{ __('cabbooking::static.drivers.total_rides') }}</th>
                        <th>{{ __('cabbooking::static.reports.earnings') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse (getTopDrivers($start_date,$end_date) as $driver)
                    @if($driver)
                    <tr>
                        <td>
                            <div class="driver-info">
                                @if ($driver?->profile_image?->original_url)
                                <img src="{{ $driver?->profile_image?->original_url }}" alt="">
                                @else
                                <div class="initial-letter">
                                    <span>{{ strtoupper($driver->name[0]) }}</span>
                                </div>
                                @endif
                                <div>
                                    <h6><a href="{{ route('admin.driver.show', ['driver' => $driver?->id]) }}">
                                            {{ $driver?->name }}
                                        </a></h6>
                                    <small> @if(isDemoModeEnabled())
                                        {{ __('cabbooking::static.demo_mode') }}
                                        @else
                                        {{ $driver?->email }}
                                        @endif
                                    </small>
                                </div>
                            </div>
                        </td>

                        <td>
                            <span class="rating">
                                <svg>
                                    <use xlink:href="{{ asset('images/dashboard/details/icon-sprite.svg#star') }}">
                                    </use>
                                </svg>
                                ({{ number_format($driver->rating_count, 1) }})
                            </span>
                        </td>
                        <td>{{ getTotalDriverRides($driver?->id) }}</td>
                        <td>{{ formatCurrency(getDriverWallet($driver->id)) ?? 0 }}</td>
                    </tr>
                    @endif
                    @empty
                    <div class="table-no-data">
                        <img src="{{ asset('images/dashboard/data-not-found.svg') }}" class="img-fluid"
                            alt="data not found">
                        <h6 class="text-center">
                            {{ __('cabbooking::static.widget.no_data_available') }}
                        </h6>
                    </div>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endcan
@endif

{{-- Service Categories --}}
<div class="col-xxl-3 col-md-6">
    <div class="card target-chart">
        <div class="card-header p-0">
            <h3>
                {{ __(__('cabbooking::static.widget.service_categories')) }}
            </h3>
            <select id="serviceSelector" class="form-select form-select-sm w-auto">
                @foreach ($services as $key => $service)
                <option value="{{ $key }}">{{ $service['name'] }}</option>
                @endforeach
            </select>
        </div>
        <div class="card-body p-0">
            <div id="no-data" class="text-center d-none">
                <p> {{ __('cabbooking::static.widget.no_data_available') }}</p>
            </div>
            <div id="service-category-chart">
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script src="{{ asset('js/apex-chart.js') }}"></script>
<script>
    var isDark = document.body.classList.contains("dark");

        var cab =