@php
    $project = $project ?? null;
    $gradients = [
        'from-primary to-dark' => 'أخضر إلى أسود',
        'from-dark to-primary' => 'أسود إلى أخضر',
        'from-[#5c8e30] to-primary' => 'أخضر داكن إلى فاتح',
        'from-gray to-dark' => 'رمادي إلى أسود',
        'from-primary to-gray-light' => 'أخضر إلى رمادي فاتح',
        'from-gray-light to-dark' => 'رمادي فاتح إلى أسود',
        'from-dark to-gray' => 'أسود إلى رمادي',
    ];
@endphp

<div class="row">
    <div class="col-md-6 mb-3">
        <label class="form-label">التصنيف <span class="text-danger">*</span></label>
        <select name="category_id" class="form-select @error('category_id') is-invalid @enderror" required>
            <option value="">اختر التصنيف</option>
            @foreach($categories as $cat)
                <option value="{{ $cat->id }}" {{ old('category_id', $project->category_id ?? '') == $cat->id ? 'selected' : '' }}>
                    {{ $cat->name }}
                </option>
            @endforeach
        </select>
        @error('category_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

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

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

    <div class="col-md-6 mb-3">
        <label class="form-label">الوسم</label>
        <input type="text" name="tag" class="form-control @error('tag') is-invalid @enderror"
               value="{{ old('tag', $project->tag ?? '') }}">
        @error('tag')<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', $project->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="bg_gradient" class="form-select @error('bg_gradient') is-invalid @enderror">
            <option value="">اختر تدرجاً</option>
            @foreach($gradients as $value => $label)
                <option value="{{ $value }}" {{ old('bg_gradient', $project->bg_gradient ?? '') == $value ? 'selected' : '' }}>{{ $label }}</option>
            @endforeach
        </select>
        @error('bg_gradient')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">الرابط</label>
        <input type="url" name="link" class="form-control @error('link') is-invalid @enderror"
               value="{{ old('link', $project->link ?? '') }}">
        @error('link')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">أيقونة (إيموجي)</label>
        <select name="thumb_icon" class="form-select @error('thumb_icon') is-invalid @enderror">
            <option value="">اختر أيقونة</option>
            @foreach(\App\Enums\ProjectThumbIcon::options() as $value => $label)
                <option value="{{ $value }}" {{ old('thumb_icon', $project->thumb_icon?->value ?? '') == $value ? 'selected' : '' }}>
                    {{ $value }} - {{ $label }}
                </option>
            @endforeach
        </select>
        @error('thumb_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="thumb_image" class="form-control @error('thumb_image') is-invalid @enderror">
        @error('thumb_image')<div class="invalid-feedback">{{ $message }}</div>@enderror
        @if($project && $project->getFirstMediaUrl('thumb_image'))
            <div class="mt-2">
                <img src="{{ $project->getFirstMediaUrl('thumb_image') }}" width="80" class="rounded">
                <div class="form-check mt-1">
                    <input class="form-check-input" type="checkbox" name="remove_thumb" value="1">
                    <label class="form-check-label">حذف الصورة</label>
                </div>
            </div>
        @endif
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">صور المعرض</label>
        <input type="file" name="gallery[]" multiple class="form-control @error('gallery.*') is-invalid @enderror">
        @error('gallery.*')<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', $project->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', $project->is_active ?? true) ? 'checked' : '' }}>
            <label class="form-check-label" for="is_active">نشط</label>
        </div>
    </div>
</div>