{% extends "wagtailadmin/base.html" %}
{% load wagtailadmin_tags i18n staticfiles %}


{% block content %}
    {% trans "Page Records" as title_trans %}
    {% include "wagtailadmin/shared/header.html" with title=title_trans %}

    <div class="nice-padding">

    <h1>{{ object.page.title }}</h1>

        <h2>
            Showing changes made between {{ object.previous_record.created_at }} and
        {{ object.created_at }}{% if object.user %} by {{ object.user }}{% endif %}
        </h2>

       <table class="listing">
            <col width="15%" />
            <col />

            <thead>
                <tr>
                    <th>{% trans "Fields" %}</th>
                    <th>{% trans "Changes" %}</th>
                </tr>
            </thead>

            <tbody>
                {% for comp in object.diff_json %}
                    <tr>
                        <td class="title" valign="top">
                            <h2>{{ comp.label }}:</h2>
                        </td>
                        <td class="comparison{% if not comp.diff %} no-padding{% endif %}">
                            {% if comp.diff %}
                                {{ comp.diff|safe }}
                            {% elif comp.child %}
                                {% for child_comp in comp.child %}
                                    <div class="comparison__child-object {% if child_comp.is_addition %}addition{% elif child_comp.is_deletion %}deletion{% endif %}">
                                        {% if move %}
                                        <div class="help-block help-info">
                                            <p>
                                                {% if move > 0 %}
                                                    {% blocktrans count counter=move %}
                                                        Moved down 1 place.
                                                    {% plural %}
                                                        Moved down {{ counter }} places.
                                                    {% endblocktrans %}
                                                {% elif move < 0 %}
                                                    {% blocktrans count counter=move|abs %}
                                                        Moved up 1 place.
                                                    {% plural %}
                                                        Moved up {{ counter }} places.
                                                    {% endblocktrans %}
                                                {% endif %}
                                            </p>
                                        </div>
                                        {% endif %}

                                        <dl class="comparison__list">
                                            {% for field_comp in child_comp.get_field_comparisons %}
                                                <dt>{{ field_comp.field_label }}</dt>
                                                <dd>{{ field_comp.htmldiff }}</dd>
                                            {% endfor %}
                                        </dl>
                                    </div>
                                {% endfor %}
                            {% endif %}
                        </td>
                    </tr>
                {% empty %}
                    <tr>
                        <td colspan="2" class="no-results-message">
                            <p>{% trans "There are no differences between these two revisions" %}</p>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

{% endblock %}

{% block extra_css %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'wagtailadmin/css/layouts/compare-revisions.css' %}" type="text/css" />
{% endblock %}