{% load static wagtailcore_tags wagtailuserbar %}

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8" />
        <title>
            {% block title %}
            {% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title }}{% endif %}
            {% endblock %}
            {% block title_suffix %}
            {% wagtail_site as current_site %}
            {% if current_site and current_site.site_name %}- {{ current_site.site_name }}{% endif %}
            {% endblock %}
        </title>
        {% if page.search_description %}
        <meta name="description" content="{{ page.search_description }}" />
        {% endif %}
        <meta name="viewport" content="width=device-width, initial-scale=1" />

        {# Force all links in the live preview panel to be opened in a new tab #}
        {% if request.in_preview_panel %}
        <base target="_blank">
        {% endif %}

        {# Global stylesheets #}
        <link rel="stylesheet" type="text/css" href="{% static 'css/template.css' %}">
        <link rel="stylesheet" type="text/css" href="{% static 'css/styles.old.css' %}">

        <link rel="shortcut icon" href="{% static 'images/favicon.ico' %}" type="image/x-icon"/>
        {% block extra_css %}
        {# Override this in templates to add extra stylesheets #}
        {% endblock %}
    </head>

    <body class="{% block body_class %}{% endblock %}">
        {% wagtailuserbar %}

        <div class="wrapper">
            <header>

                <div class="icms-header__middle">
                    <div class="container-fluid d-flex justify-content-between align-items-center flex-nowrap">
                        <div class=" mx-auto">
                            <a class="navbar-brand mr-3 flex-shrink-0" href="/">
                                <img src="{% static 'images/small_logo.png' %}" class="d-sm-none" alt="RuMine">
                                <img src="{% static 'images/big_logo.png' %}" class="d-none d-sm-block" alt="RuMine">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="icms-header__bottom border-bottom icms-navbar">
                    <div class="container">
                        <nav class="navbar p-0 navbar-expand-lg navbar-light">
                            <span class="navbar-brand icms-navbar-brand__show_on_hide"> RuMine </span>
                            <button class="navbar-toggler" type="button" aria-label="Меню" data-toggle="collapse" data-target="#target-main">
                                <span class="navbar-toggler-icon"></span>
                            </button>
                            <div class="collapse navbar-collapse" id="target-main">
                                <ul class="navbar-nav justify-content-center w-100 icms-menu-hovered mx-lg-n2 menu-main">
                                    {% for page in pages %}
                                    <li class="nav-item">
                                        <a class="nav-link text-nowrap" href="{{ page.url }}" target="_self">
                                            {{ page.title }}
                                        </a>
                                    </li>
                                    {% endfor %}
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>
            </header>
            
            <div class="content">
                {% block content_full %}
                {% endblock %}
                <section class="container">
                    {% block content %}
                    {% endblock %}
                </section>
            </div>
            

            <footer class="icms-footer__bottom"> 
                <div class="container py-2"> 
                    <div class="row no-gutters align-items-center flex-wrap"> 
                        <div class="col-md mt-2 mt-sm-0 mb-1 mb-sm-0"> 
                            RuMine © 2015-2024 
                        </div> 
                        <div class="col-md-auto"> 
                            Сделано с любовью ❤️ 
                        </div> 
                    </div> 
                </div> 
            </footer>
        </div>

        <div class="alert text-center py-3 border-0 rounded-0 m-0 position-fixed fixed-bottom icms-cookiealert" id="icms-cookiealert"> 
            <div class="container"> 
                Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie. 
                <button type="button" class="ml-2 btn btn-primary btn-sm acceptcookies"> 
                    Согласен 
                </button> 
            </div> 
        </div>

        {# Global javascript #}
        <script type="text/javascript" src="{% static 'js/rumine.js' %}"></script>
        <script type="text/javascript" src="{% static 'js/scripts.js' %}"></script>

        {% block extra_js %}
        {# Override this in templates to add extra javascript #}
        {% endblock %}
    </body>
</html>
