{% extends 'html.twig' %}

{% block html_head %}
    {% include '_layout/meta.twig' %}
    <link href="/vendor/fontawesome/css/all.min.css" type="text/css" rel="stylesheet">
    <link href="{{ asset('common.css') }}" type="text/css" rel="stylesheet">
    <link href="{{ asset('misuzu.css') }}" type="text/css" rel="stylesheet">
    {% if main_css_vars is defined and main_css_vars is iterable and main_css_vars is not empty %}
        <style>
            :root {
                {% for name, value in main_css_vars %}
                    {{ name }}: {{ value|raw }};
                {% endfor %}
            }
        </style>
    {% endif %}
{% endblock %}

{% set html_body_attrs = {
    'class': html_classes('main', main_body_classes|default([])),
    'style': global_accent_colour is defined ? ('--accent-colour: ' ~ global_accent_colour) : '',
} %}

{% block html_body %}
    {% block main_header %}
        {% include '_layout/header.twig' %}
    {% endblock %}

    <div class="main__wrapper">
        <noscript>
            <div class="warning">
                <div class="warning__content"><strong>Significant parts of the site require JavaScript.</strong> If you have it turned off and something doesn't work, that's probably why!</div>
            </div>
        </noscript>

        {% if globals.active_ban_info is not null %}
            <div class="warning warning--red">
                <div class="warning__content">
                    <p>You have been banned {% if globals.active_ban_info.permanent %}<strong>permanently</strong>{% else %}for <strong title="{{ globals.active_ban_info.expiresTime|date('r') }}">{{ globals.active_ban_info.remainingString }}</strong>{% endif %} since <strong><time datetime="{{ globals.active_ban_info.createdTime|date('c') }}" title="{{ globals.active_ban_info.createdTime|date('r') }}">{{ globals.active_ban_info.createdTime|time_format }}</time></strong>.</p>
                    {% if globals.active_ban_info.publicReason is not empty %}
                        <p>Reason: {{ globals.active_ban_info.publicReason }}</p>
                    {% endif %}
                </div>
            </div>
        {% endif %}

        {% block content %}
            <div class="container">
                This page is empty, populate it.
            </div>
        {% endblock %}
    </div>

    {% block main_footer %}
        {% include '_layout/footer.twig' %}
    {% endblock %}

    <script src="/vendor/highlightjs/highlight.min.js" type="text/javascript"></script>
    <script src="{{ asset('common.js') }}" type="text/javascript"></script>
    <script src="{{ asset('misuzu.js') }}" type="text/javascript"></script>
{% endblock %}