{% extends "admin/base.html" %}
{% from "admin/_image_picker_field.html" import image_picker_field %}
{% set is_edit = page is not none %}
{% 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 %}
<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 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="{{ url_for('page_admin.edit_page', page_id=page.id) if is_edit else url_for('page_admin.new_page') }}">
  <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>
    <label for="slug">Slug</label>
    <input type="text" name="slug" id="slug" required pattern="[a-z0-9-]+"
           value="{{ form.get('slug', '') }}">
  </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 %}

  <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>

  <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 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."
     ) }}

  {% if is_edit %}
  <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>
  {% endif %}

  <div class="actions">
    <button type="submit">{{ 'Save' if is_edit else 'Create' }}</button>
    <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. #}
{% if is_edit and current_kind == 'resume' %}
  {% for partial_path in resume_admin_extras() %}
    {% include partial_path %}
  {% endfor %}
{% endif %}
{% endblock %}