@csrf
<div class="row g-3">
    <div class="col-md-6">
        <label class="form-label" for="code">الكود <span class="text-danger">*</span></label>
        <input type="text" name="code" id="code" maxlength="50"
               class="form-control @error('code') is-invalid @enderror"
               value="{{ old('code', $category->code ?? '') }}" placeholder="مثال: CAT-ACRYLIC" required>
        @error('code')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
        <small class="text-muted">يفضّل أن يكون الكود مختصرًا وفريدًا.</small>
    </div>

    <div class="col-md-6">
        <label class="form-label" for="name_ar">اسم الفئة <span class="text-danger">*</span></label>
        <input type="text" name="name_ar" id="name_ar" maxlength="255"
               class="form-control @error('name_ar') is-invalid @enderror"
               value="{{ old('name_ar', $category->name_ar ?? '') }}" placeholder="مثال: ألواح أكريليك شفافة" required>
        @error('name_ar')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="parent_id">الفئة الرئيسية</label>
        <select name="parent_id" id="parent_id" class="form-select @error('parent_id') is-invalid @enderror">
            <option value="">بدون</option>
            @foreach($parents as $parent)
                <option value="{{ $parent->id }}" @selected(old('parent_id', $category->parent_id ?? null) == $parent->id)>
                    {{ $parent->name_ar }}
                </option>
            @endforeach
        </select>
        @error('parent_id')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="display_order">الترتيب</label>
        <input type="number" min="0" name="display_order" id="display_order"
               class="form-control @error('display_order') is-invalid @enderror"
               value="{{ old('display_order', $category->display_order ?? 0) }}" placeholder="0">
        @error('display_order')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-12">
        <label class="form-label" for="description_ar">الوصف</label>
        <textarea name="description_ar" id="description_ar" class="form-control @error('description_ar') is-invalid @enderror" rows="3" placeholder="وصف مختصر لطبيعة المنتجات داخل الفئة">{{ old('description_ar', $category->description_ar ?? '') }}</textarea>
        @error('description_ar')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-12">
        <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active"
                @checked(old('is_active', $category->is_active ?? true))>
            <label class="form-check-label" for="is_active">تفعيل الفئة</label>
        </div>
        <small class="text-muted">عند التعطيل لن تظهر الفئة ضمن الاختيارات النشطة.</small>
    </div>
</div>

<div class="d-flex flex-wrap gap-2 mt-4">
    <button type="submit" class="btn btn-primary">
        <i class="ti ti-device-floppy me-1"></i>{{ isset($category) ? 'حفظ التعديلات' : 'حفظ الفئة' }}
    </button>
    <a href="{{ route('admin.categories.index') }}" class="btn btn-light">
        <i class="ti ti-x me-1"></i>إلغاء
    </a>
</div>