@php
    $vehicle = $vehicle ?? null;
    $selectedCustomer = old('customer_id', $vehicle?->customer_id ?? ($selectedCustomer ?? null));
@endphp

<div class="row g-3">
    <div class="col-12"><div class="form-section-title"><i class="fa-solid fa-car"></i>بيانات المركبة</div></div>

    <div class="col-md-6">
        <label class="form-label">العميل <span class="req">*</span></label>
        <select name="customer_id" class="form-select select2" data-placeholder="اختر العميل" required>
            <option value="">— اختر العميل —</option>
            @foreach ($customers as $c)
                <option value="{{ $c->id }}" @selected((int) $selectedCustomer === $c->id)>{{ $c->display_name }} — {{ $c->phone }}</option>
            @endforeach
        </select>
    </div>

    <div class="col-md-3">
        <label class="form-label">رقم اللوحة <span class="req">*</span></label>
        <input type="text" name="plate_number" value="{{ old('plate_number', $vehicle?->plate_number) }}" class="form-control" required>
    </div>

    <div class="col-md-3">
        <label class="form-label">نوع المركبة <span class="req">*</span></label>
        <select name="vehicle_type" class="form-select" required>
            @foreach ($types as $k => $v)
                <option value="{{ $k }}" @selected(old('vehicle_type', $vehicle?->vehicle_type ?? 'sedan') === $k)>{{ $v }}</option>
            @endforeach
        </select>
    </div>

    <div class="col-md-3">
        <label class="form-label">الماركة</label>
        <input type="text" name="make" value="{{ old('make', $vehicle?->make) }}" class="form-control" placeholder="تويوتا، نيسان...">
    </div>

    <div class="col-md-3">
        <label class="form-label">الموديل</label>
        <input type="text" name="model" value="{{ old('model', $vehicle?->model) }}" class="form-control" placeholder="هايلكس، باترول...">
    </div>

    <div class="col-md-3">
        <label class="form-label">سنة الصنع</label>
        <input type="number" name="year" min="1970" max="{{ date('Y') + 1 }}" value="{{ old('year', $vehicle?->year) }}" class="form-control">
    </div>

    <div class="col-md-3">
        <label class="form-label">اللون</label>
        <input type="text" name="color" value="{{ old('color', $vehicle?->color) }}" class="form-control">
    </div>

    <div class="col-md-4">
        <label class="form-label">رقم الهيكل (الشاسيه)</label>
        <input type="text" name="chassis_number" value="{{ old('chassis_number', $vehicle?->chassis_number) }}" class="form-control">
    </div>

    <div class="col-md-4">
        <label class="form-label">اسم السائق</label>
        <input type="text" name="driver_name" value="{{ old('driver_name', $vehicle?->driver_name) }}" class="form-control">
    </div>

    <div class="col-md-4">
        <label class="form-label">جوال السائق</label>
        <input type="text" name="driver_phone" value="{{ old('driver_phone', $vehicle?->driver_phone) }}" class="form-control">
    </div>

    <div class="col-12">
        <label class="form-label">ملاحظات</label>
        <textarea name="notes" class="form-control" rows="2">{{ old('notes', $vehicle?->notes) }}</textarea>
    </div>
</div>

<div class="d-flex gap-2 mt-4">
    <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk ms-2"></i>حفظ</button>
    <a href="{{ route('vehicles.index') }}" class="btn btn-light">إلغاء</a>
</div>