@php
    $isEdit = $vehicle->exists;
    $canManageFeatured = auth()->user()?->can('manage_vehicles_featured') ?? false;
    $stolenAtValue = old('stolen_at');
    if ($stolenAtValue === null && $vehicle->stolen_at !== null) {
        $stolenAtValue = $vehicle->stolen_at->format('Y-m-d\TH:i');
    }
    $featuredDurationDaysValue = old('featured_duration_days');
    if ($featuredDurationDaysValue === null && $vehicle->featured_expires_at !== null) {
        $remainingSeconds = now()->diffInSeconds($vehicle->featured_expires_at, false);
        if ($remainingSeconds > 0) {
            $featuredDurationDaysValue = max(1, (int) ceil($remainingSeconds / 86400));
        }
    }
@endphp

@if (! $isEdit)
    <div class="mb-4 rounded-xl border border-blue-300/70 bg-blue-50/90 dark:bg-blue-900/20 p-3 text-sm text-blue-800 dark:text-blue-200">
        {{ __('messages.new_records_need_review_notice') }}
    </div>

    @php
        $walletCurrency = $carPrice->currency ?? strtoupper((string) env('WALLET_DEFAULT_CURRENCY', 'USD'));
        $walletAvailable = (float) ($wallet->available_balance ?? 0);
        $walletReserved = (float) ($wallet->reserved_balance ?? 0);
        $carCurrentPrice = (float) ($carPrice->amount ?? 0);
        $bikeCurrentPrice = (float) ($bikePrice->amount ?? 0);
        $selectedVehicleType = old('vehicle_type', $vehicle->vehicle_type ?? \App\Models\StolenVehicle::TYPE_CAR);
        $selectedVehiclePrice = $selectedVehicleType === \App\Models\StolenVehicle::TYPE_MOTORCYCLE ? $bikeCurrentPrice : $carCurrentPrice;
        $submissionModeValue = old('submission_mode', $defaultSubmissionMode ?? 'review');
    @endphp

    <div class="mb-4 rounded-xl border border-[var(--theme-border)] bg-[var(--theme-bg)]/70 p-4 space-y-2">
        <div class="grid grid-cols-1 sm:grid-cols-4 gap-3 text-sm">
            <div>
                <p class="theme-inline-muted">{{ __('messages.current_record_price') }}</p>
                <p class="font-semibold mt-1" id="vehicle_current_price">{{ number_format($selectedVehiclePrice, 2) }} {{ $walletCurrency }}</p>
            </div>
            <div>
                <p class="theme-inline-muted">{{ __('messages.price_car_record') }}</p>
                <p class="font-semibold mt-1">{{ number_format($carCurrentPrice, 2) }} {{ $walletCurrency }}</p>
            </div>
            <div>
                <p class="theme-inline-muted">{{ __('messages.price_bike_record') }}</p>
                <p class="font-semibold mt-1">{{ number_format($bikeCurrentPrice, 2) }} {{ $walletCurrency }}</p>
            </div>
            <div>
                <p class="theme-inline-muted">{{ __('messages.wallet_available_balance') }}</p>
                <p class="font-semibold mt-1">{{ number_format($walletAvailable, 2) }} {{ $walletCurrency }}</p>
            </div>
        </div>
        <p class="text-xs theme-inline-muted">{{ __('messages.wallet_reserved_balance') }}: {{ number_format($walletReserved, 2) }} {{ $walletCurrency }}</p>
    </div>

    <input type="hidden" name="submission_mode" id="vehicle_submission_mode" value="{{ $submissionModeValue }}">
@endif

@if (! $isEdit)
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const vehicleTypeSelect = document.getElementById('vehicle_type');
            const currentPriceTarget = document.getElementById('vehicle_current_price');
            if (!vehicleTypeSelect || !currentPriceTarget) {
                return;
            }

            const carPrice = Number(@json($carCurrentPrice));
            const bikePrice = Number(@json($bikeCurrentPrice));
            const currency = @json($walletCurrency);

            const renderCurrentPrice = () => {
                const amount = vehicleTypeSelect.value === 'motorcycle' ? bikePrice : carPrice;
                currentPriceTarget.textContent = amount.toFixed(2) + ' ' + currency;
            };

            renderCurrentPrice();
            vehicleTypeSelect.addEventListener('change', renderCurrentPrice);
        });
    </script>
@endif

@if (! $isEdit && session('duplicateConfirmationRequired') && is_array(session('duplicateWarnings')))
    <div class="mb-4 rounded-xl border border-amber-400/70 bg-amber-50/90 dark:bg-amber-900/20 p-4 text-sm space-y-3">
        <p class="font-semibold text-amber-800 dark:text-amber-200">{{ __('messages.duplicate_warning_needs_review') }}</p>

        @foreach (session('duplicateWarnings') as $warning)
            <div class="rounded-lg border border-amber-300/70 dark:border-amber-700/70 bg-white/70 dark:bg-slate-900/40 p-3 space-y-2">
                <p class="font-medium text-amber-900 dark:text-amber-100">{{ $warning['title'] ?? '' }}</p>

                @if (! empty($warning['records']) && is_array($warning['records']))
                    <div class="space-y-1">
                        @foreach ($warning['records'] as $record)
                            <p class="text-xs text-amber-800 dark:text-amber-200">
                                #{{ $record['reference_number'] ?? '-' }} -
                                {{ $record['vehicle_name'] ?? '-' }} -
                                {{ __('messages.plate_number') }}: {{ $record['plate_number'] ?? '-' }} -
                                {{ __('messages.engine_number') }}: {{ $record['engine_number'] ?? '-' }} -
                                {{ __('messages.chassis_number') }}: {{ $record['chassis_number'] ?? '-' }} -
                                {{ __('messages.owner_phone') }}: {{ $record['owner_phone'] ?? '-' }} -
                                {{ $record['status'] ?? '-' }}
                            </p>
                        @endforeach
                    </div>
                @elseif (! empty($warning['redacted']))
                    <p class="text-xs text-amber-800 dark:text-amber-200">
                        {{ __('messages.duplicate_warning_records_hidden_for_scope', ['count' => (int) ($warning['count'] ?? 0)]) }}
                    </p>
                @endif
            </div>
        @endforeach
    </div>
@endif

@if (! $isEdit && session('duplicateConfirmationRequired'))
    <input type="hidden" name="force_create" value="1">
@endif

<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
    @if ($isEdit)
        <div>
            <x-input-label for="reference_number" :value="__('messages.reference_number')" />
            <x-text-input id="reference_number" type="text" class="mt-1 block w-full bg-[var(--theme-bg)]" :value="$vehicle->reference_number" readonly />
        </div>

        <div>
            <x-input-label for="status_updated_at" :value="__('messages.status_updated_at')" />
            <x-text-input id="status_updated_at" type="text" class="mt-1 block w-full bg-[var(--theme-bg)]" :value="$vehicle->status_updated_at?->format('Y-m-d H:i') ?? '-'" readonly />
        </div>
    @endif

    <div>
        <x-input-label for="engine_number" :value="__('messages.engine_number')" />
        <x-text-input id="engine_number" name="engine_number" type="text" class="mt-1 block w-full" :value="old('engine_number', $vehicle->engine_number)" required />
        <x-input-error class="mt-2" :messages="$errors->get('engine_number')" />
    </div>

    <div>
        <x-input-label for="chassis_number" :value="__('messages.chassis_number')" />
        <x-text-input id="chassis_number" name="chassis_number" type="text" class="mt-1 block w-full" :value="old('chassis_number', $vehicle->chassis_number)" required />
        <x-input-error class="mt-2" :messages="$errors->get('chassis_number')" />
    </div>

    <div>
        <x-input-label for="vehicle_name" :value="__('messages.vehicle_name')" />
        <x-text-input id="vehicle_name" name="vehicle_name" type="text" class="mt-1 block w-full" :value="old('vehicle_name', $vehicle->vehicle_name)" required />
        <x-input-error class="mt-2" :messages="$errors->get('vehicle_name')" />
    </div>

    <div>
        <x-input-label for="vehicle_type" :value="__('messages.vehicle_type')" />
        <select id="vehicle_type" name="vehicle_type" class="mt-1 block w-full rounded-md theme-ring-brand" required>
            @foreach ($types as $type)
                <option value="{{ $type }}" @selected(old('vehicle_type', $vehicle->vehicle_type) === $type)>
                    {{ __('messages.vehicle_type_'.$type) }}
                </option>
            @endforeach
        </select>
        <x-input-error class="mt-2" :messages="$errors->get('vehicle_type')" />
    </div>

    <div>
        <x-input-label for="plate_number" :value="__('messages.plate_number')" />
        <x-text-input id="plate_number" name="plate_number" type="text" class="mt-1 block w-full" :value="old('plate_number', $vehicle->plate_number)" />
        <x-input-error class="mt-2" :messages="$errors->get('plate_number')" />
    </div>

    <div>
        <x-input-label for="color" :value="__('messages.color')" />
        <x-text-input id="color" name="color" type="text" class="mt-1 block w-full" :value="old('color', $vehicle->color)" />
        <x-input-error class="mt-2" :messages="$errors->get('color')" />
    </div>

    <div>
        <x-input-label for="owner_phone" :value="__('messages.owner_phone')" />
        <x-text-input id="owner_phone" name="owner_phone" type="text" class="mt-1 block w-full" :value="old('owner_phone', $vehicle->owner_phone)" />
        <x-input-error class="mt-2" :messages="$errors->get('owner_phone')" />
    </div>

    <div>
        <x-input-label for="stolen_at" :value="__('messages.stolen_at')" />
        <x-text-input id="stolen_at" name="stolen_at" type="datetime-local" class="mt-1 block w-full" :value="$stolenAtValue" />
        <x-input-error class="mt-2" :messages="$errors->get('stolen_at')" />
    </div>

    <div class="md:col-span-2">
        <x-input-label for="stolen_address" :value="__('messages.stolen_address')" />
        <x-text-input id="stolen_address" name="stolen_address" type="text" class="mt-1 block w-full" :value="old('stolen_address', $vehicle->stolen_address)" required />
        <x-input-error class="mt-2" :messages="$errors->get('stolen_address')" />
    </div>

    <div class="md:col-span-2">
        <x-input-label for="notes" :value="__('messages.notes')" />
        <textarea id="notes" name="notes" rows="4" class="mt-1 block w-full rounded-md theme-ring-brand">{{ old('notes', $vehicle->notes) }}</textarea>
        <x-input-error class="mt-2" :messages="$errors->get('notes')" />
    </div>

    @include('admin.partials.asset-images-field', ['asset' => $vehicle])

    <div>
        <x-input-label for="status" :value="__('messages.status')" />
        <select id="status" name="status" class="mt-1 block w-full rounded-md theme-ring-brand" required>
            @foreach ($statuses as $status)
                <option value="{{ $status }}" @selected(old('status', $vehicle->status) === $status)>
                    {{ __('messages.status_'.$status) }}
                </option>
            @endforeach
        </select>
        <x-input-error class="mt-2" :messages="$errors->get('status')" />
    </div>

    <div class="flex items-center mt-7">
        <label class="inline-flex items-center">
            <input type="checkbox" name="is_visible" value="1" class="rounded border-[var(--theme-border)] text-[var(--theme-primary)]" @checked(old('is_visible', $vehicle->is_visible))>
            <span class="ms-2 text-sm">{{ __('messages.visible_in_public') }}</span>
        </label>
    </div>

    @if ($canManageFeatured)
        <div class="md:col-span-2 rounded-xl border border-[var(--theme-border)] p-4 bg-[var(--theme-bg)]/65">
            <label class="inline-flex items-center">
                <input type="checkbox" name="is_featured" value="1" class="rounded border-[var(--theme-border)] text-[var(--theme-primary)]" @checked(old('is_featured', $vehicle->is_featured))>
                <span class="ms-2 text-sm font-medium">{{ __('messages.mark_as_featured') }}</span>
            </label>
            <div class="mt-3 max-w-xs">
                <x-input-label for="featured_order" :value="__('messages.featured_order')" />
                <x-text-input id="featured_order" name="featured_order" type="number" min="1" max="9999" class="mt-1 block w-full" :value="old('featured_order', $vehicle->featured_order)" />
                <x-input-error class="mt-2" :messages="$errors->get('featured_order')" />
            </div>
            <div class="mt-3 max-w-xs">
                <x-input-label for="featured_duration_days" :value="__('messages.featured_duration_days')" />
                <x-text-input id="featured_duration_days" name="featured_duration_days" type="number" min="1" max="365" class="mt-1 block w-full" :value="$featuredDurationDaysValue" />
                <x-input-error class="mt-2" :messages="$errors->get('featured_duration_days')" />
            </div>
            <p class="mt-2 text-xs theme-inline-muted">{{ __('messages.featured_order_hint') }}</p>
            <p class="mt-1 text-xs theme-inline-muted">{{ __('messages.featured_duration_hint') }}</p>
        </div>
    @endif
</div>

<div class="mt-6 flex items-center gap-3">
    @if ($isEdit)
        <x-primary-button>{{ __('messages.update') }}</x-primary-button>
    @else
        <button type="submit" class="theme-btn-primary" onclick="document.getElementById('vehicle_submission_mode').value='review'">
            {{ __('messages.submit_for_review') }}
        </button>
        @if ($canDirectPublish ?? false)
            <button type="submit" class="theme-btn-outline" onclick="document.getElementById('vehicle_submission_mode').value='direct_publish'">
                {{ __('messages.add_and_publish_directly') }}
            </button>
        @endif
    @endif
    <a href="{{ route('admin.vehicles.index') }}" class="px-4 py-2 rounded-lg border border-[var(--theme-border)] text-sm">
        {{ __('messages.cancel') }}
    </a>
</div>