{% extends "admin/dj_urls_panel/base.html" %}
{% load i18n admin_urls static %}

{% block content %}
<div id="content-main">
    <!-- Back to List Link -->
    <div style="margin-bottom: 20px;">
        <a href="{% url 'dj_urls_panel:index' %}" style="color: var(--link-fg, #417690); text-decoration: none;">
            ← {% trans "Back to URL List" %}
        </a>
    </div>

    <!-- URL Detail Card -->
    {% include "admin/dj_urls_panel/detail_card.html" %}

    <!-- DRF Serializer Information -->
    {% include "admin/dj_urls_panel/detail_serializer_info.html" %}

    <!-- URL Testing Interface -->
    {% if enable_testing %}
        {% include "admin/dj_urls_panel/detail_testing_interface.html" %}
    {% else %}
        <div class="module" style="margin-top: 20px;">
            <div style="padding: 20px; text-align: center; color: #666;">
                <p><strong>{% trans "URL Testing Interface is Disabled" %}</strong></p>
                <p>{% trans "To enable URL testing, set" %} <code>ENABLE_TESTING=True</code> {% trans "in" %} <code>DJ_URLS_PANEL_SETTINGS</code>.</p>
            </div>
        </div>
    {% endif %}

    <!-- URL Reversal Examples -->
    {% include "admin/dj_urls_panel/detail_usage_examples.html" %}
</div>

<!-- Testing Interface JavaScript -->
{% if enable_testing %}
    {% include "admin/dj_urls_panel/detail_testing_scripts.html" %}
{% endif %}
{% endblock %}