{# SPDX-License-Identifier: AGPL-3.0-or-later #}
{# SPDX-FileCopyrightText: 2026 JWP Consulting GK #}
{% extends "admin/change_form.html" %}
{% load i18n %}
{% load static %}
{# load admin_urls to use 'add_preserved_filters' #}
{% load admin_urls %}
{% load humanize %}
{% block extrahead %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'admin/css/page_change_form.css' %}">
{% endblock %}
{% block content_title %}
    <h1>
        {% if original.pk and original.draft %}
            {% translate 'Edit draft page' %}
        {% elif original.pk and not original.draft %}
            {% translate 'Edit published page' %}
        {% else %}
            {% translate 'Add new page' %}
        {% endif %}
    </h1>
{% endblock %}
{% block content_subtitle %}{% endblock %}
{% block object-tools-items %}{% endblock %}
{% partialdef upload_qr %}
    <p>
        {% trans 'Scan this QR code to upload images from another device.' %}
        {% blocktrans with seconds=expiry_seconds|naturaltime ts=expiry_seconds.timestamp %}
            This link expires in
            <time data-expiry="{{ ts }}" data-expiry-text="seconds from now">
                {{ seconds }}
            </time>.
        {% endblocktrans %}
        <button type="button" data-close-upload-qr>{% trans "Close" %}</button>
    </p>
    {{ qr }}
    <p>
        {% blocktrans %}
            Alternatively, log in with
            <a href="{{ login_url }}" class="upload-login-url">this link</a>.
        {% endblocktrans %}
    </p>
{% endpartialdef %}
{% partialdef submit_buttons %}
    {% 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 %}
{% endpartialdef %}
{% partialdef resources %}
    <section id="page-resources">
        <h2>
            {% trans 'Page resources' %}
            {% if has_upload_login and original.pk %}
                <button type="button"
                        class="button"
                        hx-get="{% url 'admin:koriander_page_upload_login_qr' original.pk %}"
                        hx-target="#upload-qr-container">{% trans "QR" %}</button>
            {% endif %}
        </h2>
        {% if has_upload_login %}
            <div id="upload-qr-container"></div>
        {% endif %}
        {# Show resources only when there's a saved page #}
        {% if original.pk %}
            {% with resources=original.pageresource_set.all %}
                {% if resources %}
                    <div class="resource-tiles">
                        {% for resource in resources %}
                            <div class="resource-tile">
                                {% csrf_token %}
                                {% if resource.name in unused %}
                                    {% trans 'Unused' %}
                                {% 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 class="button" type="button" data-resource-name="{{ resource.name }}">{% trans 'Insert' %}</button>
                                    <button class="button delete"
                                            type="button"
                                            data-delete-resource
                                            hx-post="{% url 'admin:koriander_page_resource_delete' original.pk resource.pk %}"
                                            hx-confirm="{% trans 'Are you sure you want to delete this resource?' %}"
                                            hx-select="#page-resources"
                                            hx-target="#page-resources">{% trans 'Delete' %}</button>
                                </p>
                            </div>
                        {% endfor %}
                    </div>
                {% else %}
                    <p>{% trans "This is where this page's images show up. Try adding an image by copying and pasting it or drag and dropping it into the editor." %}</p>
                {% endif %}
            {% endwith %}
        {% else %}
            <p>{% trans 'Save this page to add page resources.' %}</p>
        {% 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">
                    <legend class="visually-hidden">{% trans 'Page contents' %}</legend>
                    <div class="title-field">
                        {{ adminform.form.title.errors }}
                        {{ adminform.form.slug.errors }}
                        <label class="visually-hidden" for="{{ adminform.form.title.id_for_label }}">{{ adminform.form.title.label }}:</label>
                        {{ adminform.form.title }}
                        <p class="help">
                            {% if original.pk %}
                                {% blocktrans %}
                                    Press <strong>Edit address</strong> to change the page address.
                                {% endblocktrans %}
                            {% else %}
                                {% blocktrans %}
                                    Determines page title when you press <strong>Save draft</strong> or <strong>Publish</strong>.
                                {% endblocktrans %}
                            {% endif %}
                        </p>
                    </div>
                    <div class="address-info-row">
                        <p>
                            {% if original.pk %}
                                <label>{% trans "Address:" %}</label>
                                {{ original.address }}
                                {% if not original.is_root %}
                                    <a href="{% url 'admin:koriander_page_slug_edit' original.pk %}">{% trans "Edit address" %}</a>
                                    <label>{% trans "Parent:" %}</label>
                                    {{ parent_link }}
                                {% endif %}
                            {% else %}
                                {{ parent_link }}
                                {{ adminform.form.parent }}
                            {% endif %}
                        </p>
                        <div id="compact-submit-buttons">{% partial submit_buttons %}</div>
                    </div>
                    {{ adminform.form.content_md.errors }}
                    <label class="hidden" for="{{ adminform.form.content_md.id_for_label }}">{% trans "Content (markdown)" %}</label>
                    {{ adminform.form.content_md }}
                    {% 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 %}
                            <div class="line-contents">
                                <label>{% trans "Status:" %}</label>
                                {% if original.pk and not original.draft %}
                                    <p>
                                        {% blocktranslate with date=original.publish_date %}
                                            Published on {{ date }}
                                        {% endblocktranslate %}
                                        <a href="{% url 'admin:koriander_page_publish_date_edit' original.pk %}">{% trans "Edit" %}</a>
                                    </p>
                                {% else %}
                                    {% translate 'This page is a draft and not public.' %}
                                {% endif %}
                            </div>
                            {{ 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">
                            {% partial submit_buttons %}
                            {% 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>
                        <legend class="visually-hidden">{% trans 'Tags' %}</legend>
                        <div class="inner">
                            {{ adminform.form.tags.errors }}
                            <label class="visually-hidden" 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 %}
                        <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>
                            {% if original.is_branch %}
                                {% if children %}
                                    <h3>{% blocktrans with count=children|length%}Children ({{ count }} total){% endblocktrans %}</h3>
                                    <ul>
                                        {% for child in children|slice:":10" %}
                                            <li><a href="{% url 'admin:koriander_page_change' child.pk %}"
   target="_blank">{{ child.address }}</a></li>
                                        {% endfor %}
                                    </ul>
                                    {% if children|length > 10 %}
                                        <p>
                                            <a href="{% url 'admin:koriander_page_changelist' %}?q=parent:{{ original.pk }}">{% trans 'View all children' %}</a>
                                        </p>
                                    {% endif %}
                                    <p>
                                        <a href="{% url 'admin:koriander_page_add' %}?parent_pk={{ original.pk }}">{% trans 'Add child page' %}</a>
                                    </p>
                                {% else %}
                                    <h3>{% trans 'Children' %}</h3>
                                    <p>
                                        {% translate 'This page has no children.' %}
                                        <a href="{% url 'admin:koriander_page_add' %}?parent_pk={{ original.pk }}">{% trans 'Add child page' %}</a>
                                    </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 %}
                                <div class="inner">
                                    {{ 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 }}
                                    <details class="help">
                                        <summary>{% trans 'Add the publish date (YYYY-MM-DD-) to the auto-generated slugs of child pages.' %}</summary>
                                        <p>
                                            {% blocktrans %}
                                                Example: <code>blog/slug.html</code> → <code>blog/1999-12-31-slug.html</code>
                                            {% endblocktrans %}
                                        </p>
                                        <p>
                                            {% blocktrans %}
                                                Updating this setting only
                                                changes how new page Koriander
                                                generates new page slugs.
                                                Change existing slugs using the
                                                page address <strong>Edit</strong> link.
                                            {% endblocktrans %}
                                        </p>
                                    </details>
                                </div>
                            {% else %}
                                <p>
                                    <a href="{% url 'admin:koriander_page_convert_to_branch' original.pk %}">{% trans "Convert to branch" %}</a>
                                </p>
                            {% endif %}
                            <p>
                                <a href="{% url 'admin:koriander_page_hierarchy' %}">{% trans "View entire page hierarchy" %}</a>
                            </p>
                        </fieldset>
                    {% endif %}
                    <fieldset class="module two-column">
                        <h2>{% trans "Options" %}</h2>
                        <legend class="visually-hidden">{% trans "Options" %}</legend>
                        <div class="inner">
                            {{ adminform.form.display_toc.errors }}
                            <label for="{{ adminform.form.display_toc.id_for_label }}">{% trans 'Show table of contents:' %}</label>
                            {{ adminform.form.display_toc }}
                            <div class="help">{% trans 'Show table of contents when rendering this article.' %}</div>
                            {{ adminform.form.translate_math.errors }}
                            <label for="{{ adminform.form.translate_math.id_for_label }}">{{ adminform.form.translate_math.label }}</label>
                            {{ adminform.form.translate_math }}
                            <div class="help">{{ adminform.form.translate_math.help_text }}</div>
                            {{ adminform.form.template.errors }}
                            <label for="{{ adminform.form.template.id_for_label }}">{{ adminform.form.template.label }}</label>
                            {{ adminform.form.template }}
                            <div class="help">{{ adminform.form.template.help_text }}</div>
                        </div>
                    </fieldset>
                    {% if original and original.pk %}
                        <div 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>
                        </div>
                        <div class="module two-column">
                            {% with history=original.pageedithistory_set.all %}
                                <h2>
                                    {% blocktrans count counter=history|length %}
                                        Page edit history ({{counter}} edit)
                                    {% plural %}
                                        Page edit history ({{counter}} edits)
                                    {% endblocktrans %}
                                </h2>
                                {% 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>
                                    <p>
                                        <a href="{% url 'admin:koriander_pageedithistory_changelist' %}?q=page_id:{{ original.pk }}">{% trans "View all page edits" %}</a>
                                    </p>
                                {% else %}
                                    <p>{% trans "No edit history." %}</p>
                                {% endif %}
                            {% endwith %}
                        </div>
                    {% 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 %}