@csrf
@isset($category) @method('PUT') @endisset

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card mb-4">
            <div class="card-body">

                <div class="mb-3">
                    <label class="form-label">نام دسته‌بندی <span class="text-danger">*</span></label>
                    <input type="text" name="name" class="form-control"
                           value="{{ old('name', $category->name ?? '') }}" required>
                    @error('name')<small class="text-danger">{{ $message }}</small>@enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">اسلاگ (انگلیسی یا فارسی، با خط تیره)</label>
                    <input type="text" name="slug" class="form-control"
                           value="{{ old('slug', $category->slug ?? '') }}"
                           placeholder="در صورت خالی بودن از نام تولید می‌شود">
                    @error('slug')<small class="text-danger">{{ $message }}</small>@enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">توضیحات</label>
                    <textarea name="description" rows="3" class="form-control">{{ old('description', $category->description ?? '') }}</textarea>
                </div>

                <div class="mb-3">
                    <label class="form-label">تصویر شاخص دسته‌بندی</label>
                    <input type="file" name="image" class="form-control" accept="image/*">
                    @isset($category)
                        @if($category->image)
                            <img src="{{ url('uploads/blog/categories/' . $category->image) }}"
                                 class="mt-2 rounded" style="max-height:80px">
                        @endif
                    @endisset
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-body">
                <h6 class="card-title">تنظیمات سئو</h6>

                <div class="mb-3">
                    <label class="form-label">عنوان سئو</label>
                    <input type="text" name="seo_title" class="form-control"
                           value="{{ old('seo_title', $category->seo_title ?? '') }}">
                </div>

                <div class="mb-3">
                    <label class="form-label">توضیحات متا</label>
                    <textarea name="seo_description" rows="2" class="form-control">{{ old('seo_description', $category->seo_description ?? '') }}</textarea>
                </div>

                <div class="mb-0">
                    <label class="form-label">کلمات کلیدی متا</label>
                    <input type="text" name="seo_keywords" class="form-control"
                           value="{{ old('seo_keywords', $category->seo_keywords ?? '') }}"
                           placeholder="با کاما جدا کنید">
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card mb-4">
            <div class="card-body">

                <div class="mb-3">
                    <label class="form-label">دسته‌بندی والد</label>
                    <select name="parent_id" class="form-select">
                        <option value="">— هیچ‌کدام (ریشه) —</option>
                        @foreach($parents as $row)
                            <option value="{{ $row['item']->id }}"
                                {{ (string)old('parent_id', $category->parent_id ?? '') === (string)$row['item']->id ? 'selected' : '' }}>
                                {{ str_repeat('—', $row['depth']) }} {{ $row['item']->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="mb-3">
                    <label class="form-label">ترتیب نمایش</label>
                    <input type="number" name="sort_order" class="form-control" min="0"
                           value="{{ old('sort_order', $category->sort_order ?? 0) }}">
                </div>

                <div class="mb-3">
                    <label class="form-label">آیکن (Bootstrap Icon)</label>
                    <input type="text" name="icon" class="form-control"
                           value="{{ old('icon', $category->icon ?? '') }}"
                           placeholder="مثال: newspaper">
                </div>

                <div class="mb-0">
                    <label class="form-label">وضعیت</label>
                    <select name="is_active" class="form-select">
                        <option value="1" {{ (string)old('is_active', $category->is_active ?? 1) === '1' ? 'selected' : '' }}>فعال</option>
                        <option value="0" {{ (string)old('is_active', $category->is_active ?? 1) === '0' ? 'selected' : '' }}>غیرفعال</option>
                    </select>
                </div>

            </div>
        </div>

        <div class="d-grid gap-2">
            <button type="submit" class="btn btn-primary">
                <i class="ti ti-device-floppy me-1"></i> ذخیره
            </button>
            <a href="{{ route('admin.blog.categories.index') }}" class="btn btn-outline-secondary">انصراف</a>
        </div>
    </div>
</div>
