@php
    $service = $service ?? 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', $service->title ?? '') }}" required>
        @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">الرابط</label>
        <input type="text" name="link" class="form-control @error('link') is-invalid @enderror"
               value="{{ old('link', $service->link ?? '') }}">
        @error('link')<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', $service->description ?? '') }}</textarea>
        @error('description')<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\ServiceIcon::options() as $value => $label)
                <option value="{{ $value }}" {{ old('icon', $service->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="file" name="icon_image" class="form-control @error('icon_image') is-invalid @enderror">
        @error('icon_image')<div class="invalid-feedback">{{ $message }}</div>@enderror

        @if($service && $service->getFirstMediaUrl('icon_image'))
            <div class="mt-2">
                <img src="{{ $service->getFirstMediaUrl('icon_image') }}" alt="الأيقونة الحالية" width="60">
                <div class="form-check mt-1">
                    <input class="form-check-input" type="checkbox" name="remove_icon_image" id="remove_icon_image" value="1">
                    <label class="form-check-label" for="remove_icon_image">حذف الأيقونة الحالية</label>
                </div>
            </div>
        @endif
    </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', $service->order ?? 0) }}">
        @error('order')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-4 mb-3">
        <div class="form-check form-switch mt-4">
            <input class="form-check-input" type="checkbox" name="is_active" id="is_active" value="1"
                   {{ old('is_active', $service->is_active ?? true) ? 'checked' : '' }}>
            <label class="form-check-label" for="is_active">نشط</label>
        </div>
    </div>
</div>