@php $feature = $feature ?? null; @endphp

<div class="row">
    <div class="col-md-6 mb-3">
        <label class="form-label">العنوان <span class="text-danger">*</span></label>
        <input type="text" name="title" class="form-control @error('title') is-invalid @enderror"
               value="{{ old('title', $feature->title ?? '') }}" required>
        @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">الأيقونة</label>
        <select name="icon" class="form-select @error('icon') is-invalid @enderror">
            <option value="">اختر أيقونة</option>
            @foreach(\App\Enums\FeatureIcon::options() as $value => $label)
                <option value="{{ $value }}" {{ old('icon', $feature->icon?->value ?? '') == $value ? 'selected' : '' }}>
                    {{ $value }} - {{ $label }}
                </option>
            @endforeach
        </select>
        @error('icon')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-12 mb-3">
        <label class="form-label">الوصف <span class="text-danger">*</span></label>
        <textarea name="description" class="form-control @error('description') is-invalid @enderror" rows="3" required>{{ old('description', $feature->description ?? '') }}</textarea>
        @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-4 mb-3">
        <label class="form-label">الترتيب</label>
        <input type="number" name="order" class="form-control @error('order') is-invalid @enderror"
               value="{{ old('order', $feature->order ?? 0) }}">
        @error('order')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>