{% 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 }}
    {% if category_members %}
        <h2>Pages in category "{{ title }}"</h2>
        <ul>
            {% for member in category_members %}
                <li><a href="{{ member.url }}">{{ member.title }}</a></li>
            {% endfor %}
        </ul>
    {% endif %}
    {% if categories %}
        <div id="wm-categories">
            {% for category in categories %}
                <a href="{{ category.url }}" class="wm-category">{{ category.title }}</a>
            {% endfor %}
        </div>
    {% endif %}
{% endblock %}

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