@extends('layouts.dashboard')

@section('content')
@php
/**
 * Full-page blog post editor (create + edit). Replaces the old modal so authors
 * get a roomy, distraction-free writing surface with the Quill rich-text editor.
 *
 * @var array|null $post        existing post when editing, null when creating
 * @var array      $categories  selectable blog categories
 * @var array      $tags        selectable blog tags
 * @var array      $postTagIds  tag ids already assigned to this post (empty when creating)
 * @var array      $seo         search-result settings ['title','description','image','noindex']
 */
$isEdit = $post !== null;
$tags = $tags ?? [];
$postTagIds = $postTagIds ?? [];
$seo = $seo ?? ['title' => '', 'description' => '', 'image' => '', 'noindex' => false];
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
<div class="qm-od-topbar gap-2">
    <a href="{{ route('admin.blog') }}" class="qm-btn qm-btn-outline qm-btn-sm"><i class="fas fa-arrow-left me-1" aria-hidden="true"></i> {{ t_raw('admin.blog_form.back_link') }}</a>
    @if ($isEdit && $post['status'] === 'published' && !empty($post['slug']))
    <a href="{!! url('/blog/' . e($post['slug'])) !!}" class="qm-btn qm-btn-outline qm-btn-sm" target="_blank" rel="noopener"><i class="fas fa-external-link-alt" aria-hidden="true"></i> {{ t_raw('admin.blog_form.view_live') }}</a>
    @endif
</div>

<form method="post" action="{{ route('admin.blog') }}" enctype="multipart/form-data">
    @csrf
    <input type="hidden" name="id" value="{{ $isEdit ? (int) $post['id'] : 0 }}">
    <div class="row g-4">
        <div class="col-lg-8">
            <div class="qm-card">
                <div class="mb-3">
                    <label class="form-label" for="post-title">{{ t_raw('common.title') }}</label>
                    <input type="text" id="post-title" name="title" class="form-control" value="{{ $post['title'] ?? '' }}" required>
                </div>
                <div class="mb-3">
                    <label class="form-label" for="post-excerpt">{{ t_raw('admin.blog_form.excerpt_label') }}</label>
                    <textarea id="post-excerpt" name="excerpt" class="form-control" rows="2" placeholder="{{ t_raw('admin.blog_form.excerpt_placeholder') }}">{{ $post['excerpt'] ?? '' }}</textarea>
                </div>
                <div class="mb-0">
                    <label class="form-label" for="post-body">{{ t_raw('admin.blog_form.body_label') }}</label>
                    <textarea id="post-body" name="body" class="form-control" rows="16" data-rich-editor aria-describedby="post-body-help" placeholder="{{ t_raw('admin.blog_form.body_placeholder') }}">{{ $post['body'] ?? '' }}</textarea>
                    <small id="post-body-help" class="form-text text-muted">{{ t_raw('admin.blog_form.body_help') }}</small>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="qm-card">
                <h2>{{ t_raw('admin.blog_form.publish_heading') }}</h2>
                <div class="mb-3">
                    <label class="form-label" for="post-status">{{ t_raw('common.status') }}</label>
                    <select id="post-status" name="status" class="form-select">
                        <option value="published"{{ ($post['status'] ?? 'published') === 'published' ? ' selected' : '' }}>{{ t_raw('common.status_published') }}</option>
                        <option value="draft"{{ ($post['status'] ?? '') === 'draft' ? ' selected' : '' }}>{{ t_raw('common.status_draft') }}</option>
                    </select>
                </div>
                @php /* One control, one meaning: a moment here schedules the post and the status
                         above becomes Draft until it arrives; an empty box means the status above
                         applies now. The same [data-flatpickr] picker the rest of the product uses,
                         so the format and the locale are already handled. */
@endphp
                <div class="mb-3">
                    <label class="form-label" for="post-publish-at">{{ t_raw('admin.blog_form.publish_at_label') }}</label>
                    <input type="text" id="post-publish-at" name="publish_at" class="form-control" data-flatpickr data-fp-mode="datetime" autocomplete="off"
                           value="{{ !empty($post['publish_at']) ? substr((string) $post['publish_at'], 0, 16) : '' }}"
                           placeholder="{{ t_raw('admin.blog_form.publish_at_placeholder') }}">
                </div>
                <div class="mb-3">
                    <label class="form-label" for="post-cat">{{ t_raw('admin.blog.category_label') }}</label>
                    <select id="post-cat" name="blog_category_id" class="form-select">
                        <option value="">{{ t_raw('common.none') }}</option>
                        @foreach ($categories as $c)
                        <option value="{{ (int) $c['id'] }}"{{ ((int) ($post['blog_category_id'] ?? 0) === (int) $c['id']) ? ' selected' : '' }}>{{ $c['name'] }}</option>
                        @endforeach
                    </select>
                    <input type="text" id="post-new-category" name="new_category_name" class="form-control mt-2" placeholder="{{ t_raw('admin.blog_form.new_category_placeholder') }}">
                </div>
                <div class="mb-0">
                    <label class="form-label" for="post-tags">{{ t_raw('admin.blog_form.tags_label') }}</label>
                    <select id="post-tags" name="tags[]" class="form-select" multiple data-choices data-placeholder="{{ t_raw('admin.blog_form.tags_placeholder') }}">
                        @foreach ($tags as $tg)
                        <option value="{{ (int) $tg['id'] }}"{{ in_array((int) $tg['id'], $postTagIds, true) ? ' selected' : '' }}>{{ $tg['name'] }}</option>
                        @endforeach
                    </select>
                    <input type="text" id="post-new-tags" name="new_tag_names" class="form-control mt-2" placeholder="{{ t_raw('admin.blog_form.new_tags_placeholder') }}">
                </div>
            </div>
            <div class="qm-card">
                <h2>{{ t_raw('admin.blog_form.featured_image_heading') }}</h2>
                @php // The shared media field: browse the library, upload or crop — never the OS dialog.
@endphp
                {!! media_field_html('featured_image', (string) ($post['featured_image'] ?? ''), ['accept' => 'image', 'allowClear' => true, 'id' => 'post-image']) !!}
            </div>
            @php // Search-result appearance. Publishing metadata, so it sits in the rail beside the
                  // status rather than under the body: it is edited once and then rarely, while the
                  // body is the whole job. Nothing here is required — left empty, the post's own
                  // title and excerpt are used.
@endphp
            <div class="qm-card">
                <h2>{{ t_raw('admin.seo.post_section') }}</h2>
                <div class="mb-3">
                    <label class="form-label" for="post-seo-title">{{ t_raw('admin.seo.f_meta_title') }}</label>
                    <input type="text" id="post-seo-title" name="seo_title" class="form-control" maxlength="120" value="{{ $seo['title'] }}" placeholder="{{ t_raw('admin.seo.ph_meta_title') }}">
                </div>
                <div class="mb-3">
                    <label class="form-label" for="post-seo-desc">{{ t_raw('admin.seo.f_meta_description') }}</label>
                    <textarea id="post-seo-desc" name="seo_description" class="form-control" rows="3" maxlength="300" placeholder="{{ t_raw('admin.settings.placeholder_meta_description') }}">{{ $seo['description'] }}</textarea>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{ t_raw('admin.seo.f_share_image') }}</label>
                    @php // Same media field as the featured image above — a sharing image is an image,
                          // so it is chosen the same way rather than typed as a path.
@endphp
                    {!! media_field_html('seo_image', $seo['image'], ['accept' => 'image', 'allowClear' => true, 'id' => 'post-seo-image']) !!}
                </div>
                <label class="qm-check mb-0"><input type="checkbox" name="seo_noindex" value="1"{{ !empty($seo['noindex']) ? ' checked' : '' }}> {{ t_raw('admin.seo.f_noindex') }}</label>
                <p class="qm-hint mb-0">{{ t_raw('admin.seo.hint_noindex') }}</p>
            </div>
            <div class="d-flex gap-2 mt-4 justify-content-end">
                <button type="submit" class="qm-btn"><i class="fas fa-save" aria-hidden="true"></i> {!! $isEdit ? t('admin.blog_form.submit_update') : t('admin.blog_form.submit_create') !!}</button>
                <a href="{{ route('admin.blog') }}" class="qm-btn qm-btn-outline">{{ t_raw('common.cancel') }}</a>
            </div>
        </div>
    </div>
</form>

</div>@php /* /.qm-d2 */
@endphp
@endsection