templates/application/layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="ru">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     {% if seoTitle is defined and seoTitle %}
  6.         <title>{{ seoTitle }}</title>
  7.     {% endif %}
  9.     {% if seoDescription is defined and seoDescription %}
  10.         <meta name="description" content="{{ seoDescription }}">
  11.     {% endif %}
  13.     {% if seoKeywords is defined and seoKeywords %}
  14.         <meta name="keywords" content="{{ seoKeywords }}">
  15.     {% endif %}
  17.     <link href="{{ app.request.schemeAndHttpHost ~ app.request.pathInfo }}" rel="canonical">
  19.     {% if headMeta is defined %}
  20.         {% for item in headMeta %}
  21.             <meta property="{{ item.property }}" content="{{ item.content }}">
  22.         {% endfor %}
  23.     {% else %}
  24.         <meta property="og:type" content="website">
  25.         <meta property="og:url" content="{{ app.request.uri }}">
  26.         <meta property="og:title" content="Decostore">
  27.         <meta property="og:description" content="Оптовые и розничные продажи декоративных отделочных материалов">
  28.         <meta property="og:image" content="/img/cover.png">
  29.         <meta property="og:image:type" content="image/png">
  30.         <meta property="og:image:width" content="1200">
  31.         <meta property="og:image:height" content="630">
  32.         <meta property="twitter:card" content="summary_large_image">
  33.     {% endif %}
  35.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  36.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  38.     <link rel="icon" type="image/x-icon" href="/favicon.ico">
  39.     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  40.     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  41.     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  42.     <link rel="manifest" href="/site.webmanifest">
  43.     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#222F59">
  44.     <meta name="msapplication-TileColor" content="#222f59">
  45.     <meta name="theme-color" content="#ffffff">
  47.     <link rel="stylesheet" href="/css/style.min.css?4">
  49.     <script src="//unpkg.com/alpinejs" defer></script>
  50.     
  52. <!-- Google Tag Manager -->
  53.     
  54.     <script>
  55.         document.addEventListener('DOMContentLoaded', () => {
  56.             /** init gtm after 3500 seconds - this could be adjusted */
  57.             setTimeout(initGTM, 3500);
  58.         });
  59.         document.addEventListener('scroll', initGTMOnEvent);
  60.         document.addEventListener('mousemove', initGTMOnEvent);
  61.         document.addEventListener('touchstart', initGTMOnEvent);
  62.     
  63.         function initGTMOnEvent (event) {
  64.             initGTM();
  65.             event.currentTarget.removeEventListener(event.type, initGTMOnEvent); // remove the event listener that got triggered
  66.         }
  67.     
  68.         function initGTM () {
  69.             if (window.gtmDidInit) {
  70.                 return false;
  71.             }
  72.             window.gtmDidInit = true; // flag to ensure script does not get added to DOM more than once.
  73.             const script = document.createElement('script');
  74.             script.type = 'text/javascript';
  75.             script.async = true;
  76.             script.onload = () => { dataLayer.push({ event: 'gtm.js', 'gtm.start': (new Date()).getTime(), 'gtm.uniqueEventId': 0 }); } // this part ensures PageViews is always tracked
  77.             script.src = 'https://www.googletagmanager.com/gtm.js?id=GTM-53CS9H5';
  78.     
  79.             document.head.appendChild(script);
  80.         }
  81.     </script>
  82.     
  83.     <!-- End Google Tag Manager -->    
  84.     
  85.     
  86.     
  87.     
  88.     
  89. </head>
  90. <body>
  93. <!-- Google Tag Manager (noscript) -->
  94. <!-- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-53CS9H5"
  95.                   height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> -->
  96. <!-- End Google Tag Manager (noscript) -->
  100. <div class="wrapper">
  101.     <header id="header" class="header {% block header_class %}{% endblock %}">
  102.         <div class="container">
  103.             <div class="helpnav">
  104.                 <div class="helpnav__left">
  105.                     <a href="" class="helpnav__item location">
  106.                         <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 6.25A1.875 1.875 0 1 0 10 10a1.875 1.875 0 0 0 0-3.75zM6.875 8.125a3.125 3.125 0 1 1 6.25 0 3.125 3.125 0 0 1-6.25 0z"/><path d="M10 2.5a5.625 5.625 0 0 0-5.625 5.625c0 2.588 1.445 4.944 2.972 6.7A19.707 19.707 0 0 0 10 17.343a19.716 19.716 0 0 0 2.653-2.52c1.527-1.755 2.972-4.111 2.972-6.699A5.625 5.625 0 0 0 10 2.5zm0 15.625-.359.512-.002-.002-.004-.003-.005-.003a20.946 20.946 0 0 1-3.227-2.984c-1.598-1.838-3.278-4.482-3.278-7.52a6.875 6.875 0 0 1 13.75 0c0 3.037-1.68 5.681-3.278 7.52a20.935 20.935 0 0 1-2.949 2.778 12.291 12.291 0 0 1-.267.198l-.016.011-.004.003-.002.001-.359-.511zm0 0 .358.512a.625.625 0 0 1-.716 0l.358-.512z"/></svg>
  107.                         Доставка по всей России и СНГ
  108.                     </a>
  109.                     {#
  110.                     <div class="helpnav__item language dropdown">
  111.                         <a href="#" class="dropdown__toggle">
  112.                             <!-- <span class="language__flag"><img src="/img/flag-ru.png" width="24" height="24" alt=""></span>-->
  113.                             <span class="language__value">RU</span>
  114.                             <span class="caret"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.867 5.146a.536.536 0 0 1 0 .708l-4.546 5a.426.426 0 0 1-.642 0l-4.546-5a.536.536 0 0 1 0-.708.426.426 0 0 1 .643 0L8 9.793l4.224-4.647a.426.426 0 0 1 .643 0z"/></svg></span>
  115.                         </a>
  116.                         <div class="dropdown__menu">
  117.                             <ul class="dropdown__list">
  118.                                 <li class="dropdown__item active">
  119.                                     <a href="/" class="dropdown__link">
  120.                                         <!-- <span class="language__flag"><img src="/img/flag-ru.png" width="24" height="24" alt=""></span>-->
  121.                                         <span class="language__value">RU</span>
  122.                                     </a>
  123.                                 </li>
  124.                                 <li class="dropdown__item">
  125.                                     <a href="https://en.cosca.ru/" class="dropdown__link">
  126.                                         <!-- <span class="language__flag"><img src="/img/flag-ru.png" width="24" height="24" alt=""></span>-->
  127.                                         <span class="language__value">EN</span>
  128.                                     </a>
  129.                                 </li>
  130.                             </ul>
  131.                         </div>
  132.                     </div>
  133.                     #}
  134.                 </div>
  135.                 <div class="helpnav__center">
  136.                     {% if cart.counterpartyId and getIdentity().managers|length %}
  137.                     <div class="helpnav__item helpnav__person">
  138.                         {% set manager = getIdentity().managers|first %}
  139.                         <a href="tel:{{ manager.phone }}" class="person">
  140.                             {% if manager.picture %}
  141.                                 <span class="person__photo">
  142.                                     {{ include('application/partial/picture.html.twig', {image: manager.picture, width: 38, height: 38}) }}
  143.                                 </span>
  144.                             {% endif %}
  145.                             <span class="person__detail">
  146.                                 <span class="person__name">{{ manager.fullName }}</span>
  147.                                 <span class="person__status">{{ manager.formattedPhone }}</span>
  148.                             </span>
  149.                         </a>
  150.                     </div>
  151.                     {% endif %}
  153.                     <div class="helpnav__item">
  154.                         <a href="tel:+ 78124091555" class="phone-link">
  155.                             <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.294 2.275c.217.186.358.41.42.564.035.086.277.653.558 1.314l.165.386c.317.745.644 1.515.742 1.755.17.315.201.81-.116 1.29a.626.626 0 0 1-.011.017c-.036.05-.143.215-.287.434l-.3.461c-.24.364-.517.783-.674.987a5.906 5.906 0 0 0 2.747 2.74 1.72 1.72 0 0 0 .043-.024l.005-.003.076-.05.212-.143a165.778 165.778 0 0 0 .608-.415c.22-.15.445-.303.63-.426.153-.102.31-.204.41-.26a1.243 1.243 0 0 1 1.158-.095c.33.135 3.242 1.367 3.676 1.579a1.242 1.242 0 0 1 .732 1.295 4.375 4.375 0 0 1-1.448 2.728 4.229 4.229 0 0 1-2.89 1.091A11.25 11.25 0 0 1 2.816 8.897v-.002a9.436 9.436 0 0 1-.218-2.549c.054-.99.292-2.12.976-2.966a.593.593 0 0 1 .006-.007c.735-.881 1.592-1.306 2.643-1.44a1.407 1.407 0 0 1 1.071.343zm-.93.9c-.749.099-1.306.38-1.82.995-.441.547-.65 1.364-.697 2.244a8.195 8.195 0 0 0 .184 2.19 10 10 0 0 0 9.719 7.646 2.98 2.98 0 0 0 2.064-.78c.569-.5.936-1.19 1.034-1.942a.58.58 0 0 1-.037-.018c-.295-.15-3.287-1.417-3.61-1.549a.443.443 0 0 1-.01-.004.61.61 0 0 1-.058.035l-.026.015a13.82 13.82 0 0 0-.302.196c-.18.119-.4.268-.619.418l-.257.175-.352.24a8.529 8.529 0 0 1-.377.25 1.58 1.58 0 0 1-.277.13 1.25 1.25 0 0 1-.917-.062l-.004-.002a7.157 7.157 0 0 1-3.338-3.33l-.001-.002a1.25 1.25 0 0 1 .119-1.275c.09-.111.353-.503.637-.935l.265-.405c.154-.236.285-.436.34-.515a.26.26 0 0 0 .027-.054 210.658 210.658 0 0 0-.765-1.807c-.054-.13-.11-.258-.163-.384-.27-.635-.51-1.199-.562-1.325a.413.413 0 0 0-.08-.096.227.227 0 0 0-.067-.041.126.126 0 0 0-.05-.009z"/></svg>
  156.                             +7 (812) 409 1 555
  157.                         </a>
  158.                     </div>
  159.                     <div class="helpnav__item">
  160.                         <button class="btn btn--outline btn--sm" data-fancybox="feedback" data-src="#requestCall">
  161.                             <span class="btn__text">Перезвоните мне</span>
  162.                         </button>
  163.                     </div>
  164.                 </div>
  165.                 <div class="helpnav__right">
  166.                     {% if getIdentity() %}
  167.                         <div class="dropdown user">
  168.                             <a href="#" class="dropdown__toggle">
  169.                                 {% if getIdentity().seller %}
  170.                                     {% if cart.counterpartyName %}
  171.                                         {{ cart.counterpartyName }}
  172.                                     {% else %}
  173.                                         {{ getIdentity().name }}
  174.                                     {% endif %}
  175.                                 {% else %}
  176.                                     {{ getIdentity().name }}
  177.                                 {% endif %}
  178.                                 <span class="caret"><svg width="18" height="18" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.867 5.146a.536.536 0 0 1 0 .708l-4.546 5a.426.426 0 0 1-.642 0l-4.546-5a.536.536 0 0 1 0-.708.426.426 0 0 1 .643 0L8 9.793l4.224-4.647a.426.426 0 0 1 .643 0z"></path></svg></span>
  179.                             </a>
  180.                             <div class="dropdown__menu">
  181.                                 <ul class="dropdown__list scroll">
  182.                                     {% if getIdentity().seller %}
  183.                                         <li class="dropdown__item">
  184.                                             <div class="counterparty-link dropdown__link form__check">
  185.                                                 <input type="radio" name="userTypeMobile" value="" id="userTypeMobile01" {% if not cart.counterpartyId %}checked{% endif %}>
  186.                                                 <label for="userTypeMobile01">
  187.                                                     Розница
  188.                                                 </label>
  189.                                             </div>
  190.                                         </li>
  192.                                         {% for counterparty in getIdentity().activeCounterparties %}
  193.                                                 <li class="dropdown__item">
  194.                                                     <div data-id="{{ counterparty.id }}" class="counterparty-link dropdown__link form__check">
  195.                                                         <input type="radio" name="userTypeMobile" value="" id="userTypeMobile{{ counterparty.id }}" {% if cart.counterpartyId == counterparty.id %}checked{% endif %}>
  196.                                                         <label for="userTypeMobile{{ counterparty.id }}">
  197.                                                             {{ counterparty.name }}
  198.                                                         </label>
  199.                                                     </div>
  200.                                                 </li>
  201.                                         {% endfor %}
  202.                                         <li class="divider"></li>
  203.                                     {% endif %}
  204.                                     <li class="dropdown__item"><a href="{{ path('orders') }}" class="dropdown__link">Мои заказы</a></li>
  205.                                     {% if getIdentity().seller %}
  206.                                         <li class="dropdown__item"><a href="{{ path('managers') }}" class="dropdown__link">Мои менеджеры</a></li>
  207.                                     {% endif %}
  208.                                     <li class="dropdown__item"><a href="{{ path('profile') }}" class="dropdown__link">Личные данные</a></li>
  209.                                     <li class="dropdown__item"><a href="{{ path('logout') }}" class="dropdown__link">Выйти</a></li>
  210.                                 </ul>
  211.                             </div>
  212.                         </div>
  213.                     {% else %}
  214.                         <a href="{{ path('login') }}" class="helpnav__item login-link">
  215.                             <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 3.125a6.875 6.875 0 1 0 0 13.75 6.875 6.875 0 0 0 0-13.75zM1.875 10a8.125 8.125 0 1 1 16.25 0 8.125 8.125 0 0 1-16.25 0z" fill="#fff"/><path d="M10 6.875a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zm-3.75 2.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0z" fill="#fff"/><path d="M10 13.124a5 5 0 0 0-4.458 2.737.625.625 0 1 1-1.115-.566 6.25 6.25 0 0 1 11.146 0 .625.625 0 1 1-1.114.566A5 5 0 0 0 10 13.124z"/></svg>
  216.                             Войти
  217.                         </a>
  218.                     {% endif %}
  219.                 </div>
  220.             </div>
  221.         </div>
  222.         <div class="header__container">
  223.             <div class="header__content">
  224.                 <div class="container">
  225.                     <div class="navbar">
  226.                         <div class="navbar__logo">
  227.                             <a href="/" class="navbar__brand brand" aria-label="Decostore - На главную">
  228.                                 <img src="/img/{% if cart.counterparty %}decostore-b2b.svg{% else %}decostore.svg{% endif %}" alt="" class="brand__logo">
  229.                             </a>
  230.                         </div>
  231.                         <div class="navbar__nav">
  232.                             <nav class="nav">
  233.                                 <ul class="nav__list">
  234.                                     <li class="nav__item dropdown">
  235.                                         <a href="{{ path('catalog') }}" class="nav__link dropdown__toggle">
  236.                                             Каталог
  237.                                             <span class="caret"><svg width="18" height="18" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.867 5.146a.536.536 0 0 1 0 .708l-4.546 5a.426.426 0 0 1-.642 0l-4.546-5a.536.536 0 0 1 0-.708.426.426 0 0 1 .643 0L8 9.793l4.224-4.647a.426.426 0 0 1 .643 0z"/></svg></span>
  238.                                         </a>
  239.                                         <div class="dropdown__menu">
  240.                                             <ul class="dropdown__list scroll">
  241.                                                 {% for category in global.menu %}
  242.                                                     <li class="dropdown__item"><a href="{{ documentUrl(category) }}" class="dropdown__link">{{ category.name(app.request.locale) }}</a></li>
  243.                                                 {% endfor %}
  244.                                             </ul>
  245.                                         </div>
  246.                                     </li>
  247.                                     <li class="nav__item">
  248.                                         <a href="{{ path('gallery') }}" class="nav__link">Галерея проектов</a>
  249.                                     </li>
  250.                                     <li class="nav__item dropdown">
  251.                                         <a href="#" class="nav__link dropdown__toggle">
  252.                                             Компания
  253.                                             <span class="caret"><svg width="18" height="18" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.867 5.146a.536.536 0 0 1 0 .708l-4.546 5a.426.426 0 0 1-.642 0l-4.546-5a.536.536 0 0 1 0-.708.426.426 0 0 1 .643 0L8 9.793l4.224-4.647a.426.426 0 0 1 .643 0z"/></svg></span>
  254.                                         </a>
  255.                                         <div class="dropdown__menu">
  256.                                             <ul class="dropdown__list scroll">
  257.                                                 <li class="dropdown__item"><a href="{{ path('about') }}" class="dropdown__link">О нас</a></li>
  258.                                                 <li class="dropdown__item"><a href="{{ path('arhitektoram-i-stroitelyam') }}" class="dropdown__link">Архитекторам, дизайнерам и строителям</a></li>
  259.                                                 <li class="dropdown__item"><a href="{{ path('izgotovlenie-individualnih-izdelii') }}" class="dropdown__link">Изготовление индивидуальных изделий</a></li>
  260.                                                 <li class="dropdown__item"><a href="{{ path('montazh') }}" class="dropdown__link">Инструкции по монтажу</a></li>
  261.                                                 <li class="dropdown__item"><a href="{{ path('catalog') }}/sale" class="dropdown__link">Распродажа</a></li>
  262.                                                 <li class="dropdown__item"><a href="{{ path('blog') }}" class="dropdown__link">Статьи</a></li>
  263.                                                 <li class="dropdown__item"><a href="{{ path('contacts') }}" class="dropdown__link">Контакты</a></li>
  264.                                             </ul>
  265.                                         </div>
  266.                                     </li>
  267.                                     {% if cart.counterparty %}
  268.                                         <li class="nav__item dropdown">
  269.                                             <a href="#" class="nav__link dropdown__toggle">
  270.                                                 Дилерам
  271.                                                 <span class="caret"><svg width="18" height="18" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.867 5.146a.536.536 0 0 1 0 .708l-4.546 5a.426.426 0 0 1-.642 0l-4.546-5a.536.536 0 0 1 0-.708.426.426 0 0 1 .643 0L8 9.793l4.224-4.647a.426.426 0 0 1 .643 0z"/></svg></span>
  272.                                             </a>
  273.                                             <div class="dropdown__menu">
  274.                                                 <ul class="dropdown__list scroll">
  275.                                                     {# <li class="dropdown__item"><a href="#" class="dropdown__link">Образцы продукции</a></li> #}
  276.                                                     {# <li class="dropdown__item"><a href="#" class="dropdown__link">Торговое оборудование</a></li> #}
  277.                                                     <li class="dropdown__item"><a href="{{ path('prices') }}" class="dropdown__link">Прайс листы</a></li>
  278.                                                     <li class="dropdown__item"><a href="{{ path('presentations') }}" class="dropdown__link">Презентации</a></li>
  279.                                                     <li class="dropdown__item"><a href="{{ path('catalogs') }}" class="dropdown__link">Каталоги</a></li>
  280.                                                     <li class="dropdown__item"><a href="{{ path('booklets') }}" class="dropdown__link">Листовки</a></li>
  281.                                                 </ul>
  282.                                             </div>
  283.                                         </li>
  284.                                     {% else %}
  285.                                         <li class="nav__item">
  286.                                             <a href="{{ path('dileram') }}" class="nav__link">Дилерам</a>
  287.                                         </li>
  288.                                     {% endif %}
  289.                                     <li class="nav__item nav__item--search">
  290.                                         <button class="nav__link navbar__btn a-search-toggle" title="Искать на сайте">
  291.                                             <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.25 2.5a4.75 4.75 0 1 0 0 9.5 4.75 4.75 0 0 0 0-9.5zM1.5 7.25a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0z"/><path d="M10.609 10.609a.5.5 0 0 1 .707 0l3.038 3.037a.5.5 0 0 1-.707.707l-3.038-3.037a.5.5 0 0 1 0-.707z"/></svg>
  292.                                         </button>
  293.                                     </li>
  294.                                 </ul>
  295.                             </nav>
  296.                             <form x-data="searchForm" x-init="getSearchData(text); $watch('text', value => getSearchData(value))" action="{{ path('search') }}" class="navbar__search search form a-search dropdown">
  297.                                 <div class="form__group"><input x-model="text" name="searchText" type="text" class="form__control" aria-label="Поиск по сайту"></div>
  298.                                 <div class="form__btn">
  299.                                     <button class="search__clear a-search-toggle" type="reset" aria-label="Сбросить">
  300.                                         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.146 3.146a.5.5 0 0 1 .708 0l9 9a.5.5 0 0 1-.708.708l-9-9a.5.5 0 0 1 0-.708z"/><path d="M12.854 3.146a.5.5 0 0 0-.708 0l-9 9a.5.5 0 0 0 .708.708l9-9a.5.5 0 0 0 0-.708z"/></svg>
  301.                                     </button>
  302.                                     <button class="search__btn navbar__btn" title="Искать" disabled>
  303.                                         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.25 2.5a4.75 4.75 0 1 0 0 9.5 4.75 4.75 0 0 0 0-9.5zM1.5 7.25a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0z"/><path d="M10.609 10.609a.5.5 0 0 1 .707 0l3.038 3.037a.5.5 0 0 1-.707.707l-3.038-3.037a.5.5 0 0 1 0-.707z"/></svg>
  304.                                     </button>
  305.                                 </div>
  306.                                 <div class="dropdown__menu">
  307.                                     <div class="scroll">
  308.                                         <ul x-show="categories.length > 0" class="dropdown__list">
  309.                                             <template x-for="(item, index) in categories" :key="index">
  310.                                                 <li class="dropdown__item"><a x-text="item.name" x-bind:href="item.url" class="dropdown__link"></a></li>
  311.                                             </template>
  312.                                         </ul>
  313.                                         <div x-show="products.length > 0" class="dropdown__title"><span class="dropdown__title-text">Популярные товары</span></div>
  314.                                         <ul x-show="products.length > 0" class="dropdown__list">
  315.                                             <template x-for="(item, index) in products" :key="index">
  316.                                                 <li class="dropdown__item item-search">
  317.                                                     <div class="item-search__photo">
  318.                                                         <picture x-show="item.image">
  319.                                                             <source x-bind:srcset="item.webp + ' 1x, ' + item.webpRetina + ' 2x'"
  320.                                                                     type="image/webp">
  321.                                                             <img x-bind:src="item.image" x-bind:srcset="item.imageRetina + ' 2x'"
  322.                                                                     alt="" width="74" height="61">
  323.                                                         </picture>
  324.                                                     </div>
  325.                                                     <div class="item-search__title"><a x-text="item.name" x-bind:href="item.url"></a></div>
  326.                                                     <div x-text="item.price ? Math.round(item.price) + ' ₽' : ''" class="item-search__price" ></div>
  327.                                                 </li>
  328.                                             </template>
  329.                                         </ul>
  330.                                     </div>
  331.                                 </div>
  332.                             </form>
  333.                         </div>
  334.                         <div class="navbar__control">
  335.                             <button class="navbar__btn navbar__btn--phone" data-fancybox="feedbackM" data-src="#requestCall" aria-label="Перезвонить мне">
  336.                                 <svg width="32" height="32" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.294 2.275c.217.186.358.41.42.564.035.086.277.653.558 1.314l.165.386c.317.745.644 1.515.742 1.755.17.315.201.81-.116 1.29a.626.626 0 0 1-.011.017c-.036.05-.143.215-.287.434l-.3.461c-.24.364-.517.783-.674.987a5.906 5.906 0 0 0 2.747 2.74 1.72 1.72 0 0 0 .043-.024l.005-.003.076-.05.212-.143a165.778 165.778 0 0 0 .608-.415c.22-.15.445-.303.63-.426.153-.102.31-.204.41-.26a1.243 1.243 0 0 1 1.158-.095c.33.135 3.242 1.367 3.676 1.579a1.242 1.242 0 0 1 .732 1.295 4.375 4.375 0 0 1-1.448 2.728 4.229 4.229 0 0 1-2.89 1.091A11.25 11.25 0 0 1 2.816 8.897v-.002a9.436 9.436 0 0 1-.218-2.549c.054-.99.292-2.12.976-2.966a.593.593 0 0 1 .006-.007c.735-.881 1.592-1.306 2.643-1.44a1.407 1.407 0 0 1 1.071.343zm-.93.9c-.749.099-1.306.38-1.82.995-.441.547-.65 1.364-.697 2.244a8.195 8.195 0 0 0 .184 2.19 10 10 0 0 0 9.719 7.646 2.98 2.98 0 0 0 2.064-.78c.569-.5.936-1.19 1.034-1.942a.58.58 0 0 1-.037-.018c-.295-.15-3.287-1.417-3.61-1.549a.443.443 0 0 1-.01-.004.61.61 0 0 1-.058.035l-.026.015a13.82 13.82 0 0 0-.302.196c-.18.119-.4.268-.619.418l-.257.175-.352.24a8.529 8.529 0 0 1-.377.25 1.58 1.58 0 0 1-.277.13 1.25 1.25 0 0 1-.917-.062l-.004-.002a7.157 7.157 0 0 1-3.338-3.33l-.001-.002a1.25 1.25 0 0 1 .119-1.275c.09-.111.353-.503.637-.935l.265-.405c.154-.236.285-.436.34-.515a.26.26 0 0 0 .027-.054 210.658 210.658 0 0 0-.765-1.807c-.054-.13-.11-.258-.163-.384-.27-.635-.51-1.199-.562-1.325a.413.413 0 0 0-.08-.096.227.227 0 0 0-.067-.041.126.126 0 0 0-.05-.009z"/></svg>
  337.                             </button>
  338.                             {% if getIdentity() %}
  339.                                 <div class="navbar__btn navbar__btn--user dropdown user">
  340.                                     <a href="#" class="dropdown__toggle" aria-label="Профиль пользователя">
  341.                                         <svg width="32" height="32" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 3.125a6.875 6.875 0 1 0 0 13.75 6.875 6.875 0 0 0 0-13.75zM1.875 10a8.125 8.125 0 1 1 16.25 0 8.125 8.125 0 0 1-16.25 0z" fill="#fff"/><path d="M10 6.875a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zm-3.75 2.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0z" fill="#fff"/><path d="M10 13.124a5 5 0 0 0-4.458 2.737.625.625 0 1 1-1.115-.566 6.25 6.25 0 0 1 11.146 0 .625.625 0 1 1-1.114.566A5 5 0 0 0 10 13.124z"/></svg>
  342.                                     </a>
  343.                                     <div class="dropdown__menu">
  344.                                         <ul class="dropdown__list scroll">
  345.                                             {% if getIdentity().seller %}
  346.                                                 <li class="dropdown__item">
  347.                                                     <div class="counterparty-link dropdown__link form__check">
  348.                                                         <input type="radio" name="userType" value="" id="userType01" {% if not cart.counterpartyId %}checked{% endif %}>
  349.                                                         <label for="userType01">
  350.                                                             Розница
  351.                                                         </label>
  352.                                                     </div>
  353.                                                 </li>
  355.                                                 {% for counterparty in getIdentity().activeCounterparties %}
  356.                                                     <li class="dropdown__item">
  357.                                                         <div data-id="{{ counterparty.id }}" class="counterparty-link dropdown__link form__check">
  358.                                                             <input type="radio" name="userType" value="" id="userType{{ counterparty.id }}" {% if cart.counterpartyId == counterparty.id %}checked{% endif %}>
  359.                                                             <label for="userType{{ counterparty.id }}">
  360.                                                                 {{ counterparty.name }}
  361.                                                             </label>
  362.                                                         </div>
  363.                                                     </li>
  364.                                                 {% endfor %}
  365.                                                 <li class="divider"></li>
  366.                                             {% endif %}
  367.                                             <li class="dropdown__item"><a href="{{ path('orders') }}" class="dropdown__link">Мои заказы</a></li>
  368.                                             {% if getIdentity().seller %}
  369.                                                 <li class="dropdown__item"><a href="" class="dropdown__link">Мои менеджеры</a></li>
  370.                                             {% endif %}
  371.                                             <li class="dropdown__item"><a href="{{ path('profile') }}" class="dropdown__link">Личные данные</a></li>
  372.                                             <li class="dropdown__item"><a href="{{ path('logout') }}" class="dropdown__link">Выйти</a></li>
  373.                                         </ul>
  374.                                     </div>
  375.                                 </div>
  376.                             {% else %}
  377.                                 <a href="{{ path('login') }}" class="navbar__btn navbar__btn--user" aria-label="Войти">
  378.                                     <svg width="32" height="32" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 3.125a6.875 6.875 0 1 0 0 13.75 6.875 6.875 0 0 0 0-13.75zM1.875 10a8.125 8.125 0 1 1 16.25 0 8.125 8.125 0 0 1-16.25 0z" fill="#fff"/><path d="M10 6.875a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zm-3.75 2.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0z" fill="#fff"/><path d="M10 13.124a5 5 0 0 0-4.458 2.737.625.625 0 1 1-1.115-.566 6.25 6.25 0 0 1 11.146 0 .625.625 0 1 1-1.114.566A5 5 0 0 0 10 13.124z"/></svg>
  379.                                 </a>
  380.                             {% endif %}
  381.                             <button class="navbar__btn navbar__btn--search a-search-toggle" aria-label="Искать на сайте">
  382.                                 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.25 2.5a4.75 4.75 0 1 0 0 9.5 4.75 4.75 0 0 0 0-9.5zM1.5 7.25a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0z"/><path d="M10.609 10.609a.5.5 0 0 1 .707 0l3.038 3.037a.5.5 0 0 1-.707.707l-3.038-3.037a.5.5 0 0 1 0-.707z"/></svg>
  383.                             </button>
  384.                             <div id="compareDiv">
  385.                                 {{ include('application/partial/compare.html.twig') }}
  386.                             </div>
  387.                             <div id="cartDiv">
  388.                                 {{ include('application/partial/cart.html.twig') }}
  389.                             </div>
  390.                         </div>
  391.                         <button class="navbar__toggle" aria-label="Показать меню" data-fancybox="menu" data-src="#mainNav">
  392.                             <span class="navbar__toggle-icon"></span>
  393.                         </button>
  394.                     </div>
  395.                 </div>
  396.                 <div class="search__backdrop a-search-toggle"></div>
  397.             </div>
  398.         </div>
  400.         <div class="modal mainnav" id="mainNav" style="display:none;">
  401.             <div class="mainnav__content">
  402.                 <div class="mainnav__sidebar">
  403.                     <div class="mainnav__header">
  404.                         <div class="navbar__logo">
  405.                             <a href="/" class="navbar__brand brand">
  406.                                 <img src="/img/decostore.svg" alt="" width="180" class="brand__logo" loading="lazy">
  407.                             </a>
  408.                         </div>
  409.                         {#
  410.                         <div class="language dropdown">
  411.                             <a href="#" class="dropdown__toggle">
  412.                                 <!-- <span class="language__flag"><img src="/img/flag-ru.png" width="24" height="24" alt=""></span> -->
  413.                                 <span class="language__value">RU</span>
  414.                                 <span class="caret"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.867 5.146a.536.536 0 0 1 0 .708l-4.546 5a.426.426 0 0 1-.642 0l-4.546-5a.536.536 0 0 1 0-.708.426.426 0 0 1 .643 0L8 9.793l4.224-4.647a.426.426 0 0 1 .643 0z"/></svg></span>
  415.                             </a>
  416.                             <div class="dropdown__menu">
  417.                                 <ul class="dropdown__list">
  418.                                     <li class="dropdown__item active">
  419.                                         <a href="/" class="dropdown__link">
  420.                                             <!-- <span class="language__flag"><img src="/img/flag-ru.png" width="24" height="24" alt=""></span> -->
  421.                                             <span class="language__value">RU</span>
  422.                                         </a>
  423.                                     </li>
  424.                                     <li class="dropdown__item">
  425.                                         <a href="https://en.cosca.ru/" class="dropdown__link">
  426.                                             <!-- <span class="language__flag"><img src="/img/flag-ru.png" width="24" height="24" alt=""></span> -->
  427.                                             <span class="language__value">EN</span>
  428.                                         </a>
  429.                                     </li>
  430.                                 </ul>
  431.                             </div>
  432.                         </div>
  433.                         #}
  434.                     </div>
  435.                     <div class="site-nav">
  436.                         <div class="site-nav__group collapse a-collapse">
  437.                             <div class="site-nav__title collapse__toggle">
  438.                                 <a href="{{ path('about') }}">
  439.                                     Компания
  440.                                     <span class="caret"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.867 5.146a.536.536 0 0 1 0 .708l-4.546 5a.426.426 0 0 1-.642 0l-4.546-5a.536.536 0 0 1 0-.708.426.426 0 0 1 .643 0L8 9.793l4.224-4.647a.426.426 0 0 1 .643 0z"/></svg></span>
  441.                                 </a>
  442.                             </div>
  443.                             <ul class="site-nav__list collapse__body">
  444.                                 <li class="site-nav__item"><a href="{{ path('about') }}" class="site-nav__link">О нас</a></li>
  445.                                 <li class="site-nav__item"><a href="{{ path('gallery') }}" class="site-nav__link">Галерея проектов</a></li>
  446.                                 <li class="site-nav__item"><a href="{{ path('dileram') }}" class="site-nav__link">Стать дилером</a></li>
  447.                                 <li class="site-nav__item"><a href="{{ path('arhitektoram-i-stroitelyam') }}" class="site-nav__link">Архитекторам, дизайнерам и строителям</a></li>
  448.                                 <li class="site-nav__item"><a href="{{ path('izgotovlenie-individualnih-izdelii') }}" class="site-nav__link">Изготовление индивидуальных изделий</a></li>
  449.                                 <li class="site-nav__item"><a href="{{ path('montazh') }}" class="site-nav__link">Инструкции по монтажу</a></li>
  450.                                 <li class="site-nav__item"><a href="{{ path('catalog') }}/sale" class="site-nav__link">Распродажа</a></li>
  451.                                 <li class="site-nav__item"><a href="{{ path('blog') }}" class="site-nav__link">Статьи</a></li>
  452.                                 <li class="site-nav__item"><a href="{{ path('contacts') }}" class="site-nav__link">Контакты</a></li>
  453.                             </ul>
  454.                         </div>
  455.                         {% if cart.counterparty %}
  456.                             <div class="site-nav__group collapse a-collapse">
  457.                                 <div class="site-nav__title collapse__toggle">
  458.                                     <a href="{{ path('marketing') }}">
  459.                                         Дилерам
  460.                                         <span class="caret"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.867 5.146a.536.536 0 0 1 0 .708l-4.546 5a.426.426 0 0 1-.642 0l-4.546-5a.536.536 0 0 1 0-.708.426.426 0 0 1 .643 0L8 9.793l4.224-4.647a.426.426 0 0 1 .643 0z"/></svg></span>
  461.                                     </a>
  462.                                 </div>
  463.                                 <ul class="site-nav__list collapse__body">
  464.                                     {# <li class="site-nav__item"><a href="#" class="site-nav__link">Образцы продукции</a></li> #}
  465.                                     {# <li class="site-nav__item"><a href="#" class="site-nav__link">Торговое оборудование</a></li> #}
  466.                                     <li class="site-nav__item"><a href="{{ path('prices') }}" class="site-nav__link">Прайс листы</a></li>
  467.                                     <li class="site-nav__item"><a href="{{ path('presentations') }}" class="site-nav__link">Презентации</a></li>
  468.                                     <li class="site-nav__item"><a href="{{ path('catalogs') }}" class="site-nav__link">Каталоги</a></li>
  469.                                     <li class="site-nav__item"><a href="{{ path('booklets') }}" class="site-nav__link">Листовки</a></li>
  470.                                 </ul>
  471.                             </div>
  472.                         {% endif %}
  473.                         <div class="site-nav__group collapse a-collapse">
  474.                             <ul class="site-nav__list collapse__body">
  475. {#                                <li class="site-nav__item"><a href="#" class="site-nav__link">Оформление заказа</a></li>#}
  476. {#                                <li class="site-nav__item"><a href="#" class="site-nav__link">Гарантии</a></li>#}
  477.                                 <li class="site-nav__item"><a href="{{ path('delivery') }}" class="site-nav__link">Доставка и оплата</a></li>
  478.                                 <li class="site-nav__item"><a href="{{ path('help') }}" class="site-nav__link">Помощь</a></li>
  479. {#                                <li class="site-nav__item"><a href="#" class="site-nav__link">Безопасность</a></li>#}
  480. {#                                <li class="site-nav__item"><a href="#" class="site-nav__link">Как выбрать</a></li>#}
  481. {#                                <li class="site-nav__item"><a href="#" class="site-nav__link">Калькуляторы</a></li>#}
  482. {#                                <li class="site-nav__item"><a href="#" class="site-nav__link">Монтаж</a></li>#}
  483. {#                                <li class="site-nav__item"><a href="{{ path('blog') }}" class="site-nav__link">Статьи</a></li>#}
  484.                             </ul>
  485.                         </div>
  487. {#                        <div class="site-nav__group collapse a-collapse">#}
  488. {#                            <div class="site-nav__title collapse__toggle">#}
  489. {#                                <a href="#">#}
  490. {#                                    Дилерам#}
  491. {#                                    <span class="caret"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.867 5.146a.536.536 0 0 1 0 .708l-4.546 5a.426.426 0 0 1-.642 0l-4.546-5a.536.536 0 0 1 0-.708.426.426 0 0 1 .643 0L8 9.793l4.224-4.647a.426.426 0 0 1 .643 0z"/></svg></span>#}
  492. {#                                </a>#}
  493. {#                            </div>#}
  494. {#                            <ul class="site-nav__list collapse__body">#}
  495. {#                                <li class="site-nav__item"><a href="#" class="site-nav__link">Образцы продукции</a></li>#}
  496. {#                                <li class="site-nav__item"><a href="#" class="site-nav__link">Торговое оборудование</a></li>#}
  497. {#                                <li class="site-nav__item"><a href="#" class="site-nav__link">Прайс-листы</a></li>#}
  498. {#                                <li class="site-nav__item"><a href="#" class="site-nav__link">Презентации</a></li>#}
  499. {#                                <li class="site-nav__item"><a href="#" class="site-nav__link">Каталоги</a></li>#}
  500. {#                                <li class="site-nav__item"><a href="#" class="site-nav__link">Листовки</a></li>#}
  501. {#                                <li class="site-nav__item"><a href="#" class="site-nav__link">Живая лента</a></li>#}
  502. {#                            </ul>#}
  503. {#                        </div>#}
  505.                     </div>
  506.                 </div>
  507.                 <div class="mainnav__main">
  508.                     <div class="category">
  509.                         {% for category in global.menu %}
  510.                             <div class="category__group">
  511.                                 {% if category.image %}
  512.                                     <div class="category__photo">
  513.                                         {{ include('application/partial/picture.html.twig', {image: category.image, width: 70, height: 102}) }}
  514.                                     </div>
  515.                                 {% endif %}
  516.                                 <div class="category__detail collapse a-collapse">
  517.                                     <div class="category__title collapse__toggle">
  518.                                         <a href="{{ documentUrl(category) }}">
  519.                                             {{ category.name(app.request.locale) }}
  520.                                             <span class="caret"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.867 5.146a.536.536 0 0 1 0 .708l-4.546 5a.426.426 0 0 1-.642 0l-4.546-5a.536.536 0 0 1 0-.708.426.426 0 0 1 .643 0L8 9.793l4.224-4.647a.426.426 0 0 1 .643 0z"/></svg></span>
  521.                                         </a>
  522.                                     </div>
  523.                                     {% if category.children|length %}
  524.                                         <ul class="category__list collapse__body">
  525.                                             {% for child in category.children %}
  526.                                                 <li class="category__item"><a href="{{ documentUrl(child) }}" class="category__link">{{ child.name(app.request.locale) }}</a></li>
  527.                                             {% endfor %}
  528.                                         </ul>
  529.                                     {% endif %}
  530.                                 </div>
  531.                             </div>
  532.                         {% endfor %}
  533.                     </div>
  534.                 </div>
  535.             </div>
  536.         </div>
  537.     </header>
  539.     {% block content %}
  541.     {% endblock %}
  543.     <footer class="footer">
  544.         <div class="container">
  545.             <div class="footer__content">
  546.                 <div class="footer__row">
  547.                     <div class="footer__sidebar">
  548.                         <img src="/img/decostore.svg" width="210" alt="Decostore" loading="lazy">
  549.                     </div>
  550.                     <div class="footer__main">
  551.                         <div class="footer__row">
  552.                             <div class="footer__column collapse a-collapse">
  553.                                 <div class="footer__title collapse__toggle">
  554.                                     <a class="">
  555.                                         Каталог
  556.                                         <span class="caret"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.867 5.146a.536.536 0 0 1 0 .708l-4.546 5a.426.426 0 0 1-.642 0l-4.546-5a.536.536 0 0 1 0-.708.426.426 0 0 1 .643 0L8 9.793l4.224-4.647a.426.426 0 0 1 .643 0z"/></svg></span>
  557.                                     </a>
  558.                                 </div>
  559.                                 <div class="collapse__body">
  560.                                     <ul class="footernav">
  561.                                         {% for category in global.menu %}
  562.                                             <li class="footernav__item"><a href="{{ documentUrl(category) }}" class="footernav__link">{{ category.name(app.request.locale) }}</a></li>
  563.                                         {% endfor %}
  564.                                     </ul>
  565.                                 </div>
  566.                             </div>
  567.                             <div class="footer__column collapse a-collapse">
  568.                                 <div class="footer__title collapse__toggle">
  569.                                     <a class="">
  570.                                         Компания
  571.                                         <span class="caret"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.867 5.146a.536.536 0 0 1 0 .708l-4.546 5a.426.426 0 0 1-.642 0l-4.546-5a.536.536 0 0 1 0-.708.426.426 0 0 1 .643 0L8 9.793l4.224-4.647a.426.426 0 0 1 .643 0z"/></svg></span>
  572.                                     </a>
  573.                                 </div>
  574.                                 <div class="collapse__body">
  575.                                     <ul class="footernav">
  576.                                         <li class="footernav__item"><a href="{{ path('about') }}" class="footernav__link">О нас</a></li>
  577.                                         <li class="footernav__item"><a href="{{ path('gallery') }}" class="footernav__link">Галерея проектов</a></li>
  578.                                         <li class="footernav__item"><a href="{{ path('dileram') }}" class="footernav__link">Стать дилером</a></li>
  579.                                         <li class="footernav__item"><a href="{{ path('arhitektoram-i-stroitelyam') }}" class="footernav__link">Архитекторам, дизайнерам и строителям</a></li>
  580.                                         <li class="footernav__item"><a href="{{ path('izgotovlenie-individualnih-izdelii') }}" class="footernav__link">Изготовление индивидуальных изделий</a></li>
  581.                                         <li class="footernav__item"><a href="{{ path('montazh') }}" class="footernav__link">Инструкции по монтажу</a></li>
  582.                                         <li class="footernav__item"><a href="{{ path('catalog') }}/sale" class="footernav__link">Распродажа</a></li>
  583.                                         <li class="footernav__item"><a href="{{ path('blog') }}" class="footernav__link">Статьи</a></li>
  584.                                         <li class="footernav__item"><a href="{{ path('contacts') }}" class="footernav__link">Контакты</a></li>
  585.                                     </ul>
  586.                                 </div>
  587.                             </div>
  588.                             <div class="footer__column collapse a-collapse">
  589.                                 <div class="collapse__body">
  590.                                     <ul class="footernav">
  591. {#                                        <li class="footernav__item"><a href="#" class="footernav__link">Оформление заказа</a></li>#}
  592. {#                                        <li class="footernav__item"><a href="#" class="footernav__link">Гарантии</a></li>#}
  593.                                         <li class="footernav__item"><a href="{{ path('delivery') }}" class="footernav__link">Доставка и оплата</a></li>
  594.                                         <li class="footernav__item"><a href="{{ path('help') }}" class="footernav__link">Помощь</a></li>
  595. {#                                        <li class="footernav__item"><a href="#" class="footernav__link">Безопасность</a></li>#}
  596. {#                                        <li class="footernav__item"><a href="#" class="footernav__link">Как выбрать</a></li>#}
  597. {#                                        <li class="footernav__item"><a href="#" class="footernav__link">Калькуляторы</a></li>#}
  598. {#                                        <li class="footernav__item"><a href="#" class="footernav__link">Монтаж</a></li>#}
  599.                                         <li class="footernav__item"><a href="{{ path('blog') }}" class="footernav__link">Статьи</a></li>
  600.                                     </ul>
  601.                                 </div>
  602.                             </div>
  603.                             <div class="footer__column">
  604.                                 <div class="footer__title">Контакты</div>
  605.                                 <div class="item-contact">
  606.                                     СПб, Ленинский пр-т, д. 140Е, ТВЦ "Загородный дом",
  607.                                     1-й этаж, мод. 9.
  608.                                 </div>
  609.                                 <div class="item-contact"><a href="tel:+78124091555" class="phone-link">+7 (812) 380-87-93</a></div>
  611.                                 <div class="item-contact"><a href="mailto:cosca@coscadecor.com" class="mail-link">cosca@coscadecor.com</a></div>
  612.                                 {#
  613.                                     <div class="item-contact footer__requisites">
  614.                                         ООО &laquo;Коска Декор&raquo;<br>
  615.                                         ИНН 7811515010
  616.                                     </div>
  617.                                 #}
  618.                                 <div class="item-contact footer__requisites">
  619.                                     ООО «Декостор»<br />
  620.                                     ИНН 470300285480<br />
  621.                                     ОГРН 304470335000088
  622.                                 </div>
  623.                                 <div class="item-contact">
  624.                                     <button class="btn btn--outline" data-fancybox="feedback2" data-src="#requestCall">
  625.                                         <span class="btn__text">перезвоните мне</span>
  626.                                     </button>
  627.                                 </div>
  628.                                 <ul class="social">
  629.                                     <li class="social__item">
  630.                                         <a href="https://www.youtube.com/channel/UCGtVDT427P_lwGt5OPCiv1w" target="_blank" class="social__link" aria-label="Youtube">
  631.                                             <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.86 3.8c0-.2-.327-1.8-1.09-2.5C22.79.3 21.698.2 21.153.2h-.109C17.664 0 12.648 0 12.54 0c0 0-5.124 0-8.505.2h-.109C3.38.2 2.29.3 1.308 1.3.545 2.1.218 3.7.218 3.9.218 4 0 5.8 0 7.7v1.7c0 1.9.218 3.7.218 3.8 0 .2.327 1.8 1.09 2.5.873.9 1.963 1 2.617 1.1h.327c1.963.2 7.96.2 8.178.2 0 0 5.125 0 8.505-.2h.11c.544-.1 1.635-.2 2.616-1.1.763-.8 1.09-2.4 1.09-2.6 0-.1.218-1.9.218-3.8V7.6c.11-1.8-.109-3.7-.109-3.8zm-8.068 4.9-6.543 3.2c-.109 0-.109.1-.218.1s-.218 0-.218-.1c-.109-.1-.218-.2-.218-.4V5c0-.2.11-.3.218-.4.11-.1.327-.1.545 0l6.543 3.2c.218.1.327.2.327.4s-.218.4-.436.5z"/></svg>
  632.                                         </a>
  633.                                     </li>
  634.                                     <li class="social__item">
  635.                                         <a href="https://vk.com/cosca_decor" target="_blank" class="social__link" aria-label="ВКонтакте">
  636.                                             <svg width="26" height="14" viewBox="0 0 26 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.412.962a8.12 8.12 0 0 1-1.181 2.215l.02-.03c-.485.732-1.065 1.577-1.739 2.537-.578.757-.884 1.149-.918 1.176-.15.17-.253.377-.289.606v.006c.028.208.134.39.29.525l.433.437c2.319 2.155 3.623 3.641 3.912 4.458.038.09.06.194.06.302 0 .19-.067.366-.18.51l.001-.003a1.102 1.102 0 0 1-.85.283h.005-2.856c-.365 0-.701-.115-.964-.307l.003.002a7.196 7.196 0 0 1-1.03-.93l-.01-.011c-.5-.51-.942-.94-1.329-1.29-1.287-1.106-2.237-1.66-2.85-1.66a.917.917 0 0 0-.56.132l.005-.001a.708.708 0 0 0-.174.572v-.004a11.138 11.138 0 0 0-.04 1.375v-.016 1.136a.68.68 0 0 1 .017.153c0 .237-.12.448-.306.589h-.001a3.754 3.754 0 0 1-1.752.262l.014.001a9.72 9.72 0 0 1-4.632-1.242l.038.02c-1.637-.9-2.994-2.072-4.027-3.456l-.03-.041a25.568 25.568 0 0 1-2.677-3.913l-.076-.15A23.06 23.06 0 0 1 .403 2.457l-.065-.181A5.974 5.974 0 0 1 .002.772L0 .748C0 .253.322.005.966.005h2.85a1.225 1.225 0 0 1 .8.22L4.616.223c.216.215.377.479.456.773l.003.012a23.773 23.773 0 0 0 1.72 3.543l-.073-.135c.522.951 1.1 1.77 1.759 2.525l-.025-.03c.578.641 1.028.962 1.352.962l.035.001c.16 0 .3-.078.375-.196l.002-.002a1.6 1.6 0 0 0 .12-.771v.006-3.802a2.91 2.91 0 0 0-.347-1.242l.009.019a2.884 2.884 0 0 0-.488-.681l.004.003c-.178-.16-.3-.371-.337-.606L9.178.596c0-.167.085-.317.217-.415h.001a.78.78 0 0 1 .499-.175h4.501a.718.718 0 0 1 .606.218 1.234 1.234 0 0 1 .173.748V.967v5.07a.892.892 0 0 0 .147.572l-.002-.003c.079.106.211.174.36.174a1.1 1.1 0 0 0 .512-.158l-.003.002c.294-.184.548-.392.768-.629l.004-.005a15.483 15.483 0 0 0 1.794-2.205l.042-.068c.372-.56.776-1.247 1.14-1.954l.068-.144.483-.874C20.656.308 21.107 0 21.637 0l.061.001h-.003 2.85c.77 0 1.059.32.867.961z"/></svg>
  637.                                         </a>
  638.                                     </li>
  639.                                 </ul>
  640.                             </div>
  641.                         </div>
  642.                     </div>
  643.                 </div>
  644.             </div>
  645.             <div class="footer__info">
  646.                 <div class="footer__row">
  647.                     <div class="footer__sidebar">
  648.                         <div class="footer__brand">
  649.                             &copy; {{ "now"|date('Y') }} Decostore
  650.                         </div>
  651.                     </div>
  652.                     <div class="footer__main">
  653.                         <ul class="infonav">
  654.                             <li class="infonav__item">
  655.                                 <a href="{{ path('agreement') }}" class="infonav__link">Политика конфиденциальности</a>
  656.                             </li>
  657.                             <li class="infonav__item">
  658.                                 <a href="{{ path('map') }}" class="infonav__link">Карта сайта</a>
  659.                             </li>
  660.                         </ul>
  661.                         <ul class="payment">
  662.                             <li class="payment__item">
  663.                                 <svg width="42" height="15" viewBox="0 0 42 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m16.817 1.82-2.135 12.848h3.415l2.136-12.847h-3.416zm-4.997.015-3.343 8.761-.357-1.322C7.46 7.68 5.59 5.39 3.392 3.947l3.056 10.715 3.612-.007 5.376-12.823-3.616.003z"/><path d="M6.825 2.754c-.2-.783-.776-1.015-1.489-1.044H.044L0 1.967C4.12 2.991 6.844 5.46 7.975 8.43l-1.15-5.676zm20.327 1.53a6.164 6.164 0 0 1 2.555.492l.307.148.462-2.785a8.613 8.613 0 0 0-3.057-.538c-3.374 0-5.751 1.741-5.77 4.239-.021 1.844 1.694 2.875 2.99 3.49 1.33.631 1.776 1.032 1.77 1.594-.011.86-1.061 1.254-2.042 1.254-1.367 0-2.093-.194-3.215-.672l-.439-.205-.48 2.875c.799.36 2.273.668 3.804.684 3.587 0 5.92-1.721 5.945-4.39.014-1.46-.896-2.574-2.869-3.488-1.194-.595-1.925-.992-1.917-1.594 0-.534.62-1.105 1.956-1.105zm12.087-2.45h-2.64c-.818 0-1.427.23-1.787 1.067l-5.07 11.775h3.586s.584-1.583.717-1.93l4.371.005c.102.45.417 1.925.417 1.925H42L39.239 1.834zm-4.211 8.282 1.36-3.592c-.02.036.278-.743.454-1.226l.231 1.108.79 3.709h-2.835v.001z"/></svg>
  664.                             </li>
  665.                             <li class="payment__item">
  666.                                 <svg width="50" height="16" viewBox="0 0 50 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.569 1.001C5.01 1 6.322.871 6.878 2.877c.375 1.348.971 3.56 1.79 6.632H9c.597-2.213 1.2-4.424 1.808-6.632C11.372.85 12.775 1 13.336 1h4.333V15.4h-4.416V6.915h-.295l-2.462 8.484H7.173l-2.462-8.49h-.295v8.49H0V1h4.569zm19.439 0v8.492h.352l2.995-6.982c.58-1.39 1.82-1.51 1.82-1.51h4.272V15.4h-4.508v-8.49h-.353l-2.934 6.982c-.581 1.382-1.879 1.508-1.879 1.508h-4.272V1h4.507zm25.02 6.842c-.63 1.904-2.604 3.268-4.79 3.268H39.51V15.4h-4.287V7.843H49.027zm-4.584-6.842h-9.445c.225 3.206 2.808 5.95 5.484 5.95h8.842c.51-2.665-1.246-5.95-4.881-5.95z"/></svg>
  667.                             </li>
  668.                             <li class="payment__item">
  669.                                 <svg width="34" height="21" viewBox="0 0 34 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.2847 20.285C29.6496 20.285 33.9987 15.9679 33.9987 10.6425C33.9987 5.31709 29.6496 1 24.2847 1C18.9199 1 14.5708 5.31709 14.5708 10.6425C14.5708 15.9679 18.9199 20.285 24.2847 20.285Z"/><path d="M16.5968 3.83625C15.697 4.73019 14.9836 5.79147 14.4974 6.95936C14.0112 8.12725 13.7618 9.37883 13.7634 10.6425C13.7634 13.2988 14.8451 15.705 16.5968 17.4488C15.2396 18.8007 13.5088 19.7224 11.6236 20.0972C9.73831 20.472 7.78341 20.2831 6.00643 19.5543C4.22945 18.8254 2.71032 17.5896 1.64142 16.0031C0.572529 14.4167 0.00195313 12.5511 0.00195312 10.6425C0.00195312 8.73395 0.572529 6.86832 1.64142 5.28189C2.71032 3.69545 4.22945 2.45957 6.00643 1.73075C7.78341 1.00193 9.73831 0.812963 11.6236 1.18778C13.5088 1.56259 15.2396 2.48433 16.5968 3.83625ZM18.8722 9.9125C18.7249 7.5075 17.8346 5.42625 16.7403 4.5225L17.2591 3.905C18.5939 5.00875 19.5258 7.34875 19.6807 9.86375C19.8368 12.3988 19.2148 15.2288 17.3007 17.3388L16.6988 16.8013C18.4277 14.895 19.0196 12.3 18.8722 9.91375V9.9125Z"/></svg>
  670.                             </li>
  671.                             <li class="payment__item">
  672.                                 <svg width="50" height="28" viewBox="0 0 50 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9.596 15.408 3.425 2.252v4.178L9.58 28l.015-12.592z"/><path d="m6.756 13.629 3.418 1.98L.027 21.771l3.311-6.027 3.417-2.115zM22.692 7.935l-6.53-.033-3.144-1.89L9.6.03l13.092 7.905z"/><path d="m9.6.03 3.418 5.981.007 8.243L9.579 13.2 9.6.03zM0 6.048l3.35 6.09-.01 3.606L.027 21.77 0 6.048z"/><path d="M0 6.048 22.64 19.9l-6.487.045L3.35 12.138 0 6.048zM16.163 7.902l6.53.033-9.665 5.94-.01-4.057 3.145-1.916zM34.992 8.884c.794-.724 1.881-1.09 2.951-1.056 1.118-.023 2.244.053 3.356-.079-.24.738-.73 1.378-1.055 2.084-.801.015-1.603-.015-2.404.013-1.029.084-2.01.918-2.11 1.966.936-.933 2.401-.996 3.615-.69.813.277 1.538.887 1.833 1.708.272.721.316 1.513.139 2.262-.27 1.028-1.096 1.823-2.07 2.199-1.148.432-2.47.455-3.613-.003-1.085-.442-1.853-1.468-2.116-2.594-.287-1.002-.249-2.485.046-3.504a5.063 5.063 0 0 1 1.428-2.306zm2.778 3.911c-.61-.12-1.298.128-1.615.665-.575.975.215 2.43 1.505 2.247 1.407-.2 1.773-2.468.11-2.912zm-9.092-2.52c1.265-.312 2.712-.221 3.793.567-.358.577-.68 1.173-1.008 1.766-.528-.176-1.041-.455-1.612-.441-.606-.02-1.262.218-1.607.739a1.749 1.749 0 0 0-.027 1.872c.317.53.942.776 1.535.831.463-.052.934-.117 1.362-.313.102-.064.22-.062.337-.054.21.598.667 1.093.848 1.697-1.165.623-2.555.75-3.83.44-.88-.258-1.718-.761-2.22-1.545-.797-1.221-.767-2.949.148-4.1.552-.743 1.395-1.228 2.281-1.46zm13.867.03a495.22 495.22 0 0 1 7.374 0c-.022 2.335-.008 4.672-.006 7.006-.827.005-1.655.006-2.481 0 .038-1.533-.039-3.063.01-4.59a.618.618 0 0 0-.083-.333c-.754.017-1.511.018-2.266-.001-.048 1.638-.009 3.28-.019 4.92-.841.014-1.683.007-2.524.004.001-2.336.01-4.67-.005-7.005zM13.02 21.838l3.133-1.892 6.488-.045L9.58 28l3.44-6.163z"/></svg>
  673.                             </li>
  674.                         </ul>
  675.                         <!--<div class="avenue"><a href="https://avenuemedia.ru/" target="_blank"><svg width="85" height="12" viewBox="0 0 85 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.577 0c1.844 0 3.26.433 4.248 1.3.989.852 1.483 2.144 1.483 3.877v6.65h-3.23v-1.451C7.427 11.459 6.217 12 4.447 12c-.915 0-1.711-.152-2.39-.455-.664-.303-1.173-.722-1.527-1.256A3.22 3.22 0 0 1 0 8.469c0-1.083.413-1.935 1.24-2.556.84-.62 2.131-.931 3.872-.931h2.744c0-.737-.229-1.3-.686-1.69-.457-.404-1.143-.606-2.058-.606a6.03 6.03 0 0 0-1.881.303 4.838 4.838 0 0 0-1.55.78L.444 1.408C1.092.96 1.866.614 2.766.368A10.795 10.795 0 0 1 5.576 0zM5.31 9.726c.59 0 1.114-.13 1.571-.39.458-.275.782-.672.974-1.192v-1.19H5.488c-1.416 0-2.124.454-2.124 1.364 0 .433.17.78.509 1.04.354.245.833.368 1.438.368zM25.37.173l-5.024 11.654h-3.563l-5-11.654h3.562l3.297 7.928L22.05.173h3.32zM37.452 6.043c0 .044-.022.347-.066.91h-9.007a2.743 2.743 0 0 0 1.15 1.711c.606.419 1.358.628 2.258.628.62 0 1.166-.086 1.638-.26a4.121 4.121 0 0 0 1.35-.866l1.836 1.95C35.49 11.372 33.852 12 31.7 12c-1.343 0-2.53-.253-3.563-.758-1.033-.52-1.83-1.235-2.39-2.145-.56-.91-.841-1.942-.841-3.097 0-1.14.273-2.166.819-3.076A5.757 5.757 0 0 1 28.003.78C28.977.26 30.061 0 31.256 0c1.165 0 2.22.245 3.164.736a5.348 5.348 0 0 1 2.213 2.123c.546.91.82 1.971.82 3.184zm-6.174-3.487c-.782 0-1.438.217-1.97.65-.53.433-.855 1.025-.973 1.776h5.864c-.118-.737-.442-1.321-.974-1.755-.53-.447-1.18-.671-1.947-.671zM46.323 0c1.475 0 2.663.433 3.563 1.3.914.866 1.372 2.151 1.372 3.855v6.672h-3.453V5.675c0-.924-.206-1.61-.62-2.058-.412-.462-1.01-.693-1.792-.693-.87 0-1.563.267-2.08.802-.516.52-.774 1.3-.774 2.339v5.762h-3.452V.173h3.297v1.365A4.475 4.475 0 0 1 44.088.412 5.909 5.909 0 0 1 46.323 0zM65.717.173v11.654h-3.275V10.44a4.696 4.696 0 0 1-1.638 1.17c-.634.26-1.32.39-2.058.39-1.564 0-2.803-.44-3.717-1.321-.915-.881-1.372-2.188-1.372-3.92V.172h3.452V6.26c0 1.877.804 2.816 2.412 2.816.826 0 1.49-.26 1.991-.78.502-.534.753-1.321.753-2.361V.173h3.452zM79.913 6.043c0 .044-.022.347-.066.91H70.84a2.743 2.743 0 0 0 1.151 1.711c.605.419 1.357.628 2.257.628.62 0 1.166-.086 1.638-.26a4.122 4.122 0 0 0 1.35-.866l1.837 1.95C77.95 11.372 76.313 12 74.16 12c-1.343 0-2.53-.253-3.563-.758-1.033-.52-1.83-1.235-2.39-2.145-.56-.91-.84-1.942-.84-3.097 0-1.14.272-2.166.818-3.076A5.757 5.757 0 0 1 70.465.78C71.437.26 72.521 0 73.716 0c1.166 0 2.22.245 3.165.736a5.348 5.348 0 0 1 2.213 2.123c.546.91.818 1.971.818 3.184zM73.74 2.556c-.782 0-1.438.217-1.97.65-.53.433-.855 1.025-.973 1.776h5.864c-.118-.737-.442-1.321-.973-1.755-.531-.447-1.18-.671-1.948-.671zM82.853 12c-.604 0-1.113-.202-1.526-.607-.413-.404-.62-.91-.62-1.516 0-.62.207-1.119.62-1.494.413-.39.922-.585 1.526-.585.605 0 1.114.195 1.527.585.413.375.62.873.62 1.494 0 .607-.207 1.112-.62 1.516-.413.405-.922.607-1.526.607z" fill="#fff"/></svg></a></div>-->
  676.                     </div>
  677.                 </div>
  678.             </div>
  679.         </div>
  680.     </footer>
  681. </div>
  684. <div class="modal modal--mobile" id="requestCall" style="display:none;">
  685.     <h3 class="modal__title">Перезвоните мне</h3>
  686.     <form id="callbackForm" action="#" class="form">
  687.         <input name="type" value="callback" type="hidden">
  688.         <input name="token" type="hidden">
  689.         <div class="form__group">
  690.             <input name="name" class="form__control" type="text" placeholder="Имя" required>
  691.         </div>
  692.         <div class="form__group">
  693.             <input name="phone" type="tel" class="form__control" placeholder="+7 (" id="a-phone-modal" required>
  694.         </div>
  695.         <div class="form__btn">
  696.             <button type="submit" class="btn">Отправить заявку</button>
  697.         </div>
  698.         <div class="form__help">
  699.             Нажимая кнопку «Отправить», я даю <a href="{{ path('agreement') }}" target="_blank">согласие</a> на&nbsp;обработку персональных данных.
  700.         </div>
  701.         <div class="form__help">
  702.             This site is&nbsp;protected by&nbsp;reCAPTCHA and the Google
  703.             <a rel="nofollow" href="https://policies.google.com/privacy">Privacy Policy</a>
  704.             and <a rel="nofollow" href="https://policies.google.com/terms">Terms of Service</a> apply.
  705.         </div>
  706.     </form>
  707. </div>
  710. <link rel="stylesheet" href="/css/swiper-bundle.min.css">
  711. <link rel="stylesheet" href="/css/fancybox.css">
  712. <link rel="stylesheet" href="/css/select2.min.css">
  713. <link rel="stylesheet" href="/css/nouislider.min.css">
  714. <script src="/js/jquery-3.6.0.min.js"></script>
  715. <script src="/js/swiper-bundle.min.js"></script>
  716. <script src="/js/fancybox.umd.js"></script>
  717. <script src="/js/select2.min.js"></script>
  718. <script src="/js/nouislider.min.js"></script>
  719. <script src="/js/wNumb.min.js"></script>
  720. <script src="/js/imask.min.js"></script>
  721. {#<script type="module" src="/js/lite-youtube.min.js"></script>#}
  722. <script src="/js/index.umd.js"></script>
  724. <script>
  725.     function alertPopup(text) {
  726.         new Fancybox([
  727.             {
  728.                 src: text,
  729.                 type: "html",
  730.             },
  731.         ]);
  732.     }
  734.     function closePopup() {
  735.         Fancybox.close();
  736.     }
  738.     {% if message is defined and message %}
  739.     alertPopup({{ message|json_encode|raw }});
  740.     {% endif %}
  741. </script>
  743. <div class="modal modal--mobile" id="forgot" style="display:none;">
  744.     <h3 class="modal__title">Восстановление<br> доступа</h3>
  745.     <p>Укажите почту, чтобы получить новый пароль</p>
  746.     <form id="resetForm" action="#" class="form">
  747.         <div class="form__group">
  748.             <input name="email" class="form__control" type="email" placeholder="www@mymail.ru" required>
  749.         </div>
  750.         <div class="form__btn">
  751.             <button type="submit" class="btn">
  752.                 <span class="btn__text">Получить ссылку</span>
  753.             </button>
  754.         </div>
  755.     </form>
  756. </div>
  758. <script>
  759.     $('#resetForm').submit(function () {
  760.         $.ajax({
  761.             type: "POST",
  762.             url: '{{ path('reset-ajax') }}',
  763.             data: $(this).serialize(),
  764.             success: function (data) {
  765.                 closePopup();
  766.                 alertPopup(data.message);
  767.             }
  768.         }).fail(function() {
  769.             alertPopup('Ошибка');
  770.         });
  772.         return false;
  773.     });
  774. </script>
  776. {% block popups %}
  778. {% endblock %}
  780. <script src="/js/script.js?5"></script>
  782. <script>
  783.     function prepareProductBlockCount(parent) {
  784.         console.log("prepareProductBlockCount", parent);
  786.         if (!parent) {
  787.             parent = $(document);
  788.         }
  789.         let productBlockCount = parent.find('.product-block-count');
  790.         productBlockCount.find('input').change(function () {
  791.             let plus = $(this).parent().find('.count__plus');
  792.             let minus = $(this).parent().find('.count__minus');
  794.             let val =  Number($(this).val());
  795.             if (val < 1) {
  796.                 val = 1;
  797.             }
  799.             $(this).val(val);
  800.             if (val == 1) {
  801.                 minus.attr('disabled', 'disabled');
  802.             } else {
  803.                 minus.removeAttr('disabled');
  804.             }
  805.         });
  806.         productBlockCount.find('button').click(function () {
  807.             let input = $(this).parent().find('input');
  808.             let val = Number(input.val());
  809.             let inc = Number($(this).attr('data-value'));
  811.             input.val(val + inc);
  812.             input.change();
  814.             return false;
  815.         });
  817.         parent.find('.add-to-cart-button').click(function () {
  818.             let button = $(this);
  820.             if (button.hasClass('btn--success')) {
  821.                 location.href = '{{ path('cart') }}';
  822.                 return false;
  823.             }
  825.             button.attr('disabled', 'disabled');
  826.             $.ajax({
  827.                 type: "POST",
  828.                 url: '{{ path('cart-add-ajax') }}',
  829.                 data: {
  830.                     id: button.attr('data-id'),
  831.                     count: button.closest('.add-to-cart-block').find('input').val()
  832.                 },
  833.                 success: function (data) {
  834.                     $('#cartDiv').html(data.cartHtml);
  835.                     button.addClass('btn--success');
  836.                     button.html('В корзине ' + data.count + '&nbsp;шт');
  837.                     //alertPopup('Товар добавлен в корзину');
  838.                 }
  839.             }).fail(function() {
  840.                 alertPopup('Ошибка');
  841.             }).always(function() {
  842.                 button.removeAttr('disabled');
  843.             });
  845.             return false;
  846.         });
  847.     }
  849.     prepareProductBlockCount();
  851.     $('.counterparty-link').click(function () {
  852.         $.ajax({
  853.             type: "POST",
  854.             url: '{{ path('cart-set-counterparty-ajax') }}',
  855.             data: {
  856.                 id: $(this).attr('data-id'),
  857.             },
  858.             success: function (data) {
  859.                 location.reload();
  860.             }
  861.         }).fail(function() {
  862.             alertPopup('Ошибка');
  863.         });
  865.         return false;
  866.     });
  868.     function call_ym(b, c) {
  869.         console.log("ym: " + b, c);
  870.         try {
  871.             ym(37566365, b, c);
  872.         } catch (e) {
  873.             console.error(e);
  874.         }
  875.         return true;
  876.     }
  878.     $('#callbackForm,form.requestForm').submit(function () {
  879.         let goal = $(this).find('input[name=goal]').val();
  880.         if (goal) {
  881.             call_ym('reachGoal', goal);
  882.         }
  884.         submitFormWithCaptcha($(this), function (form) {
  885.             $.ajax({
  886.                 type: "POST",
  887.                 url: '{{ path('callback-ajax') }}',
  888.                 data: form.serialize() + '&source=' + location.pathname,
  889.                 success: function (data) {
  890.                     if (data.ok) {
  891.                         closePopup();
  892.                     }
  893.                     alertPopup(data.message);
  894.                 }
  895.             }).fail(function() {
  896.                 alertPopup('Ошибка');
  897.             });
  898.         });
  900.         return false;
  901.     });
  902. </script>
  903. <script>
  904.     document.addEventListener("alpine:init", () => {
  905.         Alpine.data("searchForm", () => ({
  906.             text: '',
  907.             categories: [],
  908.             products: [],
  910.             async getSearchData(text) {
  911.                 let fullResponse = await (
  912.                     await fetch(
  913.                         `/quick-search/?text=${text}`
  914.                     )).json();
  916.                 this.categories = fullResponse.response.categories;
  917.                 this.products = fullResponse.response.products;
  918.             },
  919.         }));
  920.     });
  921. </script>
  923. <style>
  924.     .grecaptcha-badge {
  925.         visibility: hidden;
  926.     }
  928.     .not-visible {
  929.         display: none;
  930.     }
  931. </style>
  933. <script src='https://www.google.com/recaptcha/api.js?render={{ recaptchaSiteKey }}' async></script>
  935. <script>
  936.     function submitFormWithCaptcha(form, handler) {
  937.         let tokenInput = form.find('input[name=token]');
  938.         if (tokenInput.val()) {
  939.             return true;
  940.         }
  941.         grecaptcha.ready(function() {
  942.             console.log('grecaptcha.ready');
  943.             grecaptcha.execute('{{ recaptchaSiteKey }}', {action: 'request'}).then(function (token) {
  944.                 console.log('grecaptcha.execute', token);
  945.                 tokenInput.val(token);
  947.                 if (handler) {
  948.                     console.log('handler', token);
  949.                     handler(form);
  950.                 } else {
  951.                     setTimeout(() => {
  952.                         console.log('submit', token);
  953.                         form.submit();
  954.                     }, 100);
  955.                 }
  957.                 console.log('grecaptcha.execute end');
  958.             }).catch((e) => {
  959.                 console.error(e);
  960.                 alertPopup('Произошел технический сбой. Попробуйте повторить позднее');
  961.             });
  963.             console.log('grecaptcha.ready end');
  964.         });
  966.         return false;
  967.     }
  969. </script>
  971. {% block scripts %}
  973. {% endblock %}
  975. </body>
  976. </html>