{% extends 'master.twig' %}

{% set master_title = 'flash.moe' ~ (header_title is defined ? (' / ' ~ header_title) : '') %}

{% set styles = styles|default([])|merge([
    globals.assetsInfo.get('2021.css'),
    '/fonts/electrolize/style.css',
    globals.assetsInfo.get('common.css'),
]) %}

{% set scripts = scripts|default([])|merge([
    globals.assetsInfo.get('2021.js'),
    globals.assetsInfo.get('common.js'),
]) %}

{% set master_body_attrs = master_body_attrs|default([])|merge({
    'class': html_classes({ 'index': header_is_index is defined, 'fullscreen-header': header_full is defined, 'now-playing': header_now_playing is defined, 'header-minimal': header_minimal is defined }),
}) %}

{% block master_head %}
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
{% endblock %}

{% block master_body %}
    <div class="header">
        <div class="header-background">
            <img src="{{ random(globals.siteInfo.headerImages) }}" alt="">
        </div>
        <div class="header-foreground" {% if header_offset is defined and header_offset > 0 %}style="padding-bottom: {{ header_offset }}px"{% endif %}>
            <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-right">
                <div class="header-now-playing header-now-playing-hidden">
                    <div class="header-now-playing-icon" title="Now listening to...">
                        <a href="/now-listening"><div class="fmi fmi-music"></div></a>
                    </div>
                    <div class="header-now-playing-cover">
                        <img src="//now.flash.moe/resources/no-cover.png" alt="">
                    </div>
                    <div class="header-now-playing-details">
                        <div class="header-now-playing-title"><a href="#" target="_blank" rel="noopener"></a></div>
                        <div class="header-now-playing-artist"><a href="#" target="_blank" rel="noopener"></a></div>
                    </div>
                </div>
                <div class="header-menu">
                    {% for link in globals.siteInfo.headerNavigation %}
                        <a href="{{ link.link }}">{{ link.title }}</a>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        {% block container %}
        {% endblock %}
    </div>
    <div class="footer">
        <div class="footer-text">&copy; flashwave {{ footer_copy_start|default('2010') }}-{{ footer_copy_end|default(('now'|date('Y'))) }} - {{ random(globals.siteInfo.footerQuotes) }}</div>
    </div>
{% if footer_onload is defined %}
    <script type="text/javascript">
        window.fm = { onload: {{ footer_onload|json_encode|raw }} };
    </script>
{% endif %}
{% endblock %}