{% load static %}
<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="{% static 'favicon.ico' %}" type="image/x-icon">
    <title>{% block title %}Геолокация{% endblock %}</title>

    <!-- Bootstrap Icons -->
    <link href="{% static 'bootstrap-icons/bootstrap-icons.css' %}" rel="stylesheet">

    <!-- Bootstrap CSS -->
    <link href="{% static 'bootstrap/bootstrap.min.css' %}" rel="stylesheet">

    <!-- Дополнительные стили -->
    {% block extra_css %}{% endblock %}
</head>

<body>
    <!-- Навигационная панель -->
    {% include 'mainapp/components/_navbar.html' %}

    <!-- Сообщения -->
    <div class="container mt-3">
        {% include 'mainapp/components/_messages.html' %}
    </div>

    <!-- Основной контент -->
    <main class="{% if full_width_page %}container-fluid p-0{% else %}container mt-4{% endif %}">
        {% block content %}{% endblock %}
    </main>

    <!-- Bootstrap JS -->
    <script src="{% static 'bootstrap/bootstrap.bundle.min.js' %}" defer></script>

    <!-- Common sorting functionality -->
    <script src="{% static 'js/sorting.js' %}" defer></script>

    <!-- Дополнительные скрипты -->
    {% block extra_js %}{% endblock %}
</body>

</html>