{% extends "admin/base.html" %}
{% from "admin/_image_picker_field.html" import image_picker_field %}
{% set is_edit = page is not none %}
{# In working-copy mode `page` is a PageWorkingCopy, so `page.id` is the
   WC's id, NOT a live page id. `working_copy_page_id` is the live page
   id; use it for every live-page route (form action, backlinks, etc.). #}
{% set is_wc = is_working_copy | default(false) %}
{% block title %}{{ 'Edit' if is_edit else 'New' }} page · bragi admin{% endblock %}
{% block content %}
<h1>{{ 'Edit page' if is_edit else 'New page' }}</h1>
{% if is_edit and not is_wc %}
<p style="margin-top: -0.5em; color: #666;">
  <a href="{{ url_for('internal_links_admin.backlinks', target_type='page', target_id=page.id) }}">Backlinks &raquo;</a>
</p>
{% endif %}

{% if is_wc %}
<div class="banner banner--info">
  <p><strong>You're editing a working copy &mdash; the live page is unchanged.</strong></p>
  <p>
    Saves here go to the working copy only; they do not publish.
    Use <strong>Promote</strong> to copy the staged content onto the
    live page and publish it.
  </p>
  {# Preview (Task 3): opens the staged content rendered through the real
     theme at the live URL, on the delivery host, in a new tab. Suppressed
     for post_index working copies (no preview path in v1) and when the
     site has no canonical (delivery) URL configured. #}
  {% if preview_url and form.kind != 'post_index' %}
  <a href="{{ preview_url }}" target="_blank" rel="noopener" class="button">Preview &raquo;</a>
  {% elif form.kind == 'post_index' %}
  <p style="margin: 0.25em 0; color: #666;">
    <em>Preview is not available for post_index pages yet.</em>
  </p>
  {% endif %}
  {# Promote (Task 4): copy the staged fields onto the live page and
     publish, atomically (the #430 commit-once-after-hooks pattern). A
     staged slug change leaves the old->new 301 unless skip_redirect is
     checked. #}
  <form method="post"
        action="{{ url_for('page_admin.promote_page_working_copy', page_id=working_copy_page_id) }}"
        onsubmit="return confirm('Promote this working copy? The staged content becomes the live page.');"
        style="display: inline; margin: 0;">
    <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
    <label style="margin-right: 0.5em;">
      <input type="checkbox" name="skip_redirect" value="1">
      Skip 301 redirect on a slug change
    </label>
    <button type="submit" class="primary">Promote (publish working copy)</button>
  </form>
  <form method="post"
        action="{{ url_for('page_admin.discard_page_working_copy', page_id=working_copy_page_id) }}"
        onsubmit="return confirm('Discard this working copy? The live page is unaffected.');"
        style="display: inline; margin: 0;">
    <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
    <button type="submit" class="danger">Discard working copy</button>
  </form>
</div>
{% endif %}

{% if swap_pending %}
<div class="banner banner--warning">
  <p><strong>Confirm post_index swap</strong></p>
  <p>
    Saving will demote <code>{{ swap_target.title }}</code>
    (slug <code>{{ swap_target.slug }}</code>) from post_index
    to static. Post URLs on this site will move from that page's
    path to this page's path; a prefix 301 will be inserted to
    cover the change.
  </p>
  <p>Cancel by going back; confirm by saving again below.</p>
</div>
{% endif %}

{% if demotion_pending %}
<div class="banner banner--warning">
  <p><strong>Confirm post_index demotion</strong></p>
  <p>
    This is the only post_index page on the site. Demoting it to
    static removes the public post URLs from this site:
    {% if demotion_post_count %}
      {{ demotion_post_count }} published post{% if demotion_post_count != 1 %}s{% endif %}
      will become unreachable until another page is promoted to
      post_index.
    {% else %}
      no posts are published yet, but any posts created later will
      have no public URL until another page is promoted to
      post_index.
    {% endif %}
  </p>
  <p>
    Cancel by going back, or promote another page to post_index
    first; confirm by saving again below.
  </p>
</div>
{% endif %}

<form method="post"
      action="{% if is_wc %}{{ url_for('page_admin.save_page_working_copy', page_id=working_copy_page_id) }}{% elif is_edit %}{{ url_for('page_admin.edit_page', page_id=page.id) }}{% else %}{{ url_for('page_admin.new_page') }}{% endif %}">
  <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
  {% if swap_pending %}<input type="hidden" name="acknowledge_swap" value="1">{% endif %}
  {% if demotion_pending %}<input type="hidden" name="acknowledge_demotion" value="1">{% endif %}
  {# Hoist current_kind before the resume-fieldset guard below so the comparison
     doesn't evaluate against Jinja's Undefined and silently return False. #}
  {% set current_kind = form.get('kind', 'static') %}

  <fieldset>
    <label for="title">Title</label>
    <input type="text" name="title" id="title" required
           value="{{ form.get('title', '') }}">
  </fieldset>

  <fieldset>
    {% with slug=form.get('slug', ''),
            full_path=slug_full_path,
            error=none,
            is_edit=is_edit,
            page_id=(working_copy_page_id if is_wc else (page.id if page else none)),
            site_slug=request.view_args['site_slug'] %}
      {% include "admin/_page_slug_field.html" %}
    {% endwith %}
  </fieldset>

  <fieldset>
    <label for="parent_id">Parent page</label>
    <select name="parent_id" id="parent_id">
      <option value="" {% if not form.get('parent_id') %}selected{% endif %}>(root)</option>
      {% for p in parents %}
      <option value="{{ p.id }}"
              {% if form.get('parent_id') == p.id|string %}selected{% endif %}>
        {{ p.title }} (id={{ p.id }})
      </option>
      {% endfor %}
    </select>
    <small>Leave at "(root)" for a top-level page.</small>
  </fieldset>

  <fieldset>
    <label for="body_markdown">Body (markdown)</label>
    {% include "admin/_tiptap_editor.html" %}
    <textarea name="body_markdown" id="body_markdown" rows="15">{{ form.get('body_markdown', '') }}</textarea>
  </fieldset>

  {% if current_kind == 'resume' %}
    {% include "admin/_resume_fieldset.html" %}
  {% endif %}

  {# A working copy carries no status: the live row keeps its PUBLISHED
     status through promote. Hide the control entirely in WC mode so the
     save can't accidentally carry a status field. #}
  {% if not is_wc %}
  <fieldset>
    <label for="status">Status</label>
    <select name="status" id="status">
      {% set current_status = form.get('status', 'draft') %}
      <option value="draft" {% if current_status == 'draft' %}selected{% endif %}>Draft</option>
      <option value="published" {% if current_status == 'published' %}selected{% endif %}>Published</option>
      <option value="archived" {% if current_status == 'archived' %}selected{% endif %}>Archived</option>
    </select>
  </fieldset>
  {% endif %}

  <fieldset>
    <label for="kind">Kind</label>
    <select name="kind" id="kind">
      <option value="static" {% if current_kind == 'static' %}selected{% endif %}>Static page</option>
      <option value="post_index" {% if current_kind == 'post_index' %}selected{% endif %}>Post index (hosts blog listing)</option>
      <option value="resume" {% if current_kind == 'resume' %}selected{% endif %}>Resume / CV (structured content)</option>
    </select>
    <small>
      A site can have at most one post_index page. Promoting another
      page to post_index will demote the existing one back to static
      and you'll be asked to confirm before the change is saved.
    </small>
  </fieldset>

  <fieldset>
    <legend>Navigation</legend>
    {% if is_edit and not is_wc and site is defined and site.home_page_id == page.id %}
    <p class="banner banner--info" style="margin: 0 0 0.75rem 0;">
      This page is mapped to <code>/</code> (your site's home).
      It is automatically hidden from the navigation menu
      regardless of the checkbox below. To change this, edit
      the site's home-page setting in
      <a href="{{ url_for('site_admin.edit_site_current', site_slug=request.view_args['site_slug']) }}">Site settings</a>.
    </p>
    {% endif %}
    <div style="display: flex; align-items: center; gap: 0.5rem;">
      <input type="checkbox" name="show_in_nav" id="show_in_nav" value="1"
             {% if form.get('show_in_nav', '1') == '1' %}checked{% endif %}>
      <label for="show_in_nav" style="margin: 0;">Show in navigation menu</label>
    </div>
    <div style="margin-top: 0.5rem;">
      <label for="menu_order">Menu order</label>
      <input type="number" name="menu_order" id="menu_order"
             value="{{ form.get('menu_order', '0') }}" step="1">
      <small>
        Lower numbers come first within this level; ties broken
        alphabetically by title.
      </small>
    </div>
  </fieldset>

  {{ image_picker_field(
       name="featured_image_id",
       value=form.get("featured_image_id"),
       attachment=featured_image,
       thumb_storage_key=featured_image_thumb_key,
       label="Featured image",
       picker_url=url_for("attachment_admin.picker"),
       site_slug=request.view_args["site_slug"],
       helper="Optional. Used as og:image / twitter:image and as a card thumbnail. Falls back to the site's default featured image when unset."
     ) }}

  {# skip_redirect is meaningless for a working copy: a WC save fires no
     hooks and inserts no 301 (nothing is live). The recompute-from-title
     button references #skip_redirect, so render a hidden input in WC mode
     to keep that script's getElementById from null-dereferencing. #}
  {% if is_edit and not is_wc %}
  <fieldset style="flex-direction: row; align-items: center; gap: 0.5rem;">
    <input type="checkbox" name="skip_redirect" id="skip_redirect" value="1">
    <label for="skip_redirect" style="margin: 0;">
      Skip redirect when slug changes (use for typo fixes in drafts)
    </label>
  </fieldset>
  {% elif is_wc %}
  <input type="hidden" id="skip_redirect">
  {% endif %}

  {# On a PUBLISHED page, the live Save is relabelled so the operator
     sees that it publishes immediately; the prominent staging affordance
     sits in its own form below (HTML forbids nested forms). Drafts edit
     live as today, so the label stays the plain "Save". #}
  {% set is_published_live = is_edit and not is_wc and page.status == 'published' %}
  <div class="actions">
    <button type="submit">
      {%- if is_wc %}Save working copy
      {%- elif is_published_live %}Edit live (publishes immediately)
      {%- elif is_edit %}Save
      {%- else %}Create{% endif -%}
    </button>
    {# On a published page, stage the CURRENT form content (the operator's
       unsaved edits) into a working copy. A second submit button on the
       SAME form with its own `formaction` carries the typed body/title/etc.
       to stage_page; a separate form (illegal to nest) would submit none of
       it. #}
    {% if is_published_live %}
    <button type="submit" class="btn"
            formaction="{{ url_for('page_admin.stage_page', page_id=page.id) }}">
      Stage edits (working copy)
    </button>
    {% endif %}
    <a href="{{ url_for('page_admin.list_pages') }}" class="btn secondary">Cancel</a>
  </div>
</form>

{% if not is_edit %}
<script>
  // Slug live-suggest: as the operator types the title, write a
  // slugified version into the slug field, until they touch it.
  // The server-side handler also fills empty slug at POST time;
  // this script is the live-UX layer.
  (function () {
    const titleEl = document.getElementById('title');
    const slugEl = document.getElementById('slug');
    if (!titleEl || !slugEl) return;
    let touched = slugEl.value.length > 0;
    slugEl.addEventListener('input', function () { touched = true; });
    titleEl.addEventListener('input', function () {
      if (touched) return;
      slugEl.value = slugify(titleEl.value);
    });
    function slugify(text) {
      return text
        .normalize('NFKD')
        .replace(/\p{M}/gu, '')
        .toLowerCase()
        .replace(/[^a-z0-9]+/g, '-')
        .replace(/^-+|-+$/g, '');
    }
  })();
</script>
{% endif %}

{# Resume-source plugin widgets (LinkedIn upload, etc.) live OUTSIDE the
   page-edit form because they post to their own endpoints with their own
   <form> elements. HTML5 forbids nested <form>s; the browser strips the
   inner open tag and the inner </form> prematurely closes the outer
   form, orphaning every input below it (status, kind, show_in_nav, ...).
   Saving in that state silently wipes the orphaned fields back to their
   defaults (kind -> static, status -> draft). Keep these contributions
   OUTSIDE the main form. #}
{# Resume-source widgets (LinkedIn upload, etc.) post to their own
   endpoints that mutate the LIVE page's resume_data directly, so they
   don't belong on the working-copy editor (they'd bypass staging).
   Restricted to live edit. #}
{% if is_edit and not is_wc and current_kind == 'resume' %}
  {% for partial_path in resume_admin_extras() %}
    {% include partial_path %}
  {% endfor %}
{% endif %}
{% endblock %}