{# SPDX-License-Identifier: AGPL-3.0-or-later #}
{# SPDX-FileCopyrightText: 2026 JWP Consulting GK #}
{% extends "_default/baseof.html" %}
{% load static %}
{% block title %}Edit – {{ page.title }}{% endblock %}
{% block extrahead %}
    <meta name="htmx-config"
          content='{ "inlineScriptNonce":"{{ csp_nonce }}", "inlineStyleNonce":"{{ csp_nonce }}", "allowEval": false }'>
    <link rel="stylesheet" href="{% static 'font-awesome/css/all.min.css' %}">
    <link rel="stylesheet" href="{% static 'easymde/easymde.min.css' %}">
    <script src="{% static 'htmx/htmx.js' %}" defer></script>
    <script src="{% static 'easymde/easymde.min.js' %}" defer></script>
    <script src="{% static 'post_editor.js' %}" defer></script>
{% endblock extrahead %}
{% block editor %}
    <h1>Edit: {{ page.title }}</h1>
    <form class="w-full"
          id="editor-form"
          method="post"
          action="{% url 'editor' path=page_path %}"
          data-image-upload-url="{% url 'editor_image_upload' path=page_path %}"
          data-preview-url="{% url 'editor_preview' path=page_path %}"
          data-image-max-size="{{ image_max_size }}"
          data-back-url="{{ page.get_absolute_url }}"
          data-image-accept="{{ image_accept }}"
          data-page-search-url="{% url 'page_search' %}">
        {% csrf_token %}
        <textarea id="editor-content" name="content_md">{{ content_md }}</textarea>
    </form>
    <dialog id="link-dialog">
        <form method="dialog">
            <h2>Link to page</h2>
            {{ link_search_form.q.as_field_group }}
            <div id="link-results-container">
                <ul id="link-results">
                </ul>
            </div>
            <button type="submit" id="link-cancel">Cancel</button>
        </form>
    </dialog>
    <dialog id="footnote-dialog">
        <form method="dialog">
            <h2>Insert footnote</h2>
            <label for="footnote-name">Footnote name</label>
            <input type="text"
                   id="footnote-name"
                   placeholder="e.g. my-note"
                   autocomplete="off">
            <button type="submit" id="footnote-insert">Insert</button>
            <button type="submit" id="footnote-cancel">Cancel</button>
        </form>
    </dialog>
{% endblock %}