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

<div class="row">
    <div class="col-md-6 mb-3">
        <label class="form-label">النوع <span class="text-danger">*</span></label>
        <select name="type" class="form-select @error('type') is-invalid @enderror" required>
            <option value="">اختر النوع</option>
            @foreach(\App\Enums\AboutSectionType::cases() as $type)
                <option value="{{ $type->value }}" {{ old('type', $section->type?->value ?? '') == $type->value ? 'selected' : '' }}>
                    {{ $type->label() }}
                </option>
            @endforeach
        </select>
        @error('type')<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', $section->icon?->value ?? '') == $value ? 'selected' : '' }}>
                    {{ $value }} - {{ $label }}
                </option>
            @endforeach
        </select>
        @error('icon')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">العنوان</label>
        <input type="text" name="title" class="form-control @error('title') is-invalid @enderror"
               value="{{ old('title', $section->title ?? '') }}">
        @error('title')<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', $section->order ?? 0) }}">
        @error('order')<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="body" class="form-control @error('body') is-invalid @enderror" rows="4" required>{{ old('body', $section->body ?? '') }}</textarea>
        @error('body')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>