{% load static %}
{% load tt_chat %}

<!DOCTYPE html>
<html lang="{{ request.LANGUAGE_CODE }}">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=100%,maximum-scale=5,minimum-scale=1,initial-scale=1">
    <title>Title</title>


{#    <script src='{% static "js/jquery_v3_6_4.js" %}'> </script>#}
    <script type="text/javascript" src="{% static "js/jquery_3_2_1.js" %}"></script>
    <script type="text/javascript" src="{% static "js/moment_js.js" %}"></script>
    <script type="text/javascript" src="{% static "js/datarangepicker.js" %}"></script>
    <script src="{% static "js/rangecalendartech.js" %}"></script>

    <link rel="stylesheet" href="{% static 'css/datarangepicker.css' %}" />
    <script src="{% static "js/global_js.js" %}"></script>
    <script src="{% static "js/chat_socket_start.js" %}"></script>
    {% if user and not user.is_anonymous %}
        <script src='{% static "js/chat_sockets.js" %}'></script>
        <script>

            {#var user_id = {{ user.id }}#}
            ws_url = `ws://{% get_ws_address %}/ws/socket-server/?user_id={{ user.id }}`;
            var chatSocket;
            init_ws()
            const beep = new Audio('/static/sounds/beep_2.mp3')
        </script>

    {% endif %}



    <link rel="stylesheet" href="{% static 'css/styles.css' %}">
    <link rel="stylesheet" href="{% static 'css/styles(boris).css' %}" >
    <link rel="stylesheet" href="{% static 'css/mobile_styles.css' %}">

    <script src='{% static "js/find_route.js" %}'></script>
    <script src="{% static "js/filters_functions_find_route.js" %}"></script>
    <script src="{% static "js/dynamic_loading_routes.js" %}"></script>
    <script src="{% static "js/user_profile.js" %}"></script>
    <script src="{% static "js/user_profile_2.js" %}"></script>



{#    <script src="{% static "js/range_calendar.js" %}"></script>#}
    <script src="{% static "js/range_calendar.js" %}"></script>

    {% block meta %}
    {% endblock %}
</head>
<body>

<div class="block_overlay  {% if page_type == 'profile' %}show{% else %}hidden n_profile{% endif %}" onclick="open_curtain()"></div>
<div class="wrapper_main">

    {% include 'blocks/b_header.html' %}

        <div class="cut_width_f_curtain">
            <div class="menu_buttons curtain right {% if page_type == 'profile' %}open{% else %} close{% endif %}" data-name="Меню">

                {% include "blocks/profile/b_buttons_menu_profile.html" %}
                <div class="handler_menu close" onclick="open_curtain(null,'right')">
                    <img class="btns_f_curtain close left" src="{% static 'img/svg/arrow_f_curtain.svg' %}">
                    <div class="text_f_curtain left">Меню</div>
                    <img class="btns_f_curtain close right"  src="{% static 'img/svg/arrow_f_curtain.svg' %}">
                    <div class="clear_both"></div>
                </div>
            </div>
        </div>
    <div class="wrapper_content">

        {% block content %}
        {% endblock %}

        <div class="clear_both"></div>
    </div>

</div>

{% include 'blocks/b_footer.html' %}


</body>
</html>