{% extends "base.html" %}

{% block content %}
    <h1 class="title{% if rtl %} title-rtl{% endif %}">
        {{ title }}
        {% if badges %}
            <span class="badges">
                {% for badge in badges %}
                    <a href="{{ badge.url }}" class="badge" title="{{ badge.title }}">
                        <img src="{{ badge.image }}" alt="{{ badge.title }}">
                    </a>
                {% endfor %}
            </span>
        {% endif %}
    </h1>
    {% if interwiki %}
        <div class="language-selector">
            <input type="checkbox" id="language-selector-toggle" class="language-selector-toggle">
            <label for="language-selector-toggle" class="language-selector-label">
                <span class="language-selector-label-text">Language</span>
                <span class="language-selector-label-icon"></span>
            </label>
            <div class="language-selector-menu">
                <ul class="language-selector-list">
                    {% for lang in interwiki %}
                        <li class="language-selector-item">
                            <a href="{{ lang.url }}" class="language-selector-link">{{ lang.langname }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    {% endif %}
    {{ content|safe }}
{% endblock %}

{% block license %}
{% if license %}
    <p class="license">This content is licensed under the <a href="{{ license.url }}">{{ license.title }}</a>.</p>
{% endif %}
{% endblock %}