{% extends 'html.twig' %}

{% set master_title = (header_title is defined ? (header_title ~ ' // ') : '') ~ 'flash.moe' %}
{% set master_navigation = master_navigation|default(globals.siteInfo.headerNavigation) %}
{% set master_copyright = master_copyright|default('flashwave 2010-%04d'|format('now'|date('Y'))) %}
{% set master_breadcrumbs = master_breadcrumbs|default([]) %}

{% block master_head %}
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="preconnect" href="//fonts.googleapis.com">
    <link rel="preconnect" href="//fonts.gstatic.com" crossorigin>
    <link href="{{ globals.assetsInfo.get('makai.css') }}" rel="stylesheet">
    <link href="//fonts.googleapis.com/css2?family=Electrolize&family=Hachi+Maru+Pop&family=Victor+Mono:ital,wght@0,100..700;1,100..700&family=Zen+Maru+Gothic:wght@400;700&display=swap" rel="stylesheet">
{% endblock %}

{% block master_footer %}
    <div class="footer">{{ master_copyright }}</div>
{% endblock %}

{% set master_print_footer_in_body = block('column_right') is not defined %}

{% block master_body %}
    <nav class="header js-header">
        <div class="header-background js-header-background">
            <img src="{{ random(globals.siteInfo.headerImages) }}" alt="">
        </div>
        <div class="header-forehead"></div>
        <div class="header-foreground">
            <div class="header-main">
                <a class="header-logo" href="/">
                    <div class="header-flash">{{ header_logo_flash|default('flash') }}</div>
                    <div class="header-wave">{{ header_logo_wave|default('wave') }}</div>
                </a>
                <div class="header-nav">
                    {% for link in master_navigation %}
                        <a href="{{ link.url }}">{{ link.title }}</a>
                    {% endfor %}
                </div>
            </div>
            {% if master_breadcrumbs is not empty %}
                <div class="header-sub">
                    <div class="header-breadcrumbs">
                        <a class="header-breadcrumbs-link" href="/">flash.moe</a>
                        {% for crumb in master_breadcrumbs %}
                            <div class="header-breadcrumbs-sep">&raquo;</div>
                            <a class="header-breadcrumbs-link" href="{{ crumb.url }}">{{ crumb.text }}</a>
                        {% endfor %}
                    </div>
                </div>
            {% endif %}
        </div>
    </nav>
    <div class="wrapper">
        <noscript>
            <div class="noscript">
                <div class="noscript-icon"><div class="noscript-icon-inner">!</div></div>
                <div class="noscript-text">Various elements on this website require Javascript! Please enable it for an optimal experience.</div>
                <div class="noscript-icon"><div class="noscript-icon-inner">!</div></div>
            </div>
        </noscript>
        {% block wrapper %}
            <div class="columns">
                {% set column_left = (block('column_left') is defined ? block('column_left') : '') %}
                {% if column_left|trim is not empty %}
                    <div class="columns-side columns-left">
                        {{ column_left|raw }}
                    </div>
                {% endif %}

                {% set column_right = (block('column_right') is defined ? block('column_right') : '') %}
                {% if column_right|trim is not empty %}
                    <div class="columns-side columns-right">
                        {{ column_right|raw }}
                        {% if not master_print_footer_in_body %}
                            {{ block('master_footer') }}
                        {% endif %}
                    </div>
                {% endif %}

                <div class="columns-centre">
                    {% block column_centre %}
                        centre column
                    {% endblock %}
                </div>
            </div>
        {% endblock %}
    </div>
    {% if master_print_footer_in_body %}
        {{ block('master_footer') }}
    {% else %}
        <div class="footer-spacing"></div>
    {% endif %}
    <script src="{{ globals.assetsInfo.get('makai.js') }}"></script>
{% endblock %}