{% extends 'base.html.twig' %}
{#<meta property="og:image" content="https://www.viber.com/app/uploads/geneic_2021_ogggeneric_logo.jpg" />#}
{#<meta property="og:image:width" content="600" />#}
{#<meta property="og:image:height" content="600" />#}
{#<meta name="twitter:card" content="summary_large_image" />#}
{#<meta name="twitter:creator" content="@viber" />#}
{#<meta name="twitter:site" content="@viber" />#}
{% block stylesheets %}
{{ parent() }}
<link href="/css/foodcort.min.css?v={{ foodcort_page_css }}" rel="stylesheet" type="text/css"/>
<link href="/css/orderAsGift.min.css?v={{ order_as_gift_css }}" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link href="/css/gifts.css?v={{ order_as_gift_css }}" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
<link rel="stylesheet" href="/css/swiper/swiper.min.css" />
{% endblock %}
{% block messenger %}{% endblock %}
{% block left_sidebar %}{% endblock %}
{% block mainColumnClass %} one-column bg-white{% endblock %}
{% block content %}
<div class="delivery-page container sf-font">
<div class="delivery-page-container">
<div class="category-block-gift">
<div class="tittle-block-category">
<h4>Сервис подарочных сертификатов </br>с дополнительными возможностями!</h4>
<p class="sf-medium">Подарки по-новому! Необычно, эстетично, технологично!</p>
<p style="font-size: 14px;">Дари снег! Или чистку унитаза! Звезды с неба! Что угодно! Мы поможем подобрать то, что надо!</p>
<div class="tittle-block-gifts">
Такого вы еще не видели 🤩
</div>
</div>
<div class="col px-0">
<div class="scroll-top-block">
<div class="category-items-block"></div>
<div class="category-items-block--two" dir="rtl"></div>
</div>
</div>
<div class="filter-for-category-block">
<p>Дари снег! Или чистку унитаза! Звезды с неба! Что угодно! Мы поможем подобрать то, что надо!</p>
<div class="d-flex">
<div class="categories-block">
<div class="dropdown">
<div class="select">
<span>Категория</span>
<i class="fa fa-chevron-left"></i>
</div>
<input id="categoryID" type="hidden">
<ul class="dropdown-menu">
<li data-id="" id="all">Все</li>
</ul>
</div>
</div>
{# <div class="categories-block">Категория</div>#}
<div class="d-flex">
<input id="fromPrice" type="number" class="from-price-filter mr-3" placeholder="Цена от" value="">
<input id="toPrice" type="number" class="to-price-filter" placeholder="Цена до" value="">
</div>
<button id="filterByPrice" class="button-send-filters">ПОДОБРАТЬ ИДЕАЛЬНЫЙ ПОДАРОК</button>
</div>
</div>
<div class="tittle-category-page">
<h2></h2>
<p></p>
</div>
<div class="category-row-block">
<div class="category-row-item">1 сентября</div>
<div class="category-row-item">День учителя</div>
<div class="category-row-item">День матери</div>
<div class="category-row-item">1 сентября</div>
<div class="category-row-item">День учителя</div>
<div class="category-row-item">День матери</div>
</div>
</div>
<div class="container-offers">
<div class="offers-list mt-3">
<div class="offers-list-items"></div>
</div>
</div>
</div>
</div>
{% block footer %}
{{ getFooter() }}
{% endblock %}
{% endblock %}
{% block popups %}
{{ parent() }}
{% include 'Slivki/mobile/popup/loading_landing_popup.html.twig' %}
{% include 'Slivki/orderAsGift/popup_details.html.twig' %}
{% include 'Slivki/popups/share_gift_modal.html.twig' %}
{% include 'Slivki/popups/create_massage_popup.html.twig' %}
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script>
let isCertificateAll = true;
</script>
<!-- JavaScript Bundle with Popper -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
<script src="/js/swiper-js/swiper.min.js"></script>
<script type="module" src="/js/order_as_gift/main.js?v={{ order_as_gift_js_version }}"></script>
<script src="https://cdn.jsdelivr.net/npm/sharer.js@latest/sharer.min.js"></script>
{% endblock %}