{# 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' %}">
    <div id="editor-form">
        <textarea class="hidden" name="{{ widget.name }}">{% if widget.value %}{{ widget.value }}{% endif %}</textarea>
    </div>
    <dialog id="link-dialog">
        <form method="dialog">
            <h2>{% trans 'Link to page' %}</h2>
            {{ link_search_form.page_query.as_field_group }}
            <div id="link-results-container">
                <ul id="link-results">
                </ul>
            </div>
            <button type="submit" id="link-cancel">{% trans 'Cancel' %}</button>
        </form>
    </dialog>
    <dialog id="footnote-dialog">
        <form method="dialog">
            <h2>{% trans 'Insert footnote' %}</h2>
            <label for="footnote-name">{% trans 'Footnote name' %}</label>
            <input type="text"
                   id="footnote-name"
                   placeholder="e.g. my-note"
                   autocomplete="off">
            <button type="submit" id="footnote-insert">{% trans 'Insert' %}</button>
            <button type="submit" id="footnote-cancel">{% trans 'Cancel' %}</button>
        </form>
    </dialog>
</template>
<post-editor {% if image_upload_url %}data-image-upload-url="{{ image_upload_url }}"{% endif %}
             data-widget-name="{{ widget.name }}"
             {% if preview_url %}data-preview-url="{{ preview_url }}"{% endif %}
             data-image-max-size="{{ image_max_size }}"
             data-image-accept="{{ image_accept }}"
             data-page-search-url="{% url 'page_search' %}">
</post-editor>