{% extends 'base.html.twig' %}
{% block mainColumnClass %}
{{ parent() }}
one-column map-page-content p-0
{% endblock %}
{% block main_content %}
<div id="mapsModal">
<div class="sf-font">
<div class="p-0">
<div class="p-0">
<div id="map" style="width: 100%; height: 60vh"></div>
</div>
<p class="tooltip__box" style="display: none">
Разрешите браузеру доступ к геопозиции, чтобы мы показали акции рядом с вами
</p>
<div class="border-0 bottom-0 w-100">
<div class="d-flex w-100 b-sh br-14 bg-white">
<div class="col-6 br-14">
<h4 class="text-center py-0">Популярные категории</h4>
<div class="d-flex top-category-items py-2"></div>
</div>
<div id="search_category_menu" class="col bg-violet br-14 d-flex align-items-center px-3">
<div class="close-button-search d-none">
<button type="button" class="close close-button-search-menu" aria-label="Close">
<span aria-hidden="true">×</span></button>
</div>
<div class="d-flex position-relative w-100 search-opened" style="height: 40px;">
<input placeholder="Суши, лазер, маникюр..." class="br-14 px-3 border-0 search-input-map w-100">
<div class="search-button position-absolute right-10 h-100 d-flex px-2 cursor-pointer background-white b-radius-10">
<img width="25" src="/images/maps/search.svg"/>
</div>
<button id="meOnMapVoiceSearchBtn" type="button" class="btn background-white">
<img width="30" src="/images/micro.svg" alt="">
</button>
</div>
<div class="category-menu-more col my-4 text-white d-none category-items px-3 my-3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script src="/js/maps_index_page/roundedControlls.js?v=5"></script>
<script type="module" src="/js/maps_index_page/api.js?v=15"></script>
<script type="module" src="/js/maps_index_page/main.js?v={{ map_index_page_js_version }}"></script>
{% endblock %}