{% load i18n static aircox_admin %}<!DOCTYPE html>
{% get_current_language as LANGUAGE_CODE %}{% get_current_language_bidi as LANGUAGE_BIDI %}
<html lang="{{ LANGUAGE_CODE|default:"en-us" }}" {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}>
<head>
    <title>{% block title %}{% endblock %}</title>

    <!-- <link rel="stylesheet" type="text/css" href="{% static "aircox/vendor.css" %}"> -->
    <link rel="stylesheet" type="text/css" href="{% static "admin/css/base.css" %}">
    <link rel="stylesheet" type="text/css" href="{% static "aircox/css/chunk-common.css" %}"/>
    <link rel="stylesheet" type="text/css" href="{% static "aircox/css/chunk-vendors.css" %}"/>
    <link rel="stylesheet" type="text/css" href="{% static "aircox/css/admin.css" %}"/>
    <script src="{% static "aircox/js/chunk-common.js" %}"></script>
    <script src="{% static "aircox/js/chunk-vendors.js" %}"></script>
    <script src="{% static "aircox/js/admin.js" %}"></script>

    {% block extrastyle %}{% endblock %}

    {% if LANGUAGE_BIDI %}<link rel="stylesheet" type="text/css" href="{% block stylesheet_rtl %}{% static "admin/css/rtl.css" %}{% endblock %}">{% endif %}

    {% block extrahead %}{% endblock %}
    {% block responsive %}
        <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" type="text/css" href="{% static "admin/css/responsive.css" %}">
        {% if LANGUAGE_BIDI %}<link rel="stylesheet" type="text/css" href="{% static "admin/css/responsive_rtl.css" %}">{% endif %}
    {% endblock %}
    {% block blockbots %}<meta name="robots" content="NONE,NOARCHIVE">{% endblock %}
</head>
{% load i18n %}

<body class="{% if is_popup %}popup {% endif %}{% block bodyclass %}{% endblock %}"
  data-admin-utc-offset="{% now "Z" %}">
    <script id="init-script">
    function vuePre(selector) {
        const elms = document.querySelectorAll(selector)
        for(const elm of elms) {
            elm.setAttribute('v-pre', true)
        }
    }

    window.addEventListener('load', function() {
        {% block init-scripts %}
        aircox.init(null, {
            hotReload: false,
            {% if not init_app %}
            initBuilder: false,
            {% endif %}
            {% if init_el %}
            el: "{{ init_el }}",
            {% endif %}
        })
        {% endblock %}
    })
    </script>

<!-- Container -->
<div class="admin">
    {% if not is_popup %}
    <!-- Header -->
    <nav class="navbar is-dark has-shadow">
        <div class="navbar-brand">
        {% block branding %}{% endblock %}
        </div>
        <div class="navbar-menu">
            {% block usertools %}
            <div class="navbar-start">
                {# Today's diffusions #}
                <div class="navbar-item has-dropdown is-hoverable">
                    <span class="navbar-link">{% translate "Today" %}</span>
                    <div class="navbar-dropdown is-boxed">
                        {% for diffusion in diffusions %}
                        <a class="navbar-item {% if diffusion.is_now %}has-background-primary{% endif %}" href="{% url "admin:aircox_episode_change" diffusion.episode.pk %}">
                            {{ diffusion.start|time }} |
                            {{ diffusion.episode.title }}
                        </a>
                        {% endfor %}
                    </div>
                </div>

                {# Programs #}
                <div class="navbar-item has-dropdown is-hoverable">
                    <a class="navbar-link" href="{% url "admin:aircox_program_changelist" %}">{% translate "Programs" %}</a>
                    <div class="navbar-dropdown is-boxed">
                        <input type="text" onkeyup="aircox.filter_menu(event)"
                               placeholder="{% translate "Search" %}" class="navbar-item input" />
                        <hr class="navbar-divider"/>
                        {% for program in programs %}
                        <a class="navbar-item" href="{% url "admin:aircox_program_change" program.pk %}">
                            {{ program.title }}</a>
                        {% endfor %}
                    </div>
                </div>

                {# Articles #}
                <div class="navbar-item has-dropdown is-hoverable">
                    <a class="navbar-link" href="{% url "admin:aircox_article_changelist" %}">{% translate "Articles" %}</a>
                    <div class="navbar-dropdown is-boxed">
                        <input type="text" onkeyup="aircox.filter_menu(event)"
                               placeholder="{% translate "Search" %}" class="navbar-item input" />
                        <hr class="navbar-divider"/>
                        {% for program in programs %}
                        <a class="navbar-item" href="{% url "admin:aircox_article_changelist" %}?parent={{ program.pk }}">
                            {{ program.title }}</a>
                        {% endfor %}
                    </div>
                </div>

                {# Episodes #}
                <div class="navbar-item has-dropdown is-hoverable">
                    <a class="navbar-link" href="{% url "admin:aircox_episode_changelist" %}">{% translate "Episodes" %}</a>
                    <div class="navbar-dropdown is-boxed">
                        <input type="text" onkeyup="aircox.filter_menu(event)"
                               placeholder="{% translate "Search" %}" class="navbar-item input" />
                        <hr class="navbar-divider"/>
                        {% for program in programs %}
                        <a class="navbar-item" href="{% url "admin:aircox_episode_changelist" %}?parent={{ program.pk }}">
                            {{ program.title }}</a>
                        {% endfor %}
                    </div>
                </div>
            </div>

            <div class="navbar-end">
                <div class="navbar-item has-dropdown is-hoverable">
                    <a href="#" class="navbar-link">{% translate "Tools" %}</a>
                    <div class="navbar-dropdown is-boxed is-right">
                    {% get_admin_tools as admin_tools %}
                    {% for label, url in admin_tools %}
                        <a href="{{ url }}" class="navbar-item">{{ label }}</a>
                    {% endfor %}
                    </div>
                </div>

                <div class="navbar-item has-dropdown is-hoverable">
                    <a href="{% url "admin:auth_user_change" user.pk %}" class="navbar-link">
                        {% firstof user.get_short_name user.get_username %}
                    </a>
                    <div class="navbar-dropdown is-boxed is-right">
                        {% block userlinks %}
                            {% if site_url %}
                            <a href="{{ site_url }}" class="navbar-item">{% translate 'View site' %}</a>
                            {% endif %}
                            {% if user.is_active and user.is_staff %}
                            {% url 'django-admindocs-docroot' as docsroot %}
                            {% if docsroot %}
                                <a href="{{ docsroot }}" class="navbar-item">{% translate 'Documentation' %}</a>
                            {% endif %}
                            {% endif %}
                            {% if user.has_usable_password %}
                            <a href="{% url 'admin:password_change' %}" class="navbar-item">{% translate 'Change password' %}</a>
                            {% endif %}
                            <hr class="navbar-divider" />
                            <a href="{% url 'admin:logout' %}" class="navbar-item">{% translate 'Log out' %}</a>
                        {% endblock %}

                    </div>
                </div>
            </div>
            {% endblock %}
        </div>
        {% block nav-global %}{% endblock %}
    </nav>
    <!-- END Header -->

    {% block breadcrumbs %}
    <div class="breadcrumbs">
        <a href="{% url 'admin:index' %}">{% translate 'Home' %}</a>
        {% if title %} &rsaquo; {{ title }}{% endif %}
    </div>
    {% endblock %}
    {% endif %}

    {% block messages %}
        {% if messages %}
        <ul class="messagelist">{% for message in messages %}
          <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message|capfirst }}</li>
        {% endfor %}</ul>
        {% endif %}
    {% endblock messages %}

    <!-- Content -->
    <div id="app">
    <div id="content" class="{% block coltype %}colM{% endblock %}">
        {% block pretitle %}{% endblock %}
        {% block content_title %}{% if title %}<h1 class="title is-3">{{ title }}</h1>{% endif %}{% endblock %}
        {% block content %}
            {% block object-tools %}{% endblock %}
            {{ content }}
        {% endblock %}
        {% block sidebar %}{% endblock %}
        <br class="clear">
    </div>
    </div>
    <!-- END Content -->

    {% block footer %}<div id="footer"></div>{% endblock %}
</div>
<!-- END Container -->

{% block player %}
<div id="player">{% include "aircox/widgets/player.html" %}</div>
{% endblock %}

</body>
</html>
