@csrf
@isset($post) @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="title" class="form-control form-control-lg"
                           value="{{ old('title', $post->title ?? '') }}" required>
                    @error('title')<small class="text-danger">{{ $message }}</small>@enderror
                </div>

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

                <div class="mb-3">
                    <label class="form-label">خلاصه مقاله</label>
                    <textarea name="excerpt" rows="2" class="form-control"
                              placeholder="خلاصه‌ای کوتاه از مقاله که در لیست مقالات نشان داده می‌شود">{{ old('excerpt', $post->excerpt ?? '') }}</textarea>
                </div>

            </div>
        </div>

        <div class="card mb-4">
            <div class="card-body">
                <label class="form-label">متن کامل مقاله <span class="text-danger">*</span></label>
                <textarea id="post-content" name="content" rows="20" class="form-control">{{ old('content', $post->content ?? '') }}</textarea>
                <small class="text-muted mt-2 d-block">می‌توانید مستقیماً در داخل متن تصویر آپلود کنید.</small>
            </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', $post->seo_title ?? '') }}">
                </div>

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

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

                <div class="mb-0">
                    <label class="form-label">اسکیما سئو (JSON-LD)</label>
                    <textarea name="seo_schema" rows="3" class="form-control font-monospace"
                              placeholder='&lt;script type="application/ld+json"&gt;{...}&lt;/script&gt;'>{{ old('seo_schema', $post->seo_schema ?? '') }}</textarea>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-4">

        <div class="card mb-4">
            <div class="card-body">
                <h6 class="card-title mb-3">انتشار</h6>

                <div class="mb-3">
                    <label class="form-label">وضعیت</label>
                    <select name="status" class="form-select">
                        <option value="draft"     {{ old('status', $post->status ?? 'draft') === 'draft' ? 'selected' : '' }}>پیش‌نویس</option>
                        <option value="published" {{ old('status', $post->status ?? 'draft') === 'published' ? 'selected' : '' }}>منتشر شده</option>
                    </select>
                </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.posts.index') }}" class="btn btn-outline-secondary">انصراف</a>
                </div>
            </div>
        </div>

        <div class="card mb-4">
            <div class="card-body">
                <h6 class="card-title mb-3">دسته‌بندی</h6>
                <select name="category_id" class="form-select">
                    <option value="">— انتخاب نشده (پیش‌فرض: دسته‌بندی نشده) —</option>
                    @foreach($categories as $row)
                        <option value="{{ $row['item']->id }}"
                            {{ (string)old('category_id', $post->category_id ?? '') === (string)$row['item']->id ? 'selected' : '' }}>
                            {{ str_repeat('—', $row['depth']) }} {{ $row['item']->name }}
                        </option>
                    @endforeach
                </select>
                <small class="text-muted">در صورت انتخاب نشدن، مقاله در دسته «دسته‌بندی نشده» قرار می‌گیرد.</small>
            </div>
        </div>

        <div class="card mb-4">
            <div class="card-body">
                <h6 class="card-title mb-3">تصویر شاخص</h6>
                <input type="file" name="featured_image" class="form-control" accept="image/*">
                @isset($post)
                    @if($post->featured_image)
                        <img src="{{ url('uploads/blog/posts/' . $post->featured_image) }}"
                             class="mt-3 img-fluid rounded">
                    @endif
                @endisset
                <div class="mt-2">
                    <label class="form-label small">متن جایگزین (alt)</label>
                    <input type="text" name="featured_image_alt" class="form-control"
                           value="{{ old('featured_image_alt', $post->featured_image_alt ?? '') }}">
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-body">
                <h6 class="card-title mb-3">تگ‌ها</h6>
                <input type="text" name="tags_input" class="form-control"
                       value="{{ old('tags_input', $tagNames ?? '') }}"
                       list="existing-tags"
                       placeholder="با کاما جدا کنید">
                <datalist id="existing-tags">
                    @foreach($tags as $t)
                        <option value="{{ $t->name }}">
                    @endforeach
                </datalist>
                <small class="text-muted">تگ‌های جدید به‌صورت خودکار ایجاد می‌شوند.</small>
            </div>
        </div>

    </div>
</div>
