{% load i18n %}
{% load static %}

{% load appearance_bootstrap_tags %}
{% load appearance_tags %}
{% load common_tags %}
{% load navigation_tags %}
{% load smart_settings_tags %}
{% load templating_tags %}

{% appearance_bootstrap_text_direction_get as appearance_text_direction %}

{% spaceless %}

<script>
    if (typeof partialNavigation === 'undefined') {
        /* Check if the template was not loaded via AJAX
         * If not then reload the root path passing the
         * current location's path as the new hash.
         */
        document.write('<script type="text/undefined">')
        const currentLocation = '#' + window.location.pathname + window.location.search;
        const url = new URL(currentLocation, window.location.origin)
        window.location.replace(url.href);
    }
</script>

<script>
    /* Set the document language and text direction on AJAX updates */
    {% if LANGUAGE_CODE %}document.documentElement.lang = '{{ LANGUAGE_CODE|escapejs }}';{% endif %}
    document.documentElement.dir = '{{ appearance_text_direction|escapejs }}';
</script>

{% block stylesheets %}{% endblock %}

{% if appearance_type != 'plain' %}
    <div class="{% block base_layout_class %}{% endblock %}">
        {% navigation_resolve_menus names='facet,list facet,related,return,sources' sort_results=True as sidebar_menus_link_results %}
        <div class="d-flex flex-column flex-md-row gap-md-2">
            <div class="flex-md-fill" id="viewport">
                <div class="row zero-margin">
                    <div class="col-12">
                        {% block messages %}
                        {% endblock %}

                        {% appearance_app_templates template_name='viewport' %}
                    </div>
                </div>
                {% include 'appearance/partials/title.html' %}
                {% include 'appearance/partials/actions.html' %}
{% endif %}
                {% block content %}{% endblock content %}
{% if appearance_type != 'plain' %}
                {% block footer %}{% endblock %}
            </div>
            {% include 'appearance/partials/sidebar.html' %}
        </div>
    </div>
{% endif %}

{% block javascript %}{% endblock %}

<script>
    document.title = $('#mayan-appearance-title-text').text() + ' :: {% block project_name %}{% common_get_project_title %}{% endblock %}';

    jQuery(document).ready(function() {
        $('[data-bs-toggle="tooltip"]').tooltip({placement:'top'});

        
        
        app.afterBaseLoad({});
    });
</script>
{% endspaceless %}