{# SPDX-License-Identifier: AGPL-3.0-or-later #}
{# SPDX-FileCopyrightText: 2026 JWP Consulting GK #}
{% load static %}
{% load i18n %}
<textarea class="hidden" name="{{ widget.name }}">{% if widget.value %}{{ widget.value }}{% endif %}</textarea>
<template id="post-editor-template">
    <link rel="stylesheet" href="{% static "font-awesome/css/all.min.css" %}">
    <link rel="stylesheet" href="{% static "easymde/easymde.css" %}">
    <link rel="stylesheet" href="{% static "admin/css/markdown_widget.css" %}">
    <link rel="stylesheet" href="{% static "admin/css/base.css" %}">
    <link rel="stylesheet" href="{% static "admin/css/forms.css" %}">
    <div id="editor-form">
        <div id="unsaved-changes" class="hidden unsaved-changes-container">
            <button title="{% trans 'Discard unsaved changes' %}"
                    aria-label="{% trans 'Discard unsaved changes' %}"
                    id="revert-button"
                    type="button">
                <i class="fa fa-undo"></i>
            </button>
            {% trans 'You have unsaved changes' %}
        </div>
        <textarea class="hidden" name="{{ widget.name }}">{% if widget.value %}{{ widget.value }}{% endif %}</textarea>
    </div>
    <dialog id="link-dialog" closedby="any">
        <form method="dialog" hx-indicator="#link-search-indicator">
            <h2>{% trans 'Link to page' %}</h2>
            <div class="module">
                <label for="{{ link_search_form.page_query.id_for_label }}">
                    {% blocktrans with label=link_search_form.page_query.label %}{{ label }}:{% endblocktrans %}
                </label>
                {{ link_search_form.page_query }}
                <div class="help">{{ link_search_form.page_query.help_text }}</div>
            </div>
            <div id="link-results-container">
                <ul id="link-results">
                    {% comment %}
                    htmx populates this with a page list rendered by
                    and `page_search_view` in `src/koriander/staff_views.py`
                    using the following template:
                    src/koriander/templates/editor/page_search_results.html
                    {% endcomment %}
                </ul>
            </div>
            <span id="link-search-indicator" class="htmx-indicator">{% trans 'Loading…' %}</span>
            <div class="submit-row">
                <input type="submit"
                       name="close"
                       formmethod="dialog"
                       value="{% trans 'Cancel' %}">
            </div>
        </form>
    </dialog>
    <dialog id="footnote-dialog" closedby="any">
        <form method="dialog">
            <h2>{% trans 'Insert footnote' %}</h2>
            <div class="module">
                <label for="footnote-name">{% trans 'Footnote name' %}</label>
                {% comment %}
            See the following page for an overview of character classes
            https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions/Character_classes#types
                {% endcomment %}
                <input type="text"
                       id="footnote-name"
                       placeholder="{% trans 'Example: My-note-01' %}"
                       title="Can not contain whitespace character"
                       autocomplete="off">
                <div class="help">{% trans 'Examples: source-1, see-also-2, RFC-9110' %}</div>
            </div>
            <div class="submit-row">
                <input type="submit" class="default" value="{% trans 'Insert' %}">
                <input type="submit"
                       name="close"
                       formmethod="dialog"
                       value="{% trans 'Cancel' %}">
            </div>
        </form>
    </dialog>
    <dialog id="reset-dialog" closedby="any">
        <form method="dialog">
            <h2>{% trans 'Discard unsaved changes' %}</h2>
            <p>{% trans 'Are you sure you want to discard all unsaved changes?' %}</p>
            <div class="submit-row">
                <button class="button" type="submit" name="reset">{% trans 'Discard' %}</button>
                <input type="submit"
                       name="close"
                       formmethod="dialog"
                       value="{% trans 'Cancel' %}">
            </div>
        </form>
    </dialog>
</template>
<post-editor {% include "django/forms/widgets/attrs.html" %}>
</post-editor>