{% extends "wagtailadmin/reports/base_page_report_results.html" %}
{% load i18n wagtailadmin_tags %}

{% block results %}
    <style>
        table.listing td:has(.inner-table) {
            padding-block: 0;
        }
        .inner-table tr:first-child {
            border-top: none !important;
        }
        .inner-table tbody:last-child {
            border-bottom: none !important;
        }
        .inner-table td {
            padding-inline-start: 0 !important;
            padding-block: calc(0.5em * var(--w-density-factor));
        }
    </style>
    <table class="listing {% block table_classname %}{% endblock %}">
        <col width="20%" />
        <col width="80%" />
        <thead>
            {% block post_parent_page_headers %}
                <tr class="table-headers">
                    <th class="title">
                        {% trans 'Title' %}
                        {% block extra_columns %}
                        {% endblock %}
                    </th>
                    <th>URL</th>
                </tr>
            {% endblock %}
        </thead>
        <tbody>
            {% for page in pages %}
                {% page_permissions page as page_perms %}
                <tr class="{% if not page.live %}unpublished{% endif %} {% block page_row_classname %}{% endblock %}">
                    <td class="title" valign="top" data-listing-page-title>
                        {% block page_title %}
                            {% i18n_enabled as show_locale_labels %}
                            {% include "wagtailadmin/pages/listing/_page_title_explore.html" with show_locale_labels=show_locale_labels %}
                        {% endblock %}
                    </td>
                    <td colspan="2">
                        <table width="100%" class="inner-table">
                            <col width="30%" />
                            <col width="70%" />
                            {% for link in page.external_links %}
                                <tr>
                                    <td>
                                        {% if link.text != link.url %}
                                            {{ link.text }}
                                        {% endif %}
                                    </td>
                                    <td>
                                        <a href="{{ link.url }}" target="_blank">{{ link.url }}</a>
                                    </td>
                                </tr>
                                {% empty %}
                                <tr>
                                    <td colspan="2">
                                        <em>No external links</em>
                                    </td>
                                </tr>
                            {% endfor %}
                        </table>
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
{% endblock %}