{% load static %}
{% load helpers %}
{% load plugins %}

<!DOCTYPE html>
<html lang="en"{% if request.COOKIES|get_item:"theme" == 'dark' %} data-theme="dark"{% endif %}>
    <head>
        <title>{% block title %}Home{% endblock %}{% block document_title_extra %}{% endblock %} - {{ settings.BRANDING_TITLE }}</title>
        {% include 'inc/media.html' %}
        {% block extra_styles %}{% endblock %}
    </head>
    <body>
        {% include 'inc/nav_menu.html' %}
        <div class="container-fluid wrapper" id="main-content">
            <div class="banner-alert-area">
                {% if request.user.is_authenticated %}
                    {% if "BANNER_TOP"|settings_or_config %}
                        <div class="alert alert-info text-center" role="alert">
                            {{ "BANNER_TOP"|settings_or_config|render_markdown }}
                        </div>
                    {% endif %}
                {% endif %}
                {% if settings.MAINTENANCE_MODE %}
                    <div class="alert alert-warning text-center" role="alert">
                        <h4><i class="mdi mdi-alert"></i> Maintenance Mode</h4>
                        <p>Nautobot is currently in maintenance mode. Functionality may be limited.</p>
                    </div>
                {% endif %}
                {% plugin_banners %}
                {% for message in messages %}
                    <div class="alert alert-{{ message.tags }} alert-dismissable" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span>&times;</span>
                        </button>
                        {{ message }}
                    </div>
                {% endfor %}
            </div>
            {% block header %}{% endblock header %}
            {% block content %}{% endblock content %}
            <div class="push"></div>
            {% if request.user.is_authenticated %}
                {% if "BANNER_BOTTOM"|settings_or_config %}
                    <div class="alert alert-info text-center banner-bottom" role="alert">
                        {{ "BANNER_BOTTOM"|settings_or_config|render_markdown }}
                    </div>
                {% endif %}
            {% endif %}
        </div>
        {% include 'modals/modal_theme.html' with name='theme'%}
        {% include 'inc/footer.html' %}
        {% include 'inc/javascript.html' %}
        {% block javascript %}{% endblock %}
    </body>
</html>
