@extends('layouts.app')

@section('content')

        <h2 class="font-semibold text-xl text-[#d4af37] leading-tight">تعديل الفئة: {{ $trim->name }}</h2>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-[#111] border border-gray-800 rounded-2xl p-8 max-w-md mx-auto">
                <form action="{{ route('admin.trims.update', $trim->id) }}" method="POST" class="space-y-6">
                    @csrf @method('PUT')
                    <div>
                        <label class="block text-sm text-gray-400 mb-2">الموديل</label>
                        <select name="car_model_id" required class="w-full bg-black border-gray-800 rounded-lg px-4 py-2.5 text-white focus:border-[#d4af37] outline-none">
                            <option value="">اختر الموديل</option>
                            @foreach($models as $model)
                                <option value="{{ $model->id }}" {{ $trim->car_model_id == $model->id ? 'selected' : '' }}>{{ $model->brand->name }} - {{ $model->name }}</option>
                            @endforeach
                        </select>
                        <x-input-error :messages="$errors->get('car_model_id')" class="mt-2" />
                    </div>
                    <div>
                        <label class="block text-sm text-gray-400 mb-2">اسم الفئة</label>
                        <input type="text" name="name" value="{{ old('name', $trim->name) }}" required class="w-full bg-black border-gray-800 rounded-lg px-4 py-2.5 text-white focus:border-[#d4af37] outline-none">
                        <x-input-error :messages="$errors->get('name')" class="mt-2" />
                    </div>
                    <button type="submit" class="w-full bg-[#d4af37] text-black py-2.5 rounded-lg font-bold">تحديث الفئة</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection