@extends('admin.layouts.master-edit')

@section('breadcrumb-items')
    <li class="breadcrumb-item text-gray-600">
        <a href="{{ route('vehicles.show', $vehicle->id) }}" class="text-gray-600 text-hover-primary">قائمة المركبات</a>
    </li>
    <li class="breadcrumb-item text-gray-500">تعديل بيانات مركبة</li>
@endsection

@section('form')
    <form id="kt_account_vehicle_details_form" method="post" action="{{ route('vehicles.update', $vehicle) }}" class="form">
        @csrf
        @method('PUT')
        <input type="hidden" name="id" value="{{ $vehicle->id }}" required />

        <div class="card-body border-top p-9">
            <h4 class="mb-5">صور المركبة</h4>
            <div class="row mb-7">
                @foreach ($vehicle->images as $image)
                    <div class="col-md-4 mb-3">
                        <a href="{{ asset('storage/' . $image->path) }}" target="_blank">
                            <img src="{{ asset('storage/' . $image->path) }}" alt="Vehicle Image" class="img-thumbnail"
                                style="max-height: 200px;">
                        </a>
                    </div>
                @endforeach
            </div>
        </div>

        <div class="card-body border-top p-9">
            <x-form.select name="brand_id" :options="$brands" selected="{{ $vehicle->brand_id }}" label="العلامة التجارية"
                class="form-control-solid mb-5 mb-lg-0" required />
            <x-form.select name="model_id" :options="$models" selected="{{ $vehicle->model_id }}" label="الموديل"
                class="form-control-solid mb-5 mb-lg-0" required />
            <x-form.select name="tier_id" :options="$tiers" selected="{{ $vehicle->tier_id }}" label="الفئة"
                class="form-control-solid mb-5 mb-lg-0" required />
            <x-form.select name="type_id" :options="$types" selected="{{ $vehicle->type_id }}" label="النوع"
                class="form-control-solid mb-5 mb-lg-0" required />
            <x-form.select name="color_id" :options="$colors" selected="{{ $vehicle->color_id }}" label="اللون"
                class="form-control-solid mb-5 mb-lg-0" required />
            <x-form.input name="number_of_seats" label="عدد المقاعد" value="{{ $vehicle->number_of_seats }}" type="number"
                required />
            <x-form.input name="number_of_bags" label="عدد الحقائب" value="{{ $vehicle->number_of_bags }}" type="number"
                required />
            <x-form.input name="plate_number" label="رقم اللوحة" value="{{ $vehicle->plate_number }}" required />
            <x-form.input name="year" label="سنة الصنع" value="{{ $vehicle->year }}" type="number" required />
        </div>

        <div class="card-footer d-flex justify-content-end py-6 px-9">
            <button type="reset" class="btn btn-light btn-active-light-primary me-2">الغاء</button>
            <button type="submit" class="btn btn-primary" id="kt_account_vehicle_details_submit">حفظ</button>
        </div>
    </form>
@endsection