{% extends 'admin/base.html' %}
{% load i18n static suit_tags %}

{% block stylesheet %}{% if debug %}{% static "suit/css/suit.css" %}{% else %}{% static "suit/css/suit.min.css" %}{% endif %}{% endblock %}

{# No Django dark theme: suit has none, and dark_mode.css would only turn native controls (checkboxes, date pickers) dark on suit's light UI #}
{% block dark-mode-vars %}{% endblock %}

{% block extrastyle %}
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
    <link href='{% static "suit/css/font-awesome.min.css" %}' rel='stylesheet' type='text/css'>
    <link href='{% static "vendor/css/bootstrap-utilities.min.css" %}' rel='stylesheet' type='text/css'>
{% endblock %}

{% block bodyclass %}{{ block.super|suit_body_class:request }}{% endblock %}

{% block title %}{{ title }} | {{ site_title|default:_('Django site admin') }}{% endblock %}

{% block branding %}
    {# A <div> since Django 5.0, as in its admin/base_site.html: the page title is the only <h1> #}
    <div id="site-name">
        <a href="{% url 'admin:index' %}">
            {{ site_header|default:_('Django administration') }}
            <span class="header-label">{% trans 'Admin' %}</span></a>
    </div>
{% endblock %}

{% block pretitle %}<div class="content-wrap">{% endblock %}
{% block content_title %}{% endblock %}
{% block content_subtitle %}{% endblock %}
{% block messages %}
    <div class="messagelist">
        {% for message in messages %}
            <div class="alert alert-{% firstof message.tags 'info' %} alert-dismissible fade show" role="alert">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                {% if 'safe' in message.tags %}{{ message|safe }}{% else %}{{ message }}{% endif %}
            </div>
        {% endfor %}
    </div>
{% endblock messages %}

{% block sidebar %}
    </div> <!-- Close content-wrap -->
{% endblock %}

{% block usertools %}
    {% if has_permission %}
        <div id="user-tools" class="suit-user-tools">
            {% block welcome-msg %}
                <span class="welcome">
                Welcome,
                <strong>{% firstof user.get_short_name user.get_username %}</strong>.
            </span>
            {% endblock %}
            <div class="user-links">
            {% block userlinks %}
                {# Django 4.2 also includes admin/color_theme_toggle.html here: left out until suit supports the dark theme #}
                {% if site_url %}
                    <a href="{{ site_url }}" class="icon-link view-site-link" data-title="{% trans 'View site' %}">{% trans 'View site' %}</a>
                    <span class="separator">/</span>

                {% endif %}
                {% if user.is_active and user.is_staff %}
                    {% url 'django-admindocs-docroot' as docsroot %}
                    {% if docsroot %}
                        <a href="{{ docsroot }}" class="icon-link documentation-link" data-title="{% trans 'Documentation' %}">{% trans 'Documentation' %}</a>
                        <span class="separator">/</span>
                    {% endif %}
                {% endif %}
                {% if user.has_usable_password %}
                    <a href="{% url 'admin:password_change' %}" class="icon-link change-password-link" data-title="{% trans 'Change password' %}">{% trans 'Change password' %}</a>
                    <span class="separator">/</span>
                {% endif %}
                <form id="logout-form" method="post" action="{% url 'admin:logout' %}">
                    {% csrf_token %}
                    <button type="submit" class="icon-link logout-link" data-title="{% trans 'Log out' %}">{% trans 'Log out' %}</button>
                </form>
            {% endblock %}
            </div>
        </div>
    {% endif %}
{% endblock %}

{% block nav-global %}
    {% include 'suit/menu.html' %}
{% endblock %}

{% block footer %}
    {# Rendered inside Django's <footer id="footer"> (Django 5.0): no #footer / <footer> of our own #}
    {% if not is_popup %}
        <div class="footer">
            <div class="container-fluid">
                {% block footer_content %}
                    <div class="row">

                        <div class="col-12 col-sm-3 footer-links">
                            {% block footer_links %}
                                <a href="http://djangosuit.com/support/" target="_blank">Support</a>
                                <a href="http://djangosuit.com/pricing/" target="_blank">Licence</a>
                                <a href="http://github.com/darklow/django-suit/issues" target="_blank">Report a bug</a>
                            {% endblock %}
                        </div>

                        <div class="col-12 col-sm-6 text-sm-center footer-copyright">
                            {% block copyright %}
                                <span class="d-none d-lg-block">Copyright &copy; 2013-{% now "Y" %}</span>
                                Developed by <a href="http://djangosuit.com" target="_blank">DjangoSuit.com</a>, maintained by <a href="https://github.com/pulse-mind/django-suit" target="_blank">Pulse-Mind</a>
                            {% endblock %}
                        </div>

                        <div class="col-12 col-sm-3 text-sm-end footer-version">
                            {% block footer_branding %}
                                {% with admin_name=site_header|default:_('Django administration') django_version='django_version'|suit_conf:request %}
                                    {{ admin_name }}
                                    {% if admin_name == 'Django Suit' %}
                                        <span style="font-size: 12px">
                                            {{ 'version'|suit_conf:request }}<br/>
                                            Django {{ django_version }}
                                        </span>
                                    {% endif %}
                                {% endwith %}
                            {% endblock %}
                        </div>

                    </div>
                {% endblock %}
            </div>
        </div>
    {% endif %}

    <script src="{% static "suit/js/suit.js" %}"></script>
    {% if cl.formset or action_form and 'toggle_changelist_top_actions'|suit_conf:request %}
        <script type="text/javascript">
            Suit.ListActionsToggle.init();
        </script>
    {% elif adminform %}
        <script type="text/javascript">

            Suit.$("#{{ opts.model_name }}_form").suitFormDebounce();

            {% if 'form_submit_on_right'|suit_conf:request %}
                Suit.FixedBar.init();
            {% endif %}

            {% if adminform.model_admin.suit_form_tabs %}
                Suit.$(function () {
                    Suit.$('#suit_form_tabs').suitFormTabs();
                });
            {% endif %}

{#            {% if 'layout'|suit_conf:request.current_app == 'vertical' %}#}
{#                Suit.$('#content').prepend(Suit.$('.breadcrumbs'));#}
{#            {% endif %}#}
        </script>
    {% endif %}
    <script src="{% static "vendor/js/bootstrap.bundle.min.js" %}"></script>
{% endblock %}

<!-- This is a solution to remove the sidebar that is not compatible with django-suit. -->
{% block nav-sidebar %}
    {% include "suit/nav_sidebar.html" %}
{% endblock %}

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