\n
\n \n {% load static %}\n<!DOCTYPE html>\n<html lang="ru">\n {% block head %}\n <head>\n <meta charset="utf-8">\n <meta name="viewport" content="width=device-width, initial-scale=1">\n \n <!-- Fonts -->\n <link rel="preconnect" href="https://fonts.googleapis.com">\n<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>\n<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300;6..12,400;6..12,700;6..12,900&display=swap" rel="stylesheet">\n \n <!-- Bootstrap Icons -->\n <link rel="stylesheet" href="{% static 'css/bootstrap-icons.css' %}">\n \n <!-- Bootstrap -->\n <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">\n \n <!-- Bootstrap-select -->\n <link rel="stylesheet" href="{% static 'css/bootstrap-select.min.css' %}">\n \n <!-- Owl Carousel -->\n <link rel="stylesheet" href="{% static 'css/owl.carousel.min.css' %}">\n <link rel="stylesheet" href="{% static 'css/owl.theme.default.min.css' %}">\n \n <!-- Fancybox -->\n <link rel="stylesheet" href="{% static 'css/fancybox.min.css' %}" />\n <link href="{% static 'css/select2.min.css' %}" rel="stylesheet" />\n\n <link href="{% static 'css/suggestions.min.css' %}" rel="stylesheet" />\n \n <!-- \u0424\u0430\u0432\u0438\u043a\u043e\u043d -->\n <link rel="apple-touch-icon" sizes="180x180" href="{% static 'fav/apple-touch-icon.png' %}"> \n <link rel="icon" type="image/png" sizes="32x32" href="{% static 'fav/favicon-32x32.png' %}">\n <link rel="icon" type="image/png" sizes="16x16" href="{% static 'fav/favicon-16x16.png' %}">\n \n <!-- CDN HTMX -->\n <script src="{% static 'js/unpkg.min.js' %}"></script>\n \n <!-- Toastify -->\n <link rel="stylesheet" type="text/css" href="{% static 'css/toastify.min.css' %}">\n <script src="{% static 'js/toastify.js' %}"></script>\n\n\n \n \n \n {% block meta %} {% endblock %}\n \n \n <script>\n setTimeout(function(){\n if ($('#toast').length > 0) {\n $('#toast').hide('slow');\n }\n }, 5000)\n </script>\n \n <!--\u0412\u0420\u0415\u041c\u0415\u041d\u041d\u042b\u0415 \u0424\u0410\u0419\u041b\u042b-->\n {% include 'include/css.html' %}\n\n\n\n </head>\n {% endblock head %}\n <body>\n <!-- \u043c\u0435\u043d\u044e \u0441\u0430\u0439\u0442\u0430 --> \n {% include 'include/nav.html' %}\n \n <!-- \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0441\u0430\u0439\u0442\u0430 --> \n <div class="pages_main">\n {% block content %} {% endblock %}\n </div>\n <!-- \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0441\u0430\u0439\u0442\u0430 --> \n \n \n <!-- \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0438\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f --> \n {% if messages %}\n {% for message in messages %}\n {% if message.tags == 'success' %}\n <div id='toast' class='toast-body bg-success text-light position-fixed bottom-0 end-0 p-3 m-3 ' style='z-index: 1111; border-radius: 4px;'>{{message}}</div>\n {% endif %}\n {% if message.tags == 'info' %}\n <div id='toast' class='toast-body bg-info text-light position-fixed bottom-0 end-0 p-3 m-3' style='z-index: 1111; border-radius: 4px;'>{{message}}</div>\n {% endif %}\n {% if message.tags == 'warning' %}\n <div id='toast' class='toast-body bg-warning text-light position-fixed bottom-0 end-0 p-3 m-3' style='z-index: 1111; border-radius: 4px;'>{{message}}</div>\n {% endif %}\n {% if message.tags == 'error' %}\n <div id='toast' class='toast-body bg-danger text-light position-fixed bottom-0 end-0 p-3 m-3' style='z-index: 1111; border-radius: 4px;'>{{message}}</div>\n {% endif %}\n {% if message.tags == 'debug' %}\n <div id='toast' class='toast-body bg-primary text-light position-fixed bottom-0 end-0 p-3 m-3' style='z-index: 1111; border-radius: 4px;'>{{message}}</div>\n {% endif %}\n {% endfor %}\n {% endif %}\n<!-- \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0438\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f --> \n \n <!-- footer \u0441\u0430\u0439\u0442\u0430 -->\n {% include 'include/footer.html' %} \n \n {% block js %}\n \n <script src="{% static 'js/bootstrap.bundle.min.js' %}"></script>\n <script src="{% static 'js/jquery.min.js' %}"></script>\n <script src="{% static 'js/jquery-3.2.1.slim.min.js' %}"></script>\n <script src="{% static 'js/popper.min.js' %}"></script>\n <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->\n <script src="{% static 'js/owl.carousel.min.js' %}"></script>\n <script src="{% static 'js/jquery.fancybox.min.js' %}"></script>\n <script src="{% static 'js/select2.min.js' %}"></script>\n <script src="{% static 'js/bootstrap.min.js' %}"></script>\n <script src="{% static 'js/bootstrap-select.min.js' %}"></script>\n <script src="{% static 'js/develop.js' %}"></script>\n \n\n <script src="/static/smart-selects/admin/js/chainedfk.js"></script>\n <!-- <script src="{% static 'js/yandex_map/sidebar.js' %}"></script>\n <script src="{% static 'js/yandex_map/panel.js' %}"></script> -->\n\n \n\n <script>\n let userCity = ''\n $('#cityNav').prop('disabled', true);\n $('#cityNav').selectpicker('refresh'); \n $('#regionNav').prop('disabled', true);\n $('#regionNav').selectpicker('refresh');\n\n async function Regions () {\n let response = await fetch('/api/regions/?format=json');\n let jsonRegions = await response.json();\n jsonRegions.map((region) => $('#regionNav').append(`<option value="${region.id}">${region.name}</option>`))\n $('#regionNav').prop('disabled', false);\n $('#regionNav').selectpicker('refresh');\n\n {%if city_user%}\n $('#regionNav').selectpicker('val', '{{city_user.region.pk}}');\n let responseT = await fetch('/api/citys/?format=json®ion={{city_user.region.pk}}');\n let jsonCitys = await responseT.json();\n document.getElementById("cityNav").innerHTML = '';\n jsonCitys.map((city) => $('#cityNav').append(`<option value="${city.id}">${city.name}</option>`))\n $('#cityNav').prop('disabled', false);\n $('#cityNav').selectpicker('refresh');\n $('#cityNav').selectpicker('val', '{{city_user.pk}}');\n {%endif%}\n }\n\n document.getElementById('regionNav').addEventListener("change", async function handleCity() {\n $('#cityNav').prop('disabled', true);\n $('#cityNav').selectpicker('refresh');\n\n let elem = document.getElementById('regionNav')\n let response = await fetch('/api/citys/?format=json®ion='+elem.value);\n let jsonCitys = await response.json();\n \n document.getElementById("cityNav").innerHTML = '';\n jsonCitys.map((city) => $('#cityNav').append(`<option value="${city.id}">${city.name}</option>`))\n $('#cityNav').prop('disabled', false);\n $('#cityNav').selectpicker('refresh');\n }\n ); \n document.getElementById('cityNav').addEventListener("change", () => {\n let elem = document.getElementById('cityNav')\n userCity = elem.value\n }\n )\n async function SaveCity(event){\n event.preventDefault()\n let text = document.getElementById("changeCity")\n text.innerHTML = $("#cityNav option:selected" ).text()\n //$('#cityModal').modal('toggle'); \n let response = await fetch('/city_change/?city='+userCity);\n location.reload();\n }\n async function ResetCity() {\n let response = await fetch('/city_change/?city=0');\n location.reload();\n }\n </script>\n <script>\n $('.salaryselect').selectpicker('val', '1');\n </script>\n {% endblock %} \n </body>\n</html>\n \n
\n