@extends('layouts.dashboard')

@section('content')
@php
/**
 * Full-page content-page editor (create + edit). Replaces the old modal, and is deliberately the
 * same screen as the blog editor: same top bar, same 8/4 split, same Publish card on the right —
 * two editors in one admin should not be two different shapes.
 *
 * The modal drove its FAQ / legal guidance and its core-page draft lock from JavaScript, because a
 * single dialog had to re-dress itself for whichever row was clicked. A page knows its own slug
 * before it renders, so both are decided here in PHP and the script is gone.
 *
 * @var array|null $page      existing page when editing, null when creating
 * @var array      $seo       search-result settings ['title','description','image','noindex']
 * @var array      $coreSlugs footer-linked slugs that must stay published
 */
$isEdit = $page !== null;
$seo    = $seo ?? ['title' => '', 'description' => '', 'image' => '', 'noindex' => false];
$slug   = strtolower((string) ($page['slug'] ?? ''));
$status = (string) ($page['status'] ?? 'published');

// Core pages are linked in the footer and the server force-publishes them, so the option is
// disabled rather than offered and then silently overruled.
$isCore = in_array($slug, $coreSlugs, true);

// A legal page's table of contents is built from its heading structure, so that markup contract is
// stated on the page that has it and nowhere else.
$isLegal = in_array($slug, ['privacy', 'terms', 'cookies', 'refund', 'refund-policy', 'cookie-policy'], true);
@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.pages') }}" class="qm-btn qm-btn-outline qm-btn-sm"><i class="fas fa-arrow-left me-1" aria-hidden="true"></i> {{ t_raw('admin.pages.back_link') }}</a>
    @if ($isEdit && $status === 'published' && $slug !== '')
    <a href="{!! url('/page/' . e($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.pages.view_live') }}</a>
    @endif
</div>

<form method="post" action="{{ route('admin.pages') }}">
    @csrf
    <input type="hidden" name="id" value="{{ $isEdit ? (int) $page['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="page-title">{{ t_raw('common.title') }}</label>
                    <input type="text" id="page-title" name="title" class="form-control" value="{{ $page['title'] ?? '' }}" required>
                </div>
                <div class="mb-0">
                    <label class="form-label" for="page-body">{{ t_raw('admin.pages.body_label') }}</label>
                    <textarea id="page-body" name="body" class="form-control" rows="16" data-rich-editor aria-describedby="page-body-help" placeholder="{{ t_raw('admin.blog_form.body_placeholder') }}">{{ $page['body'] ?? '' }}</textarea>
                    <small id="page-body-help" class="form-text text-muted">{{ t_raw('admin.pages.body_help') }}</small>
                    @if ($isLegal)
                    <div class="qm-hint mt-2">
                        <p class="mb-1"><strong>{{ t_raw('admin.pages.structured_heading') }}</strong></p>
                        <p class="mb-0"><strong>{{ t_raw('admin.pages.legal_help_label') }}</strong> {{ t_raw('admin.pages.legal_help_text') }}</p>
                    </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="qm-card">
                <h2>{{ t_raw('admin.pages.publish_heading') }}</h2>
                <div class="mb-3">
                    <label class="form-label" for="page-status">{{ t_raw('common.status') }}</label>
                    <select id="page-status" name="status" class="form-select">
                        <option value="published"{{ $status === 'published' ? ' selected' : '' }}>{{ t_raw('common.status_published') }}</option>
                        <option value="draft"{{ $status === 'draft' ? ' selected' : '' }}{{ $isCore ? ' disabled' : '' }}>{{ t_raw('common.status_draft') }}</option>
                    </select>
                    @if ($isCore)
                    <p class="qm-hint">{{ t_raw('admin.pages.core_status_note') }}</p>
                    @endif
                </div>
                @if ($isEdit)
                <div class="mb-0">
                    <label class="form-label" for="page-slug">{{ t_raw('common.slug') }}</label>
                    @php // Read-only, and carries no name so it cannot post: the slug is the public
                          // URL and the key the four core pages are recognised by. Shown because an
                          // editor needs to know which page they are on; generated from the title on
                          // first save rather than typed.
@endphp
                    <input type="text" id="page-slug" class="form-control" value="{{ $slug }}" readonly>
                </div>
                @endif
            </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 page's own
                  // title and the site default are used. The description is the page's own
                  // meta_description column rather than a second SEO field, because storing it twice
                  // would let the two disagree.
@endphp
            <div class="qm-card">
                <h2>{{ t_raw('admin.seo.page_section') }}</h2>
                <div class="mb-3">
                    <label class="form-label" for="page-seo-title">{{ t_raw('admin.seo.f_meta_title') }}</label>
                    <input type="text" id="page-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="page-meta">{{ t_raw('admin.pages.meta_label') }}</label>
                    <textarea id="page-meta" name="meta_description" class="form-control" rows="3" maxlength="300" placeholder="{{ t_raw('admin.settings.placeholder_meta_description') }}">{{ $page['meta_description'] ?? '' }}</textarea>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{ t_raw('admin.seo.f_share_image') }}</label>
                    @php // The shared media field: browse the library, upload or crop — never a typed
                          // path. Seo::shareImage() resolves anything under assets/, and the library
                          // writes to assets/uploads/, so a picked image works as an og:image.
@endphp
                    {!! media_field_html('seo_image', $seo['image'], ['accept' => 'image', 'allowClear' => true, 'id' => 'page-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.pages.submit_save') : t('admin.pages.submit_create') !!}</button>
                <a href="{{ route('admin.pages') }}" class="qm-btn qm-btn-outline">{{ t_raw('common.cancel') }}</a>
            </div>
        </div>
    </div>
</form>

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