templates/Slivki/offers/details.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ parent() }}{{ currentPage is defined and currentPage != 1 ? ' - Страница №' ~ currentPage }}{% endblock %}
  5. {% block messenger %}{% endblock %}
  7. {% block stylesheets %}
  8.     <link rel="stylesheet" href="/css/statistics_modal.css?v=4"/>
  9.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css"/>
  10.     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
  11.     <link rel="stylesheet" href="/admin/plugins/datetimepicker/css/bootstrap-datetimepicker.min.css">
  12.     <link rel="stylesheet" href="/admin/plugins/datatables/jquery.dataTables.min.css"/>
  13.     <link rel="stylesheet" href="/admin/plugins/colorpicker/bootstrap-colorpicker.min.css"/>
  14.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.css">
  15.     <link rel="stylesheet" href="/css/swiper/swiper.min.css"/>
  16.     <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" type="text/css" rel="stylesheet">
  17.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker-standalone.min.css" integrity="sha512-L0/PNISezIYAoqFXBGP9EJ4qLH8XF356+Lo92vzloQqk7HUpZ4FN1x1dUOnsUAUjHTSxXxeaD0HXfrANhtJOEA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  18.     {{ parent() }}
  19.     <link href="/css/offers.css?v={{ offers_css }}" rel="stylesheet" type="text/css"/>
  20.     <link href="/css/foodForGift.css?v={{ food_for_gift_css }}" rel="stylesheet" type="text/css"/>
  21.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  22.           integrity="sha512-c42qTSw/wPZ3/5LBzD+Bw5f7bSF2oxou6wEb+I/lqeaKV5FDIfMvvRp772y4jcJLKuGUOpbJMdg/BTl50fJYAw=="
  23.           crossorigin="anonymous" referrerpolicy="no-referrer"/>
  24. {% endblock %}
  25. {% set isOfferFavourite = app.user ? app.user.isOfferFavourite(offer) : false %}
  27. {% set subscribed = app.user and isSubscriber(app.user) %}
  28.     {% block ogimage %}
  29.         {% if detailMediaList|length > 0 %}
  30.             <meta property="og:image"
  31.                   content="{{ app.request.getSchemeAndHttpHost() }}{{ getImageURL(detailMediaList|first, 522, 322) }}"/>
  32.             <meta property="og:image:width" content="522"/>
  33.             <meta property="og:image:height" content="322"/>
  34.         {% else %}
  35.             {{ parent() }}
  36.         {% endif %}
  37.     {% endblock %}
  39. {% block header %}
  40.     {% embed 'header.html.twig' %}
  41.         {% block headerTopMenu %}
  42.             {{ parent() }}
  43.         {% endblock %}
  44.     {% endembed %}
  45. {% endblock %}
  47. {% block mainColumnClass %} one-column bg-white{% endblock %}
  48. {% block main_content %}
  49.     {% set isPickupEnabled = offer.getOnlineOrderSettings().isPickupEnabled() is defined ? offer.getOnlineOrderSettings().isPickupEnabled() %}
  50.     {% set isDeliveryEnabled = offer.getOnlineOrderSettings().isDeliveryEnabled() is defined ? offer.getOnlineOrderSettings().isDeliveryEnabled() %}
  51.     {% set ratingWithCount = getEntityRatingWithCount(constant('Slivki\\Entity\\Category::OFFER_CATEGORY_ID'), offer.getID()) %}
  52.     {% if isPickupEnabled or isDeliveryEnabled %}
  53.         <input id="deliveryMethodEnabled" type="hidden" value="{{ isDeliveryEnabled == '' ? '2' : '1' }}">
  54.     {% endif %}
  55.     <input id="offerID" type="hidden" value="{{ offer.getID() }}">
  56.     <input type="hidden" id="stock-id" value="{{ offer.getID() }}">
  57.     <input type="hidden" id="stock-link" value="{{ app.request.getSchemeAndHttpHost() ~ app.request.getRequestUri() }}">
  59.     {% if subscribed %}
  60.         <input id="allowedCodesCountBySubscription" type="hidden" value="{{ allowedCodesCountBySubscription }}">
  61.     {% endif %}
  62.     {% if app.user %}
  63.         <input type="hidden" id="customerID" value="{{ app.user.getID() }}"/>
  64.     {% endif %}
  65.     <input type="hidden" id="codeCost" value="{{ codeCost }}">
  66.     <input type="hidden" class="buyOrderAmount form-element" type="text"
  67.            value="{{ codeCost }}"/>
  68.     <div class="content-wrapper">
  69.         <div class="content-wrapper-offers" itemscope itemtype="https://schema.org/Product">
  70.             <div class="d-flex pb-2" style="padding: 10px 34px;">
  71.                 <div class="col-6">
  72.                     {% include 'Slivki/breadcrumbs.html.twig' with { 'parentCategoryList': parentCategoryList, 'supplierCategoryData': offer.getSupplierCategoryData() } only %}
  73.                 </div>
  74.             </div>
  75.             <h3 class="offers-tittle" style="color: {{ offer.getTitleFontColor() }};">{{ offer.getTitle()|raw }}</h3>
  76.             <div class="content-offers-top">
  77.                 <div class="left-top-block">
  78.                     <div class="content-wrapper-carousel position-relative" style="margin-bottom: 28px">
  79.                         <div class="stock-image">
  80.                             <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="3000">
  81.                                 <div class="background-opacity"></div>
  82.                                 {% if detailMediaList|length > 1 %}
  83.                                     <ol class="carousel-indicators">
  84.                                         {% for media in detailMediaList %}
  85.                                             {% set active = "" %}
  86.                                             {% if loop.index0 == 0 %}
  87.                                                 {% set active = "active" %}
  88.                                             {% endif %}
  89.                                             <li data-target="#carousel-example-generic"
  90.                                                 data-slide-to="{{ loop.index0 }}" class="{{ active }}"></li>
  91.                                         {% endfor %}
  92.                                     </ol>
  93.                                 {% endif %}
  94.                                 <div class="carousel-inner" role="listbox">
  95.                                     {% for media in detailMediaList %}
  96.                                         {% set active = "" %}
  97.                                         {% if loop.index0 == 0 %}
  98.                                             {% set active = "active" %}
  99.                                         {% endif %}
  100.                                         <div class="item {{ active }}">
  101.                                             <img itemprop="image" class="w-100 br-14 lazyload" loading="lazy"
  102.                                                  src="{{ getImageURL(media, 1180, 728) }}"
  103.                                                  alt="{{ media.getDescription() }}"/>
  104.                                             <div class="carousel-caption ">
  105.                                                 {{ media.getDescription() }}
  106.                                             </div>
  107.                                         </div>
  108.                                     {% endfor %}
  109.                                 </div>
  110.                                 {% if detailMediaList|length > 1 %}
  111.                                     <a class="left carousel-control" href="#carousel-example-generic" role="button"
  112.                                        data-slide="prev">
  113.                                         <div class="sr-only">Назад</div>
  114.                                     </a>
  115.                                     <a class="right carousel-control" href="#carousel-example-generic" role="button"
  116.                                        data-slide="next">
  117.                                         <div class="sr-only">Далее</div>
  118.                                     </a>
  119.                                 {% endif %}
  120.                             </div>
  121.                         </div>
  122.                         <div class="discount-block">
  123.                             {{ offer.isWithoutCodes() ? 'пока без скидки' : offer.getDiscount() }}
  124.                         </div>
  125.                         {% if offer.isWithoutCodes() %}
  126.                             <div class="button-add-follow button-add-follow-teaser fovoutite-block"
  127.                                  onclick="onFavouriteClickOffer({{ offer.getID() }}, {{ isOfferFavourite ? 'true' : 'false' }})"
  128.                                  data-html="true"
  129.                                  data-toggle="tooltip"
  130.                                  data-placement="top"
  131.                                  data-original-title="Добавить в <br> избранное"
  132.                             >
  133.                                 <img src="{{ isOfferFavourite ? '/images/heart_active.svg' : '/images/offers/follow.svg' }}">
  134.                             </div>
  135.                         {% endif %}
  136.                     </div>
  137.                 </div>
  138.                 <div class="right-top-block">
  139.                     <div class="offers-description">
  140.                         {% if pastOffer or offer.getFreeCodesCount() == 0 %}
  141.                             <div class="past-offer mt-5 pt-5">
  142.                                 <i class="slivki-icon-minus-circled"></i>
  143.                                 <p>Упс, акция завершена!</p>
  144.                                 <a href="#offersConditions" class="buttons-link-offers">
  145.                                     Условия
  146.                                 </a>
  147.                                 <a href="#conditionAddress" class="buttons-link-offers">
  148.                                     Адрес, телефоны
  149.                                 </a>
  150.                                 <a href="#offersReview" class="buttons-link-offers">
  151.                                     Отзывы
  152.                                 </a>
  153.                             </div>
  155.                         {% else %}
  156.                             {% if not offer.isInFreeCodesCategory() and not offer.isWithoutCodes() %}
  157.                                 <div class="d-flex statistic-block {% if is_granted('ROLE_ADMIN') %}justify-content-between{% endif %} col px-2 my-0">
  158.                                     {% if is_granted('ROLE_ADMIN') %}
  159.                                         <div id="statisticsButton" data-toggle="modal"
  160.                                              data-target="#statisticOffersPopup">
  161.                                             Расширенная статистика →
  162.                                         </div>
  163.                                     {% endif %}
  164.                                     <p class="text-dark-violet font-size-0750 text-end w-auto"
  165.                                        data-toggle="tooltip"
  166.                                        data-html="true" data-placement="top"
  167.                                        data-original-title="Кол-во продаж к кол-ву просмотров. <br> Конверсия за 30 дней">
  168.                                         Конверсия {{ getOfferConversion(offer.getID()) }}%</p>
  169.                                 </div>
  170.                             {% endif %}
  171.                         {% if not offer.isWithoutCodes() %}
  172.                                 <div class="d-flex offers-description--item">
  173.                                     <div class="col">
  174.                                         <p class="color-dark-gray px-0 mb-0">Взято всего:</p>
  175.                                     </div>
  176.                                     <div class="col font-bold text-end">
  177.                                         <p> {{ multiplePoolOfferUsedCodesCount is defined ? multiplePoolOfferUsedCodesCount : usedCodesCount }}
  178.                                             {{ ['промокод', 'промокода', 'промокодов']|plural(usedCodesCount) }} из {{ allCodesCount }}</p>
  179.                                     </div>
  180.                                 </div>
  181.                                 <div class="d-flex px-2 my-0">
  182.                                     <div class="col">
  183.                                         <p class="color-dark-gray mb-0">Взято за сутки (за месяц):</p>
  184.                                     </div>
  185.                                     <div class="col font-bold text-end pl-2">
  186.                                         <p>{{ todayPurchaseCount }} {{ ['промокод', 'промокода', 'промокодов']|plural(todayPurchaseCount) }} ({{ getOfferMonthlyPurchaseCount(offer.getID(), 30) > 0 ? getOfferMonthlyPurchaseCount(offer.getID(), 30) : 0  }})</p>
  187.                                     </div>
  188.                                 </div>
  189.                         {% endif %}
  190.                                 <div class="d-flex {{ offer.isWithoutCodes() ? 'pl-2' : 'offers-description--item' }}">
  191.                                     <div class="col">
  192.                                         <p class="color-dark-gray">Просмотров:</p>
  193.                                     </div>
  194.                                     <div class="col font-bold text-end">
  195.                                         <p>{{ visitCount }} ({{ todayVisitCount }} за сутки)</p>
  196.                                     </div>
  197.                                 </div>
  198.                         {% if not offer.isWithoutCodes() %}
  199.                                 <div class="d-flex px-2 my-0">
  200.                                 <div class="col">
  201.                                     <p class="color-dark-gray">До завершения:&nbsp;</p>
  202.                                 </div>
  203.                                 <div class="col text-end">
  204.                                     {% if freeCodesCount > 0 %}
  205.                                         <input type="hidden" id="daysLeft" value="{{ daysLeft }} &nbsp;"/>
  206.                                         <input type="hidden" id="hoursLeft" value="{{ hoursLeft }} &nbsp;"/>
  207.                                         <input type="hidden" id="minutesLeft" value="{{ minutesLeft }} &nbsp;"/>
  208.                                         <input type="hidden" id="secondsLeft"
  209.                                                value="{{ offer.getActiveTill().diff(date()).format('%s') }}"/>
  210.                                         <span id="days">{{ daysLeft }}
  211.                                         &nbsp</span>{{ ['день', 'дня', 'дней']|plural(daysLeft) }},&nbsp;
  212.                                         <span id="hours">{{ hoursLeft }}&nbsp</span>час{{ ['', 'а', 'ов']|plural(hoursLeft) }}&nbsp;
  213.                                     {% endif %}
  214.                                 </div>
  215.                             </div>
  216.                         {% endif %}
  217.                             <div class="d-flex offers-description--item js-to-review-block">
  218.                                 <div class="col">
  219.                                     <p class="color-dark-gray">Отзывов:</p>
  220.                                 </div>
  221.                                 <div class="col font-bold text-end">
  222.                                     <p>{{ commentsAmount }} (<r data-html="true"
  223.                                                                 data-toggle="tooltip"
  224.                                                                 data-placement="top"
  225.                                                                 data-original-title="Рейтинг компании <br> за 90 дней">
  226.                                             <span class="yellow-span">★</span>{{ offer.getRating() }}</r>)</p>
  227.                                 </div>
  228.                             </div>
  229.                             <div class="d-flex offer-price-block">
  230.                                 <div class="col px-2">
  231.                                     <p class="color-dark-gray">Стоимость:</p>
  232.                                 </div>
  233.                                 <div class="col text-end">
  234.                                     <span id="offerRegularPrice"
  235.                                           class="regular-price">{{ offer.getRegularPrice() }}</span>
  236.                                     <span class="discount-price">&nbsp;&nbsp;{{ offer.getOfferPrice()|replace({'(': '<span id="details-offer-price">(', ')': ')</span>'})|raw }}</span>
  237.                                 </div>
  238.                             </div>
  239.                             {% if offer.isWithoutCodes() %}
  240.                                 <a href="/moya_akciya" target="_blank">
  241.                                     <img class="mt-3" src="/images/without_codes.png"/>
  242.                                 </a>
  243.                             {% endif %}
  244.                         {% endif %}
  245.                     </div>
  246.                     {% if offer.getFreeCodesCount() > 0 and not offer.isWithoutCodes() %}
  247.                         <div class="buttons-wrapper-offers">
  248.                         {% if hasDelivery is defined %}
  249.                             {% if not offer.isBuyCodeDisable() %}
  250.                                 {% include 'Slivki/offers/buy_button.html.twig' %}
  251.                             {% endif %}
  252.                             {% if offer.isFoodOnlineOrderAllowedOnSite() %}
  253.                                 <a id="deliveryBtn" href="{{ getLinkFoodOnlineOrder(offer) }}"
  254.                                    class="d-flex justify-content-center align-items-center text-uppercase button-by-code button">
  255.                                     Заказать онлайн {{ offer.getDiscount() }}
  256.                                 </a>
  257.                             {% endif %}
  258.                             {% if offer.isGiftCertificateOnlineOrderAllowedOnSite() %}
  259.                                 {% if offer.getID() == constant('Slivki\\Entity\\Offer::MINSK_WORLD_CERTIFICATE_OFFER_ID') %}
  260.                                     <a id="deliveryBtn" href="{{ getLinkGiftCertificateOnlineOrder(offer) }}"
  261.                                        class="d-flex justify-content-center align-items-center text-uppercase button-by-code button">
  262.                                         Получить скидку {{ offer.getDiscount() }}
  263.                                     </a>
  264.                                 {% elseif offer.getID() in constant('Slivki\\Entity\\Offer::FREESTYLE_OFFER_IDS') %}
  265.                                     <a id="deliveryBtn2" href="{{ getLinkGiftCertificateOnlineOrderByOnlyCode(offer) }}"
  266.                                        class="d-flex justify-content-center align-items-center text-uppercase button-by-code button">
  267.                                         ПОЛУЧИТЬ СКИДКУ {{ offer.getDiscount() }}
  268.                                     </a>
  269.                                 {% elseif not offer.isFoodOnlineOrderAllowedOnSite() %}
  270.                                     <a id="deliveryBtn" href="{{ getLinkGiftCertificateOnlineOrder(offer) }}"
  271.                                        class="d-flex justify-content-center align-items-center text-uppercase button-by-code button">
  272.                                         Оплатить онлайн {{ offer.getDiscount() }}
  273.                                     </a>
  274.                                 {% endif %}
  275.                             {% endif %}
  276.                             {% if offer.isTireOnlineOrderAllowedOnSite() %}
  277.                                 <a id="deliveryBtn" href="/online-zapis/{{ offer.getID() }}"
  278.                                    class="d-flex justify-content-center align-items-center text-uppercase button-by-code button">
  279.                                     Онлайн-запись
  280.                                 </a>
  281.                             {% endif %}
  282.                         {% elseif isAllowedByOnlyCode %}
  283.                             <div class="col">
  284.                                 {% include 'Slivki/offers/buy_button.html.twig' %}
  285.                             </div>
  286.                         {% endif %}
  287.                            {% if not pastOffer and offer.getFreeCodesCount() > 0 and offer.isOnlineOrderGiftEnabled() and offer.isFoodOnlineOrderAllowedOnSite()  %}
  288.                                 <div class="col">
  289.                                     <a class="button-gift" data-toggle="modal" data-target="#choiceGiftModal">
  290.                                         <div class="button-gift-text">
  291.                                             <p>ЕДА В ПОДАРОК 😋</p>
  292.                                             <p>Подарю сам или подарят мне</p>
  293.                                         </div>
  294.                                         <div class="button-gift-item-button">
  295.                                             <div class="new">NEW</div>
  296.                                         </div>
  297.                                     </a>
  298.                                 </div>
  299.                            {% endif %}
  300.                         {% if app.user() and not pastOffer %}
  301.                             <div class="button-add-follow fovoutite-block"
  302.                                  onclick="onFavouriteClickOffer({{ offer.getID() }}, {{ isOfferFavourite ? 'true' : 'false' }})"
  303.                                  data-html="true"
  304.                                  data-toggle="tooltip"
  305.                                  data-placement="top"
  306.                                  data-original-title="Добавить в <br> избранное"
  307.                             >
  308.                                 <img src="{{ isOfferFavourite ? '/images/heart_active.svg' : '/images/offers/follow.svg' }}">
  309.                             </div>
  310.                         {% endif %}
  311.                     </div>
  312.                     {% endif %}
  313.                 </div>
  314.             </div>
  315.             <div id="conditions_offers" class="d-flex" style="{{ pastOffer ? 'display: none!important' : '' }}">
  316.                 <div class="content-wrapper-col-left">
  317.                     <div id="offersConditions" class="offers-conditions active" style="max-height: fit-content;">
  318.                         <div class="offer-titles mb-2 mt-0"><h2>Условия</h2></div>
  319.                         {% set isOfferFavourite = app.user ? app.user.isOfferFavourite(offer) : false %}
  320.                         <div id="startOfOfferCondition"></div>
  321.                         {% if offer.getID() != 239232 %}
  322.                         {% endif %}
  324.                         {% if not offer.isWithoutCodes() and offer.getID() != 140553 %}
  325.                             <p>
  326.                                 {% set codeTill = offer.getCodeActiveTill() %}
  327.                                 {% set codeFrom = offer.getActiveTill()|date_modify('-1 day') %}
  328.                                 {% set codeFrom = codeFrom > codeTill ? codeTill : codeFrom %}
  329.                                 {% if not offer.isHideFeatures() %}
  330.                                     - Получить промокод можно до {{ codeFrom|date('d.m') }}, воспользоваться {{ offer.getID() != 134390 ? 'до' }} {{ codeTill|date('d.m.y') }}
  331.                                     <br/>
  332.                                 {% endif %}
  333.                                 {% if offer.isShowPriceInConditions() and not offerIsFreeForUser %}
  334.                                     - Стоимость промокода: {{ codeCost }} руб.
  335.                                 {% endif %}
  336.                             </p>
  337.                         {% endif %}
  339.                         <div class="offer-details-conditions offers-conditions p-0">
  340.                             {{ offer.getConditions()|raw }}
  341.                             {# Таблица с прейскурантом для акции с квестами "Ящик Пандоры" #}
  342.                             {% if offer.getID() == 143528 %}
  343.                                 {% include 'Slivki/offers/table_for_pandorra_box_offer2.html.twig' %}
  344.                             {% elseif offer.getID() == 282234 %}
  345.                                 {% include 'Slivki/offers/table_for_pandorra_box_offer4.html.twig' %}
  346.                             {% endif %}
  347.                             {% if not offer.isWithoutCodes() %}
  348.                                 {% include "Slivki#{regional_template_path}/phrase_subscription_in_offer_page.html.twig" %}
  349.                             {% endif %}
  350.                             {% if not offer.isHideFeatures() %}
  351.                                 </br>
  352.                                 <div class="offer-titles mb-2 mt-0"><h2>Особенности</h2></div>
  353.                                 <div class="offer-details-conditions">
  354.                                     {% if not offer.isWithoutCodes() %}
  355.                                         - Скидка предоставляется только при наличии промокода.
  356.                                     {% endif %}
  357.                                     {{ offer.getFeatures()|raw }}
  358.                                 </div>
  359.                                 - Поставщик несет полную ответственность перед потребителем за достоверность информации.
  360.                             {% endif %}
  361.                         </div>
  362.                         <div id="endOfOfferCondition"></div>
  363.                         <div class="clear"></div>
  364.                     </div>
  365.                     {% if offer.getShopMedias()|length > 0 %}
  366.                     <div class="offer-titles mb-2 mt-0"><h2>Галерея</h2></div>
  367.                     {% endif %}
  368.                     <div id="offerConditionsSlider" class="my-4 screenshots {{ offer.getShopMedias()|length == 0 or freeCodesCount == 0 ? 'empty' }}">
  369.                         {% if offer.getShopMedias()|length > 0 %}
  370.                             <div class="screenshot-container">
  371.                                 {% if  galleryVideos.getVideos() is defined and galleryVideos.getVideos()|length > 0 %}
  372.                                     <div class="screenshot screenshot-story" data-toggle="modal" data-target="#detailsStoryPopup">
  373.                                         <img src="{{ galleryVideos.getImageUrl() }}" width="300"
  374.                                              alt="Видео" border="0"/>
  375.                                         <div class="screenshot-story-btn"></div>
  376.                                         <div class="screenshot-story-tittle">{{ galleryVideos.getTitle() }}</div>
  377.                                     </div>
  378.                                 {% endif %}
  379.                                 {% for media in offer.getShopMedias() %}
  380.                                     <div class="screenshot">
  381.                                         <a href="{{ getImageURL(media, 0, 0) }}" title="{{ media.getDescription() }}"
  382.                                            data-lightbox="image">
  383.                                             <img src="{{ getImageURL(media, 300, 0) }}" width="300"
  384.                                                  alt="{{ media.getDescription() }}" border="0"/>
  385.                                         </a>
  386.                                     </div>
  387.                                 {% endfor %}
  388.                             </div>
  389.                         {% endif %}
  390.                     </div>
  391.                     <div id="examplesOfWorksBlock" class="">
  392.                         <div class="headerBlockCategory examples d-none bg-white px-0 pb-0 bg-transpanent examples-block-offer-header">
  393.                             <div class="offer-titles"><h5 class="m-0">Примеры работ{#<div class="example-of-works-count-container"><span>1234</span></div>#}</h5></div>
  394.                             <div class="examples-works-tooltip-filter">
  395.                                 <div class="tooltip-content">
  396.                                     <div class="tooltip-title border-bottom-f d-flex">Показать сначала:</div>
  397.                                     <div class="radio">
  398.                                         <input id="dateFilter" type="radio" name="filter" checked data-direction="DESC" value="workExample.createdAt">
  399.                                         <label for="dateFilter" class="cursor-pointer">По дате добавления</label>
  400.                                     </div>
  401.                                     <div class="radio">
  402.                                         <input id="locationFilter" type="radio" name="filter" data-direction="ASC" value="distance">
  403.                                         <label for="locationFilter" class="cursor-pointer">Поблизости</label>
  404.                                     </div>
  405.                                     <div class="radio">
  406.                                         <input id="priceUpFilter" type="radio" name="filter" data-direction="ASC" value="workExample.price">
  407.                                         <label for="priceUpFilter" class="cursor-pointer">По возврастанию цены</label>
  408.                                     </div>
  409.                                     <div class="radio">
  410.                                         <input id="priceDownFilter" type="radio" name="filter" data-direction="DESC" value="workExample.price">
  411.                                         <label for="priceDownFilter" class="cursor-pointer">По убыванию цены</label>
  412.                                     </div>
  413.                                     <div class="tooltip-title border-top-f d-flex">Диапазон цены:</div>
  414.                                     <div id="workExamplePriceRangeInputs" class="price-range-inputs d-flex">
  415.                                         <div class="price-range-input"><input type="number" placeholder="Цена от" id="priceFrom" name="priceFrom" min="0" max="199" step="1"></div>
  416.                                         <div class="price-range-input"><input type="number" placeholder="Цена до" id="priceTo" name="priceTo" min="0" max="200" step="1"></div>
  417.                                     </div>
  418.                                     <div id="workExampleRangeSlider" class="range-slider">
  419.                                         <div class="range-labels">
  420.                                             <span id="workSimplesRangeLableStart" class="range-label range-label-start"></span>
  421.                                             <span>-</span>
  422.                                             <span id="workSimplesRangeLableEnd" class="range-label range-label-end"></span>
  423.                                         </div>
  424.                                         <input class="work-simples-input" type="range" name="startRange" id="startRange">
  425.                                         <input class="work-simples-input" type="range" name="finishRange" id="finishRange">
  427.                                         <div class="track-wrapper">
  428.                                             <div class="track"></div>
  429.                                             <div id="workSimplesSliderBetween" class="range-between"></div>
  430.                                             <div id="workSimplesTumbLeft"  class="thumb left"></div>
  431.                                             <div id="workSimplesTumbRight" class="thumb right"></div>
  432.                                         </div>
  433.                                     </div>
  434.                                     <div id="buttonFilterBoxExamplesWork" class="buttonFilterBox">Показать</div>
  435.                                 </div>
  436.                                 <div id="buttonFilterBoxExamplesWork" class="examples-works-filter"></div>
  437.                             </div>
  438.                         </div>
  439.                         {% include 'Slivki/works-examples/examples_of_works_gallery.html.twig' %}
  440.                     </div>
  441.                     <div id="beautyMastersBlock" class="beauty-masters-container beauty-masters-offer desk">
  442.                         <div id="beautyMastersHeader" class="tittleBlockCategory position-relative offer-titles mb-2 mt-0 d-none"><h2>Мастера</h2></div>
  443.                         {% include 'Slivki/beauty/beauty_masters.html.twig' %}
  444.                     </div>
  445.                     <div id="offersDescription" class="offers-conditions mt-3">
  446.                         {% if offer.isShowProductsInOfferDescription() %}
  447.                             <div id="foodItemsBlock">
  448.                             <div class="offer-titles mb-2 mt-0"><h2>Описание</h2></div>
  449.                             {% if isPickupEnabled and isDeliveryEnabled %}
  450.                                 <div id="fixedFiltersOffer" class="w-auto px-2 d-flex" style="position: relative;background: linear-gradient(180deg, #A839FF 0%, #6747e5 100%), #6747E5;border-radius: 8px;padding: 10px 0;">
  451.                                     <div class="col d-flex align-items-center text-white justify-content-end px-0"></div>
  452.                                     <div class="switch-delivery-pickup-block px-0 ">
  453.                                         <a data-type-delivery="1" class="switch-delivery-pickup-item button-tab-delivery delivery-type active">
  454.                                             <p class="m-0">Доставка</p>
  455.                                             <small>удобно👌</small>
  456.                                         </a>
  457.                                         <a data-type-delivery="2" class="switch-delivery-pickup-item pickup-type button-tab-pickup">
  458.                                             <p class="m-0"> Самовывоз</p>
  459.                                             <small>еще дешевле🔥</small>
  460.                                         </a>
  461.                                     </div>
  462.                                 </div>
  463.                             {% endif %}
  465.                             <div id="foodBlock"></div>
  466.                             <div id="foodOptionsBlock"></div>
  467.                         </div>
  468.                         {% endif %}
  469.                         <div class="description" id="descriptionText">
  470.                             {% for offerDescription in offer.getDescriptionList() %}
  472.                                 {% set offerDescriptionSliderImages = offerDescription.getEntityDescriptionSliderImages() %}
  473.                                 {% if offerDescriptionSliderImages|length > 0 %}
  474.                                     <div class="sale-description-carousel">
  475.                                         <div id="saleDescriptionSliderFor{{ offerDescription.getID() }}"
  476.                                              class="sale-description-slider-for">
  477.                                             {% for offerDescriptionSliderImage in offerDescriptionSliderImages %}
  478.                                                 <div><img data-lazy="{{ offerDescriptionSliderImage.getImageUrl() }}"/>
  479.                                                 </div>
  480.                                             {% endfor %}
  481.                                         </div>
  482.                                     </div>
  483.                                 {% endif %}
  484.                                 {{ addLazyAndLightboxImagesInDescription(offerDescription.getDescription())|raw }}
  485.                                 {#                                <div id="showMoreDescription"#}
  486.                                 {#                                     class="{{ addLazyAndLightboxImagesInDescription(offerDescription.getDescription())|raw == "" or addLazyAndLightboxImagesInDescription(offerDescription.getDescription())|raw == '<p><span style="color: #ecf0f1;">.</span></p>' ? 'd-none' : "" }}">#}
  487.                                 {#                                    <div class="w-100 position-absolute bottom-0"#}
  488.                                 {#                                         style="background: linear-gradient(360deg, #FFFFFF 15.15%, rgba(255, 255, 255, 0) 206.06%);"></div>#}
  489.                                 {#                                    <p class="w-100 position-absolute bottom-0">Подробнее</p>#}
  490.                                 {#                                </div>#}
  491.                             {% endfor %}
  492.                         </div>
  494.                     </div>
  495.                     <div class="tab-pane fade" id="offerLocationTab">
  496.                         <i class="fa fa-spinner fa-spin"></i>
  497.                     </div>
  498.                     <div id="offersReview" class="offers-review">
  499.                         {{ comments|raw }}
  500.                     </div>
  501.                 </div>
  502.                 <div class="content-wrapper-col-right">
  503.                     <div id="conditionAddress">
  504.                         <div class="offer-titles mb-2 mt-0"><h2>Контакты</h2></div>
  505.                         <div style="display:none">{{ offer.getAddress() }}</div>
  506.                         <div id="offerConditionLogo">
  507.                             {{ offer.getLogo()|raw }}
  508.                         </div>
  509.                         <div id="dataFromLocation">
  510.                             <div class="move-data">
  511.                                 {% if geoLocations|length > 0 %}
  512.                                     <div class="geo-location-block" style="display: block">
  513.                                         {% include 'Slivki/offers/geo_location_data.html.twig' with {'offer': offer} only %}
  514.                                         <div id="offerGeoLocationData" data-json="{{ offerGeoLocationData }}"></div>
  515.                                         <div class="distance">
  516.                                             <i class="slivki-icon slivki-icon-direction"></i> <img class='ajaxLoader'
  517.                                                                                                    src='/images/ajax-loader-16x16.gif'
  518.                                                                                                    alt='Загрузка...'/><span></span>
  519.                                         </div>
  520.                                         <div class="offer-details-map category-map-wrapper category-map"
  521.                                              id="offerMapCanvas">
  522.                                             <div id="mapCollapseBtn" class="button button--map-collapse capsuled"
  523.                                                  onclick="offerMapToggleSize();">Развернуть
  524.                                             </div>
  525.                                             <a id="setUserLocationBtn" href="#" class="capsuled">Указать
  526.                                                 местоположение</a>
  527.                                             <div id="zoomIn"></div>
  528.                                             <div id="zoomOut"></div>
  529.                                         </div>
  530.                                     </div>
  531.                                 {% endif %}
  532.                                 <div class="before-map" style="clear:both;"></div>
  533.                             </div>
  534.                         </div>
  535.                         {% if (offer.getLocation()|preg_replace("/<[^>]*>/", '')|replace({"\n": '', "\r": '', '&nbsp;': '', ' ': ''}) != '') %}
  536.                             {{ offer.getLocation()|raw }}
  537.                             {% set phoneNumbers = offer.getPhoneNumbers() %}
  538.                             {% if phoneNumbers.count() > 0 %}
  539.                                 <div class="text-bold">Телефон{{ phoneNumbers.count() > 1 ? 'ы' }}:</div>
  540.                             {% endif %}
  541.                             {% for phoneNumber in phoneNumbers %}
  542.                                 {{ phoneNumber.getNumber() }} {{ phoneNumber.getLabel() }}<br/>
  543.                             {% endfor %}
  544.                         {% else %}
  545.                             {% set geoLocationsCount = geoLocations.count() %}
  546.                             {% set commonWoringHours = offer.getCommonWorkingHours() %}
  547.                             {% if commonWoringHours != '' %}
  548.                                 <br>
  549.                                 <div class="text-bold">Время работы:</div>
  550.                                 {{ commonWoringHours|raw }}
  551.                             {% endif %}
  552.                             {% for geoLocation in geoLocations %}
  553.                                 {% set margin = false %}
  554.                                 <div class="offer-details-geolocation-item my-3">
  555.                                     <div class="font-bold font-size-17">г. {{ geoLocation.getCity() }}, {{ geoLocation.getStreet() }}, {{ geoLocation.getHouse() }}<br>{{ geoLocation.getLabel() }}</div>
  556.                                     <div class="location-more-info {{ geoLocationsCount > 2 ? 'hidden' }}">
  557.                                         {% if geoLocation.getWorkingHours()|trim != '' %}
  558.                                             {% set margin = true %}
  559.                                             <div class="offer-details-work-hours">Время работы:
  560.                                             </div> {{ geoLocation.getWorkingHours()|nl2br|raw }}
  561.                                         {% endif %}
  562.                                         {% set phoneNumbers = geoLocation.getPhoneNumbers() %}
  563.                                         {% if phoneNumbers.count() > 0 %}
  564.                                         {% set margin = true %}
  565.                                         <span>
  566.                                             <div class="offer-details-phone-item">
  567.                                                 <div class="short-phone-item" style="display: inline-block">
  568.                                                     {% if phoneNumbers|length > 0 %}
  569.                                                         {{ phoneNumbers[0].getShortPhoneNumber() }}...
  570.                                                     {% endif %}
  571.                                                 </div>
  572.                                                 <div class="full-phone-item" style="display: none">
  573.                                                     {% for phoneNumber  in phoneNumbers %}
  574.                                                         {{ phoneNumber.getNumber() }} {{ phoneNumber.getLabel() }}<br/>
  575.                                                     {% endfor %}
  576.                                                 </div>
  577.                                                 <a data-offer-id="{{ offer.getID() }}"
  578.                                                    class="text-slivki location-more-info-toggle">Показать номер</a>
  579.                                             </div>
  580.                                         {% endif %}
  581.                                             {% if margin %}
  582.                                                 <br>
  583.                                             {% endif %}
  584.                                             </span>
  585.                                     </div>
  586.                                     {% if geoLocationsCount > 2 %}
  587.                                         <a data-id="{{ geoLocation.getID() }}"
  588.                                            class="text-slivki location-more-info-toggle">Подробнее</a>
  589.                                     {% endif %}
  590.                                 </div>
  591.                             {% endfor %}
  592.                             {# {% if geoLocationsCount > 4 %} #}
  593.                             {# <div class="text-center"> #}
  594.                             {# <a id="showMoreAddressInDetailsLink" class="button" href="#">Еще адреса</a> #}
  595.                             {# </div> #}
  596.                             {# {% endif %} #}
  598.                             {% set phoneNumbersWithoutGeoLocations = offer.getPhoneNumbersWithoutGeoLocations() %}
  599.                             {% if phoneNumbersWithoutGeoLocations|length > 0 %}
  600.                                 <div class="text-bold">Телефон{{ phoneNumbersWithoutGeoLocations|length > 1 ? 'ы' }}:
  601.                                 </div>
  602.                                 <div class="offer-details-phone-item">
  603.                                     <div class="short-phone-item" style="display: inline-block">
  604.                                         {% if phoneNumbersWithoutGeoLocations|length > 0 %}
  605.                                             {{ phoneNumbersWithoutGeoLocations[0].getShortPhoneNumber() }}...
  606.                                         {% endif %}
  607.                                     </div>
  608.                                     <div class="full-phone-item" style="display: none">
  609.                                         {% for phoneNumber  in phoneNumbersWithoutGeoLocations %}
  610.                                             {{ phoneNumber.getNumber() }} {{ phoneNumber.getLabel() }}<br/>
  611.                                         {% endfor %}
  612.                                     </div>
  613.                                     <a data-offer-id="{{ offer.getID() }}"
  614.                                        class="text-slivki location-more-info-toggle">Показать номер</a>
  615.                                 </div>
  616.                             {% endif %}
  618.                         {% endif %}
  619.                         <div class="offer-details-legal-info">{{ offer.getLegal()|raw }}</div>
  620.                         {% if offer.getTelegram() != null or offer.getViber() != null %}
  621.                             <div class="contact-container d-flex py-2 px-1">
  622.                                 {% if offer.getTelegram() != null %}
  623.                                     <a href="https://t.me/{{ offer.getTelegram() }}" target="_blank">
  624.                                         <img alt="Telegram" src="/images/telegram-icon-stretch.png"/>
  625.                                         <p>Написать в Telegram</p>
  626.                                     </a>
  627.                                 {% endif %}
  628.                                 {% if offer.getViber() != null %}
  629.                                     <a href="viber://chat?number={{ offer.getViber() }}" target="_blank">
  630.                                         <img alt="Viber" src="/images/viber-icon-stretch.png"/>
  631.                                         <p>Написать в Viber</p>
  632.                                     </a>
  633.                                 {% endif %}
  634.                             </div>
  635.                         {% endif %}
  636.                     </div>
  637.                     {% include 'Slivki/offers/share.html.twig' %}
  638.                     {% include "Slivki#{regional_template_path}/jivosite/button_offers_page.html.twig" %}
  639.                     <p class="tittle-messenger-offers d-none">Мы всегда рады помочь: служба поддержки Slivki.by ответит на
  640.                         любой
  641.                         ваш вопрос</p>
  642.                 </div>
  643.             </div>
  645.         </div>
  646.         {% if (pastOffer or freeCodesCount == 0) and relatedOfferListHtml is defined %}
  647.             <div class="col px-3">
  648.                 <div class="related-offers-title">Другие похожие предложения:</div>
  649.                 <div class="related-offers-list stock-group-list">
  650.                     {{ relatedOfferListHtml|raw }}
  651.                 </div>
  652.             </div>
  653.         {% endif %}
  654.     </div>
  655.     {% if lastPurchaseText is defined %}
  656.         <div id="lastPurchaseNofify"><a href="#"><i class="slivki-icon-close-thin"></i></a>Последний раз промокод<br>получен {{ lastPurchaseText }}
  657.         </div>
  658.     {% endif %}
  659. {% endblock %}
  661. {% block popups %}
  662.     {{ parent() }}
  663.     {% if not pastOffer %}
  664.         {% include 'Slivki/popups/header_offers.html.twig' %}
  665.     {% endif %}
  666.     {% include 'Slivki/share_block.html.twig' %}
  667.     {% include 'Slivki/orderAsGift/foodForGift.html.twig' %}
  668.     {% if  galleryVideos.getVideos() is defined and galleryVideos.getVideos()|length > 0 %}
  669.         {% include 'Slivki/popups/details-story-popup.html.twig' %}
  670.     {% endif %}
  671.     {% include 'Slivki/popups/comment_media_block_popup.html.twig' %}
  672.     {% include 'Slivki/popups/statistics_popup.html.twig' %}
  673.     {% include 'Slivki/mobile/popup/buy_codes_avways_app.html.twig' %}
  674.     {% include 'Slivki/delivery/modal/details.html.twig' with {'isOfferPage': true} %}
  675.     {% if offer.isGiftCertificateOffer() %}
  676.         {% include 'Slivki/popups/step_buy_certificate.twig' with {'deliveryLink': deliveryLink} %}
  677.     {% endif %}
  678.     {% if app.user %}
  679.         {% include 'Slivki/popups/mail_offers.html.twig' %}
  680.         {% include 'Slivki/popups/rating_edit_popup.html.twig' %}
  681.         {% include 'Slivki/popups/popup_subscription_limited.html.twig' %}
  682.         {% if not isMobileDevice() or offerIsFreeForUser %}
  683.             {% if not codeCostInCurrency is defined and codeCostInCurrency is not null  %}
  684.                 {% set codeCostInCurrency = null %}
  685.             {% endif %}
  686.             {% include 'Slivki/popups/confirm_box.html.twig' with {'codeCost': codeCost, 'offerID': offer.getID(), 'codeCostInCurrency': codeCostInCurrency} %}
  687.             {% include 'Slivki/popups/confirm_subscription_card_popup.html.twig' with {'creditCards': app.user.getActiveCreditCards()} %}
  688.         {% endif %}
  690.         {% if not isMobileDevice() %}
  691.             {% include 'Slivki/popups/add_comment_popup.html.twig' with {'id': 'addVoteBox'} %}
  692.             {% include 'Slivki/popups/edit_comment_popup.html.twig' with {'id': 'editVoteBox'} %}
  693.             {% include 'Slivki/popups/comment_censor_message.html.twig' with {'id': 'commentCensorMessage'} %}
  694.         {% endif %}
  695.     {% else %}
  696.         {% if not isMobileDevice() %}
  697.             {% include 'Slivki/popups/comment_only_registered_popup.html.twig' with {'id': 'onlyRegistered'} %}
  698.         {% endif %}
  699.     {% endif %}
  700. {% endblock %}
  702. {% block javascripts %}
  703.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"
  704.             integrity="sha512-jNDtFf7qgU0eH/+Z42FG4fw3w7DM/9zbgNPe3wfJlCylVDTT3IgKW5r92Vy9IHa6U50vyMz5gRByIu4YIXFtaQ=="
  705.             crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  706.     <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
  707.     <script src="//api-maps.yandex.ru/2.1.29/?lang=ru-RU" type="text/javascript"></script>
  708.     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
  709.     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/locale/ru.min.js" integrity="sha512-QezkC2mljFGA2zQBPe+FrNA7i2RVFaYOfdQHk6icEap1TZX/Q6MNx+0AOTr9msSec0LsMrpURxfgJSbodYoiLg==" crossorigin="anonymous"></script>
  710.     <script src="https://cdnjs.cloudflare.com/ajax/libs/fecha/2.3.3/fecha.min.js"></script>
  711.     <script src="/js/hotel-datepicker-3.6.5/hotel-datepicker.min.js"></script>
  712.     <script src="/js/swiper-js/swiper.min.js"></script>
  713.     <script src="/js/story-slider/story-slider-js.js?v={{ story_slider_js_version }}"></script>
  714.     {{ parent() }}
  715.     <script src="/js/offer.js?v={{ offer_js_version }}"></script>
  716.     <script src="/js/offer/offerDescriptionItems.js?v={{ offer_description_items_js_version }}"></script>
  717.     <script src="/js/common-old.js?v={{ common_old_js_version }}"></script>
  718.     <script type="text/javascript">
  719.         {% if preview is defined and preview %}
  720.         var offerPreview = 1;
  721.         {% else %}
  722.         var offerPreview = 0;
  723.         {% endif %}
  724.         {% if app.request.query.has('checkOrder') %}
  725.         initCheckOfferOrderStatus({{ app.request.get('checkOrder') }});
  726.         {% endif %}
  727.     </script>
  728.     <script src="/js/offer-new.js?v={{ offer_new_js_version }}"/>
  729. {% endblock %}
  730. {% block assetsBottom %}
  731.     {{ parent() }}
  733.     <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js" integrity="sha512-Y+0b10RbVUTf3Mi0EgJue0FoheNzentTMMIE2OreNbqnUPNbQj8zmjK3fs5D2WhQeGWIem2G2UkKjAL/bJ/UXQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  734.     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  735.     <script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
  736.     <script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
  737.     <script type="text/javascript" src="/js/statistics_offer/statistics_offer.js?v={{ statistics_offer_js_version }}" charset="utf-8"></script>
  738.     <script src="https://cdnjs.cloudflare.com/ajax/libs/easy-pie-chart/2.1.6/jquery.easypiechart.min.js" integrity="sha512-DHNepbIus9t4e6YoMBSJLwl+nnm0tIwMBonsQQ+W9NKN6gVVVbomJs9Ii3mQ+HzGZiU5FyJLdnAz9a63ZgZvTQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  739.     <script src="https://cdnjs.cloudflare.com/ajax/libs/easy-pie-chart/2.1.6/easypiechart.min.js" integrity="sha512-1yldf7W5suy0ko2u4OGU1qyeGrzh9+A3uyWGH4ws8MbndaWxZsgnzy6uqqBq7NUU/ImI1Js5kqDbunovCN1JqA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  740.     <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js"></script>
  741.     <script type="module" src="/js/work_examples/work_examples.js?v={{ work_examples_js_version }}"></script>
  742.     <script type="module" src="/js/beauty/masters.js?v={{ beauty_masters_js_version }}"></script>
  743. {% endblock %}
  745. {% block RTBHouse %}
  746.     <script>
  747.         try {
  748.             (function () {
  749.                 var prefix = "", hash = "TS5TS2S9bdSbgKBA4Q2H", rtbhTags = [];
  750.                 rtbhTags.push("pr_" + hash + "_offer_" + document.getElementById('offerID').value);
  751.                 rtbhTags.push("pr_" + hash + "_uid_" + document.getElementById('rtbhUID').value);
  752.                 var key = "__rtbhouse.lid", lid = window.localStorage.getItem(key);
  753.                 if (!lid) {
  754.                     lid = "";
  755.                     var pool = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
  756.                     for (var i = 0; i < 20; i++) lid += pool.charAt(Math.floor(Math.random() * pool.length));
  757.                     window.localStorage.setItem(key, lid);
  758.                 }
  759.                 rtbhTags.push("pr_" + hash + "_lid_" + lid);
  760.                 var ifr = document.createElement("iframe"),
  761.                     sr = encodeURIComponent(document.referrer ? document.referrer : ""),
  762.                     su = encodeURIComponent(document.location.href ? document.location.href : ""),
  763.                     ifrSrc = "https://" + prefix + "creativecdn.com/tags?type=iframe",
  764.                     tmstmp = encodeURIComponent("" + Date.now());
  765.                 for (var i = 0; i < rtbhTags.length; i++) {
  766.                     ifrSrc += "&id=" + encodeURIComponent(rtbhTags[i]);
  767.                 }
  768.                 ifrSrc += "&su=" + su + "&sr=" + sr + "&ts=" + tmstmp;
  769.                 ifr.setAttribute("src", ifrSrc);
  770.                 ifr.setAttribute("width", "1");
  771.                 ifr.setAttribute("height", "1");
  772.                 ifr.setAttribute("scrolling", "no");
  773.                 ifr.setAttribute("frameBorder", "0");
  774.                 ifr.setAttribute("style", "display:none");
  775.                 ifr.setAttribute("referrerpolicy", "no-referrer-when-downgrade");
  776.                 if (document.body) {
  777.                     document.body.appendChild(ifr);
  778.                 } else {
  779.                     window.addEventListener('DOMContentLoaded', function () {
  780.                         document.body.appendChild(ifr);
  781.                     });
  782.                 }
  783.             })();
  784.         } catch (e) {
  785.         } </script>
  786. {% endblock %}