{% extends base_template %}
{% load i18n templates %}
{% block content %}
<h1>{% translate "Theme Preview" %}</h1>
<p>{% translate "This is a test page to see if the theming works correctly. You can provide your own template in your app to display your own content." %}</p>
<p>
    {% translate "You can also override the base template of the corresponding theme to change the layout of the page." %}
    {% translate "Or you extend the base template, if you like the layout, and provide the blocks you want to override globally." %}
</p>
<h2>{% translate "Current Theme:" %}<i> {{ theme.display_name }}</i></h2>
<ul>
    <li><b>{% translate "Theme Name:" %}</b> {{ theme.name }}</li>
    {% if theme_aliases %}
    <li><b>{% translate "Theme Aliases:" %}</b>
        <ul>
            {% for alias in theme_aliases %}
            <li><b></b> {{ alias }}</li>
            {% endfor %}
        </ul>
    </li>
    {% endif %}
    <li><b>{% translate "Theme Base Template:" %}</b> {{ theme_base_template }}</li>
    <li><b>{% translate "Theme Templates Prefix:" %}</b> {{ theme_templates_prefix }}</li>
    <li><b>{% translate "Theme Templates:" %}</b>
        {% if theme.templates %}
        <ul>
        {% for template_key, template_name in theme.templates.items %}
            <li>{{ template_key }}: {{ template_name }}</li>
        {% endfor %}
        </ul>
        {% else %}
            {% translate "No templates defined for this theme." %}
        {% endif %}
    </li>
    <li><b>{% translate "Static Files:" %}</b>
        {% if theme.static_files %}
        <ul>
        {% for static_file in theme.static_files.keys %}
            <li>{{ static_file }}: {{ static_file|staticfile:theme }}</li>
        {% endfor %}
        </ul>
        {% else %}
            {% translate "No static files defined for this theme." %}
        {% endif %}
</ul>
<h2>{% translate "Supported Themes" %}</h2>
<ul>
    {% for supported_theme in themes %}
        <li>
            <a href="{% url 'djtt_templates:theme' theme_name=supported_theme.name %}">
                <b>{% translate "Preview" %} - <i>{{ supported_theme.display_name }}</i></b> ({{ supported_theme.name }})
            </a>
        </li>
    {% endfor %}
</ul>
{% endblock content %}