@php($user = $driver->user)
<x-admin.layout :title="$user->name ?? __('Driver')">
    <x-admin.page-header :title="$user->name ?? __('Unnamed driver')" :subtitle="__('Driver #:id · joined :date', ['id' => $driver->id, 'date' => $driver->created_at->toFormattedDateString()])" :back="route('admin.drivers.index')">
        @can('drivers.edit')
            <x-admin.button variant="secondary" icon="pencil-square" :href="route('admin.drivers.edit', $driver)">{{ __('Edit') }}</x-admin.button>
        @endcan
        @can('drivers.suspend')
            <x-admin.button variant="secondary" icon="no-symbol" @click="$dispatch('open-modal', 'driver-status')">{{ __('Account status') }}</x-admin.button>
        @endcan
        @can('drivers.delete')
            <form method="POST" action="{{ route('admin.drivers.destroy', $driver) }}" data-confirm="{{ __('Delete this driver account? Personal data is erased; trip history is kept.') }}">
                @csrf @method('DELETE')
                <x-admin.button type="submit" variant="danger" icon="trash">{{ __('Delete') }}</x-admin.button>
            </form>
        @endcan
    </x-admin.page-header>

    {{-- Approval panel --}}
    @unless ($driver->isApproved())
        <div @class(['mb-6 rounded-xl border p-5',
                     'border-amber-200 bg-amber-50 dark:border-amber-500/20 dark:bg-amber-500/5' => $blockers,
                     'border-emerald-200 bg-emerald-50 dark:border-emerald-500/20 dark:bg-emerald-500/5' => ! $blockers])>
            <div class="flex flex-wrap items-start justify-between gap-4">
                <div>
                    <p class="flex items-center gap-2 font-semibold">
                        {{ __('Application status:') }} <x-admin.status :value="$driver->approval_status" />
                    </p>
                    @if ($driver->rejection_reason)
                        <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">{{ __('Last rejection:') }} “{{ $driver->rejection_reason }}”</p>
                    @endif
                    @if ($blockers)
                        <p class="mt-3 text-sm font-medium">{{ __('Before approving:') }}</p>
                        <ul class="mt-1 list-disc space-y-0.5 ps-5 text-sm text-gray-700 dark:text-gray-300">
                            @foreach ($blockers as $blocker)<li>{{ $blocker }}</li>@endforeach
                        </ul>
                    @else
                        <p class="mt-2 text-sm text-emerald-700 dark:text-emerald-300">{{ __('All documents and the vehicle are verified. The driver is ready to be approved.') }}</p>
                    @endif
                </div>
                @can('drivers.approve')
                    <div class="flex gap-2">
                        <form method="POST" action="{{ route('admin.drivers.approve', $driver) }}">
                            @csrf
                            <x-admin.button type="submit" variant="success" icon="check-badge" :disabled="(bool) $blockers">{{ __('Approve driver') }}</x-admin.button>
                        </form>
                        @if ($driver->approval_status->value !== 'rejected')
                            <x-admin.button variant="danger" icon="x-mark" @click="$dispatch('open-modal', 'reject-driver')">{{ __('Reject') }}</x-admin.button>
                        @endif
                    </div>
                @endcan
            </div>
        </div>
    @endunless

    <div class="grid gap-6 grid-cols-1 lg:grid-cols-3">
        {{-- Left: profile --}}
        <div class="space-y-6">
            <x-admin.card>
                <div class="flex items-center gap-4">
                    <x-admin.avatar :user="$user" size="size-16" />
                    <div class="min-w-0">
                        <p class="truncate text-lg font-semibold">{{ $user->name ?? '—' }}</p>
                        <div class="mt-1 flex flex-wrap gap-1.5">
                            <x-admin.status :value="$user->status" />
                            <x-admin.status :value="$driver->is_on_trip ? 'on_trip' : ($driver->is_online ? 'online' : 'offline')" />
                        </div>
                    </div>
                </div>
                <x-admin.detail-list class="mt-5" :items="[
                        __('Phone') => $user->full_phone,
                        __('Email') => $user->email,
                        __('City') => $driver->city?->name,
                        __('Address') => $user->address,
                        __('Date of birth') => $user->date_of_birth ? $user->date_of_birth->toFormattedDateString().' ('.$user->date_of_birth->age.')' : null,
                        __('Rating') => number_format($user->rating, 2).' ('.$user->total_ratings.')',
                        __('Acceptance rate') => $driver->acceptance_rate.'%',
                        __('Cancelled after accepting') => trans_choice(':count trip|:count trips', $driver->cancelled_trips),
                        __('Approved') => $driver->approved_at ? $driver->approved_at->toFormattedDateString().' · '.$driver->approvedBy?->name : null,
                        __('Last location') => $driver->location_updated_at?->diffForHumans(),
                        ...($driver->activeDestination ? [__('Heading to') => $driver->activeDestination->address] : []),
                        __('Last login') => $user->last_login_at?->diffForHumans(),
                        __('App') => $user->device_type ? ucfirst($user->device_type).' · v'.$user->app_version : null,
                        __('Device security') => $user->deviceSecuritySummary(),
                    ]" />
            </x-admin.card>

            @include('admin.partials.activity-list')
        </div>

        {{-- Right: KYC, vehicles, trips --}}
        <div class="space-y-6 lg:col-span-2">
            <div class="grid gap-4 sm:grid-cols-3">
                <x-admin.stat :label="__('Trips')" :value="number_format((int) $summary->completed)" icon="map-pin" :hint="__('All time')" />
                <x-admin.stat :label="__('Earnings')" :value="money($summary->earned)" icon="banknotes" tone="violet" :hint="__('All time')" />
                <x-admin.stat :label="__('Wallet')" :value="money($user->wallet_balance)" icon="wallet" tone="amber" />
            </div>

            @include('admin.drivers.partials.performance')

            <x-admin.card :title="__('Personal documents')">
                <div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-3">
                    @foreach ($personalDocs as $type => $doc)
                        <x-admin.document-card :document="$doc" :label="__(\App\Enums\DocumentType::from($type)->label())" />
                    @endforeach
                    @foreach ($extraDocs as $doc)
                        <x-admin.document-card :document="$doc" />
                    @endforeach
                </div>
            </x-admin.card>

            @forelse ($driver->vehicles as $vehicle)
                <x-admin.card>
                    <x-slot:actions>
                        <x-admin.status :value="$vehicle->status" />
                        @can('vehicles.approve')
                            @unless ($vehicle->isApproved())
                                <form method="POST" action="{{ route('admin.vehicles.approve', $vehicle) }}">
                                    @csrf
                                    <x-admin.button type="submit" size="sm" variant="success" icon="check">{{ __('Approve vehicle') }}</x-admin.button>
                                </form>
                            @endunless
                            @if ($vehicle->status->value !== 'rejected')
                                <x-admin.button size="sm" variant="secondary" icon="x-mark" @click="$dispatch('open-modal', 'reject-vehicle-{{ $vehicle->id }}')">{{ __('Reject') }}</x-admin.button>
                            @endif
                        @endcan
                    </x-slot:actions>
                    <x-slot:title>
                        <span class="flex flex-wrap items-center gap-2">
                            <x-heroicon-o-truck class="size-5 shrink-0 text-gray-400" />
                            {{ $vehicle->display_name }} · {{ $vehicle->plate_number }}
                            @if ($vehicle->is_default)<span class="rounded bg-brand-50 px-1.5 py-0.5 text-xs font-medium text-brand-700 dark:bg-brand-500/10 dark:text-brand-300">{{ __('Active') }}</span>@else<span class="rounded bg-gray-100 px-1.5 py-0.5 text-xs font-medium text-gray-600 dark:bg-white/10 dark:text-gray-300">{{ __('Inactive') }}</span>@endif
                        </span>
                    </x-slot:title>

                    <dl class="mb-4 flex flex-wrap gap-x-6 gap-y-1 text-sm">
                        <div><dt class="inline text-gray-500">{{ __('Type') }}:</dt> <dd class="inline font-medium">{{ $vehicle->vehicleType?->name }}</dd></div>
                        <div><dt class="inline text-gray-500">{{ __('Year') }}:</dt> <dd class="inline font-medium">{{ $vehicle->year ?? '—' }}</dd></div>
                        <div><dt class="inline text-gray-500">{{ __('Seats') }}:</dt> <dd class="inline font-medium">{{ $vehicle->seats ?? $vehicle->vehicleType?->capacity }}</dd></div>
                        @if ($vehicle->rejection_reason)<div class="text-red-600">“{{ $vehicle->rejection_reason }}”</div>@endif
                    </dl>

                    @php($docs = $vehicleDocs->get($vehicle->id, collect()))
                    <div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-3">
                        @foreach (\App\Enums\DocumentType::requiredForVehicle() as $type)
                            <x-admin.document-card :document="$docs->first(fn ($d) => $d->document_type === $type)" :label="__($type->label())" />
                        @endforeach
                    </div>
                </x-admin.card>
                @can('vehicles.approve')
                    <x-admin.reject-modal :name="'reject-vehicle-'.$vehicle->id" :title="__('Reject vehicle :plate', ['plate' => $vehicle->plate_number])" :action="route('admin.vehicles.reject', $vehicle)" />
                @endcan
            @empty
                <x-admin.card :title="__('Vehicles')"><x-admin.empty :message="__('The driver has not added a vehicle yet.')" icon="truck" /></x-admin.card>
            @endforelse

            @include('admin.partials.wallet-card', ['walletUser' => $driver->user])

            <x-admin.card :title="__('Recent trips')" :padding="false">
                @if ($rides->isEmpty())
                    <x-admin.empty :message="__('No trips yet.')" icon="map-pin" />
                @else
                    <div class="overflow-x-auto">
                        <table class="table-base">
                            <thead><tr><th>{{ __('Booking') }}</th><th>{{ __('Rider') }}</th><th>{{ __('Fare') }}</th><th>{{ __('Earning') }}</th><th>{{ __('Status') }}</th></tr></thead>
                            <tbody class="divide-y divide-gray-100 dark:divide-gray-800">
                                @foreach ($rides as $ride)
                                    <tr>
                                        <td><span class="font-medium">{{ $ride->booking_number }}</span><span class="block text-xs text-gray-400">{{ $ride->created_at->toDayDateTimeString() }}</span></td>
                                        <td>{{ $ride->rider?->name ?? '—' }}</td>
                                        <td class="tabular-nums">{{ money($ride->total_fare ?? $ride->estimated_fare) }}</td>
                                        <td class="tabular-nums">{{ money($ride->driver_earning) }}</td>
                                        <td><x-admin.status :value="$ride->status" /></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </x-admin.card>
        </div>
    </div>

    @can('drivers.approve')
        <x-admin.reject-modal name="reject-driver" :title="__('Reject driver application')" :action="route('admin.drivers.reject', $driver)"
                              :hint="__('The driver can fix the issues and submit again.')" />
    @endcan
    @can('drivers.suspend')
        @include('admin.partials.status-modal', ['name' => 'driver-status', 'action' => route('admin.drivers.status', $driver), 'current' => $user->status])
    @endcan
</x-admin.layout>