{% extends "admin/base.html" %}
{% from "admin/_image_picker_field.html" import image_picker_field %}
{% set is_edit = post is not none %}
{# In working-copy mode `post` is a PostWorkingCopy, so `post.id` is the
   WC's id, NOT a live post id. `working_copy_post_id` is the live post
   id; use it for every live-post route (form action, backlinks, etc.). #}
{% set is_wc = is_working_copy | default(false) %}
{% block title %}{{ 'Edit' if is_edit else 'New' }} post · bragi admin{% endblock %}
{% block content %}
<h1>{{ 'Edit post' if is_edit else 'New post' }}</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='post', target_id=post.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 post 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 (and tags)
    onto the live post and publish it.
  </p>
  {# Preview (Task 5b): opens the staged content rendered through the real
     theme at the live post URL, on the delivery host, in a new tab.
     Suppressed when the site has no canonical (delivery) URL configured
     (preview_url is None). #}
  {% if preview_url %}
  <a href="{{ preview_url }}" target="_blank" rel="noopener" class="button">Preview &raquo;</a>
  {% endif %}
  {# Promote (Task 5c): copy the staged fields + tags onto the live post 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('post_admin.promote_post_working_copy', post_id=working_copy_post_id) }}"
        onsubmit="return confirm('Promote this working copy? The staged content becomes the live post.');"
        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>
  {# Discard (Task 5a): delete the working copy; the live post is
     unaffected, no hooks fire. #}
  <form method="post"
        action="{{ url_for('post_admin.discard_post_working_copy', post_id=working_copy_post_id) }}"
        onsubmit="return confirm('Discard this working copy? The live post 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 %}

<form method="post"
      action="{% if is_wc %}{{ url_for('post_admin.save_post_working_copy', post_id=working_copy_post_id) }}{% elif is_edit %}{{ url_for('post_admin.edit_post', post_id=post.id) }}{% else %}{{ url_for('post_admin.new_post') }}{% endif %}">
  <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
  <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="body_markdown">Body (markdown)</label>
    {% include "admin/_tiptap_editor.html" %}
    <textarea name="body_markdown" id="body_markdown">{{ form.get('body_markdown', '') }}</textarea>
  </fieldset>

  {# 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="scheduled" {% if current_status == 'scheduled' %}selected{% endif %}>Scheduled</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 %}

  {# Show the pin controls on a published live post, AND always in WC
     mode: a working copy is forked from a published post, so its pin
     state is meaningful and must stay editable (otherwise a WC save with
     the controls hidden would silently submit no pin field and blank the
     forked pin). #}
  {% if is_wc or form.get('status') == 'published' %}
  <fieldset>
    <label style="display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.25rem;">
      <input type="checkbox" name="is_pinned" value="1"
             {% if form.get('is_pinned') == '1' %}checked{% endif %}>
      Pin on landing page
    </label>
    <label for="pinned_until" style="margin-left: 1.5rem;">
      Optional auto-unpin date:
      <input type="datetime-local" name="pinned_until" id="pinned_until"
             value="{{ form.get('pinned_until', '') }}">
    </label>
    <small style="margin-left: 1.5rem;">Naive UTC. Leave blank for an open-ended pin.</small>
  </fieldset>
  {% endif %}

  <fieldset>
    <label for="tags">Tags</label>
    <input type="text" name="tags" id="tags"
           value="{{ form.get('tags', '') }}">
    <small>Comma-separated. New tags are created on save; existing
       tags are re-used by slug.</small>
  </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, the landing-page card thumbnail, and the post-detail hero. 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). Restricted to live edit. #}
  {% 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>
  {% endif %}

  {# On a PUBLISHED post, the live Save is relabelled so the operator sees
     that it publishes immediately; the staging affordance is a second
     submit button on the SAME form (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 post.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 post, 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/
       tags/etc. to stage_post; a separate form (illegal to nest) would
       submit none of it. #}
    {% if is_published_live %}
    <button type="submit" class="btn"
            formaction="{{ url_for('post_admin.stage_post', post_id=post.id) }}">
      Stage edits (working copy)
    </button>
    {% endif %}
    <a href="{{ url_for('post_admin.list_posts') }}" 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 %}
{% endblock %}