{% extends '@mio/master.twig' %}
{% from '@mio/macros.twig' import navigation %}

{% set title = 'Settings » ' ~ settings_title %}

{% block content %}
    {{ navigation(settings_modes|flip, settings_mode, true, '?m=%s') }}

    {% block settings_container %}
        {% if settings_errors is defined and settings_errors|length > 0 %}
            <div class="container">
                <div class="container__title">Information</div>
                <div class="container__content">
                    <ul class="settings__errors">
                        {% for error in settings_errors %}
                            <li class="settings__errors__entry">{{ error }}</li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        {% endif %}

    <div class="container settings settings--{{ settings_mode }}">
        <div class="container__title settings__title settings__title--{{ settings_mode }}">{{ title }}</div>
        <div class="container__content settings__content settings__content--{{ settings_mode }}">
            {% block settings_content %}
                This is a blank settings page.
            {% endblock %}
        </div>
    </div>
    {% endblock %}

    {{ navigation(mio_navigation) }}
{% endblock %}