{# SPDX-License-Identifier: AGPL-3.0-or-later #}
{# SPDX-FileCopyrightText: 2026 JWP Consulting GK #}
{% extends "admin/change_form.html" %}
{% load i18n %}
{% load static %}
{# for add_preserved_filters #}
{% load admin_urls %}
{% block extrahead %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'admin/css/page_change_form.css' %}">
{% endblock %}
{% block content_title %}
    <h1>
        {% if original.pk %}
            {% translate 'Edit page' %}
        {% else %}
            {% translate 'Add new page' %}
        {% endif %}
    </h1>
{% endblock %}
{% block content_subtitle %}{% endblock %}
{% block object-tools-items %}{% endblock %}
{% partialdef resources %}
    <section id="page-resources">
        <h2>Page Resources</h2>
        {# Show resources only when there's a saved page #}
        {% if original.pk %}
            <div id="unused-resources"></div>
            <div class="resource-tiles">
                {% for resource in original.pageresource_set.all %}
                    <div class="resource-tile">
                        {% csrf_token %}
                        {% if resource.name in unused %}<span><{% trans 'unused' %}</span>{% endif %}
                        {% if resource.type == 'IMAGE' and resource.image_instance %}
                            <a href="{{ resource.image_instance.full_url }}" target="_blank">
                                <img src="{{ resource.image_instance.full_url }}"
                                     width="{{ resource.image_instance.width }}"
                                     height="{{ resource.image_instance.height }}"
                                     alt="{{ resource.name }}">
                            </a>
                        {% endif %}
                        <p>
                            <a href="{% url 'admin:koriander_pageresource_change' resource.pk %}">{{ resource.name }}</a>
                        </p>
                        <p>
                            <button type="button" data-resource-name="{{ resource.name }}">{% trans 'Insert' %}</button>
                        </p>
                        <p>
                            <button type="submit"
                                    hx-post="{% url 'editor_resource_delete' path=original.address resource_pk=resource.pk %}"
                                    hx-confirm="{% trans 'Are you sure you want to delete this resource?' %}"
                                    hx-target="#page-resources">{% trans 'Delete' %}</button>
                        </p>
                    </div>
                {% empty %}
                    <p>{% trans 'No resources.' %}</p>
                {% endfor %}
            </div>
            <p>{% trans 'Toggle preview in editor to show unused page resouces' %}</p>
        {% else %}
            {% blocktrans %}
            Save this page to add page resources.
        {% endblocktrans %}
        {% endif %}
    </section>
{% endpartialdef %}
{% block content %}
    <div id="content-main">
        <form {% if has_file_field %}enctype="multipart/form-data" {% endif %}
              {% if form_url %}action="{{ form_url }}" {% endif %}method="post"
              id="{{ opts.model_name }}_form">
            {% csrf_token %}
            <div class="koriander-editor-layout">
                <fieldset class="editor-field">
                    <div class="title-field">
                        {{ adminform.form.title.errors }}
                        {{ adminform.form.slug.errors }}
                        {{ adminform.form.title }}
                    </div>
                    {% if original.pk %}
                        <p>
                            <label>{% trans "Address:" %}</label>
                            {{ original.address }}
                            {% if not original.is_root %}
                                <a href="{% url 'admin:koriander_page_slug_edit' original.pk %}">{% trans 'Edit' %}</a>
                                <label>{% trans "Parent:" %}</label>
                                {{ parent_link }}
                            {% endif %}
                        </p>
                    {% else %}
                        <p>{{ parent_link }}</p>
                        {{ adminform.form.parent }}
                    {% endif %}
                    <div>
                        {{ adminform.form.content_md.errors }}
                        <label for="{{ adminform.form.content_md.id_for_label }}">{% trans "Content (markdown)" %}</label>
                        {{ adminform.form.content_md }}
                    </div>
                    {% partial resources %}
                </fieldset>
                <div id="page-options">
                    <fieldset class="module two-column">
                        <h2>{% trans "Publish" %}</h2>
                        <div class="inner">
                            {% if original.pk %}
                                <p class="line-contents">
                                    <label>{% trans "Preview:" %}</label>
                                    <a href="{{ original.get_absolute_url }}" target="_blank">{% trans 'View on site' %}</a>
                                </p>
                            {% endif %}
                            <p class="line-contents">
                                <label>{% trans "Status:" %}</label>
                                {% if original.pk and not original.draft %}
                                    {% blocktranslate with date=original.publish_date%}
                                Published on {{ date }}
                            {% endblocktranslate %}
                                {% else %}
                                    {% translate 'This page is a draft and not public.' %}
                                {% endif %}
                            </p>
                            {{ adminform.form.visibility.errors }}
                            <label for="{{ adminform.form.visibility.id_for_label }}">
                                {% blocktrans with label=adminform.form.visibility.label %}{{ label }}:{% endblocktrans %}
                            </label>
                            {{ adminform.form.visibility }}
                            <div class="help">{{ adminform.form.visibility.help_text }}</div>
                            {{ adminform.form.author.errors }}
                            <label for="{{ adminform.form.author.id_for_label }}">
                                {% blocktrans with label=adminform.form.author.label %}{{ label }}:{% endblocktrans %}
                            </label>
                            {{ adminform.form.author }}
                            <div class="help">{{ adminform.form.author.help_text }}</div>
                        </div>
                        <div class="submit-row">
                            {% if original.pk and not original.draft %}
                                <input type="submit"
                                       value="{% trans 'Save' %}"
                                       class="default"
                                       data-primary-action
                                       name="_continue">
                                <input type="submit" value="{% trans 'Make draft' %}" name="_save_draft">
                            {% else %}
                                <input type="submit"
                                       class="default"
                                       data-primary-action
                                       value="{% trans 'Save draft' %}"
                                       name="_save_draft">
                                <input type="submit" value="{% trans 'Publish' %}" name="_publish">
                            {% endif %}
                            {% if original and original.pk %}
                                {# from django/contrib/admin/templates/admin/submit_line.html #}
                                {% url opts|admin_urlname:'delete' original.pk|admin_urlquote as delete_url %}
                                <a role="button"
                                   href="{% add_preserved_filters delete_url %}"
                                   class="deletelink">{% translate "Delete" %}</a>
                            {% endif %}
                        </div>
                    </fieldset>
                    <fieldset class="module two-column">
                        <h2>{% trans "Tags" %}</h2>
                        <div class="inner">
                            {{ adminform.form.tags.errors }}
                            <label for="{{ adminform.form.tags.id_for_label }}">
                                {% blocktrans with label=adminform.form.tags.label %}{{ label }}:{% endblocktrans %}
                            </label>
                            {{ adminform.form.tags }}
                            <div class="help">{{ adminform.form.tags.help_text }}</div>
                        </div>
                    </fieldset>
                    {% if original and original.pk and original.content_html %}
                        <fieldset class="module">
                            <h2>{% translate 'Actions' %}</h2>
                            <ul class="action-list">
                                {% if original.content_html %}
                                    <li><a href="{% url 'admin:koriander_page_html_to_markdown' original.pk %}">HTML to MD</a></li>
                                {% endif %}
                                {% if original.is_branch %}
                                    {% comment %}

            <a href="{% url 'admin:koriander_page_markdown_upload' original.pk %}">{% trans "Upload Markdown" %}</a>

                                    {% endcomment %}
                                {% else %}
                                {% endif %}
                            </ul>
                        </fieldset>
                    {% endif %}
                    {% if original and original.pk %}
                        <fieldset class="module two-column">
                            <h2>{% trans "Page hierarchy" %}</h2>
                            <p>
                                <label>{% trans 'Parent:' %}</label>
                                {% if original.is_root %}
                                    {% trans 'This is your CMS root page.' %}
                                {% else %}
                                    {{ parent_link }}
                                {% endif %}
                            </p>
                            <h3>{% trans 'Children' %}</h3>
                            {% if original.is_branch %}
                                {% if children %}
                                    <p>
                                        <a href="{% url 'admin:koriander_page_add' %}?parent_pk={{ original.pk }}">{% trans 'Add child page' %}</a>
                                    </p>
                                    <ul>
                                        {% for child in children|slice:":10" %}
                                            <li><a href="{% url 'admin:koriander_page_change' child.pk %}"
   target="_blank">{{ child.get_absolute_url }}</a></li>
                                        {% endfor %}
                                    </ul>
                                    {% if children|length > 10 %}
                                        <a href="{% url 'admin:koriander_page_changelist' %}?q=parent:{{ original.pk }}">{% trans 'View all children' %}</a>
                                    {% endif %}
                                {% else %}
                                    <p>{% translate 'This page has no children.' %}</p>
                                    <p>
                                        {% if not original.is_root %}
                                            <a href="{% url 'admin:koriander_page_convert_to_leaf' original.pk %}">{% trans "Convert to leaf" %}</a>
                                        {% endif %}
                                    </p>
                                {% endif %}
                            {% else %}
                                <p>
                                    <a href="{% url 'admin:koriander_page_convert_to_branch' original.pk %}">{% trans "Convert to branch" %}</a>
                                </p>
                            {% endif %}
                        </fieldset>
                    {% endif %}
                    <fieldset class="module two-column">
                        <h2>{% trans "Options" %}</h2>
                        <div class="inner">
                            {{ adminform.form.display_toc.errors }}
                            <label for="{{ adminform.form.display_toc.id_for_label }}">{{ adminform.form.display_toc.label }}</label>
                            {{ adminform.form.display_toc }}
                            <div class="help">{{ adminform.form.display_toc.help_text }}</div>
                            {{ adminform.form.date_prefix_children.errors }}
                            <label for="{{ adminform.form.date_prefix_children.id_for_label }}">{{ adminform.form.date_prefix_children.label }}</label>
                            {{ adminform.form.date_prefix_children }}
                            <div class="help">{{ adminform.form.date_prefix_children.help_text }}</div>
                        </div>
                    </fieldset>
                    {% if original and original.pk %}
                        <fieldset class="module two-column">
                            <h2>{% trans "Page aliases" %}</h2>
                            {% with aliases=original.alias_set.all %}
                                {% if aliases %}
                                    <p>
                                        {% blocktrans with address=original.address %}
                                    These page aliases redirect to <code>{{ address }}</code>:
                                {% endblocktrans %}
                                    </p>
                                    <ul>
                                        {% for alias in aliases %}
                                            <li>
                                                <a href="{% url 'admin:koriander_alias_change' alias.pk %}">{{ alias.address }}</a>
                                            </li>
                                        {% endfor %}
                                    </ul>
                                {% else %}
                                    <p>
                                        {% blocktrans with address=original.address %}
                                    No page aliases redirect to <code>{{ address }}</code>.
                                {% endblocktrans %}
                                    </p>
                                {% endif %}
                            {% endwith %}
                            <p>
                                <a href="{% url 'admin:koriander_alias_add' %}?target={{ original.pk }}">{% trans "Add page alias" %}</a>
                            </p>
                        </fieldset>
                        <fieldset class="module two-column">
                            <h2>{% trans "Page edit history" %}</h2>
                            {% with history=original.pageedithistory_set.all %}
                                {% if history %}
                                    <ul>
                                        {% for entry in history|slice:":10" %}
                                            <li>
                                                <a href="{% url 'admin:koriander_pageedithistory_change' entry.pk %}">{{ entry.created }}</a>
                                                {% if entry.edited_by %}
                                                    <a href="{% url 'admin:koriander_user_user_change' entry.edited_by.pk %}">
                                                        {% blocktrans with editor=entry.edited_by  %} edited by {{ editor }}
                                        {% endblocktrans %}
                                                    </a>
                                                {% endif %}
                                            </li>
                                        {% endfor %}
                                    </ul>
                                    {% if history|length > 10 %}
                                        <p>
                                            <a href="{% url 'admin:koriander_pageedithistory_changelist' %}?q=page_id:{{ original.pk }}">{% trans "View all page edits" %}</a>
                                        </p>
                                    {% endif %}
                                {% else %}
                                    <p>{% trans "No edit history." %}</p>
                                {% endif %}
                            {% endwith %}
                        </fieldset>
                    {% endif %}
                </div>
                <button type="button"
                        class="sticky toggle-page-options"
                        id="toggle-page-options"
                        aria-label="{% translate 'Toggle page options' %}"
                        aria-expanded="true"
                        aria-controls="page-options"></button>
            </div>
        </form>
    </div>
    <script src="{% static 'admin/js/page_change_form.js' %}"></script>
{% endblock content %}