{% extends 'Slivki/mobile/base.html.twig' %}
{% block styles %}
<link rel="stylesheet" href="/css/swiper/swiper.min.css" />
{{ parent() }}
{% endblock %}
{% block content %}
<nav aria-label="breadcrumb">
<ol class="breadcrumb m-0 py-1 px-2 bg-white">
<li class="breadcrumb-item"><a href="{{ base_url }}">Главная</a></li>
<li class="breadcrumb-item active" aria-current="page">Листовки</li>
</ol>
</nav>
<div class="h4 my-0 p-0 text-center alt-font"><h1 class="h4 d-inline-block m-0">Популярные</h1> ({{ fliersCount }})</div>
<div id="flierSwiper" class="swiper-container p-2">
<div class="swiper-wrapper">
{{ fliersSliderData|raw }}
</div>
<div class="swiper-button swiper-button-prev"></div>
<div class="swiper-button swiper-button-next"></div>
</div>
{% if saleProductList|length > 0 %}
<div id="flierProductBlock" class="p-1 m-2">
<div id="flierProductTeaserList">
{% for saleProduct in saleProductList %}
{% include 'Slivki/mobile/sale/product/teaser.html.twig' with {'teaserLink': getURL(constant('Slivki\\Repository\\SeoRepository::RESOURCE_URL_SALE_PRODUCT_DETAILS'), saleProduct.getID())} %}
{% endfor %}
</div>
<div class="text-center my-2">
<a href="/product-search" class="btn bg-slivki text-white rounded-20">Еще {{ productCount }} товар{{ ['', 'а', 'ов']|plural(productCount) }}</a>
</div>
</div>
{% endif %}
<div class="px-2 mb-2">
{% for category in flierCategoryList %}
<div class="mb-2 flier-category">
<div class="alt-bold-font text-uppercase">{{ category.category.getName() }} ({{ category.category.getEntityCount() }})</div>
{% for sale in category.saleList %}
{% include 'Slivki/mobile/sale/flier/teaser.html.twig' %}
{% endfor %}
<a class="card flier-teaser border border-dashed border-dark" href="{{ getURL("Slivki:Sale:category", category.category.getID()) }}">
<div class="card-body text-center align-items-center d-flex"><div class="mx-auto">Посмотреть все</div></div>
</a>
</div>
{% endfor %}
</div>
{% endblock %}
{% block javascripts %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.2.0/jquery.countdown.min.js"></script>
<script src="/js/swiper-js/swiper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js"></script>
{{ parent() }}
<script src="/mobile/js/hyper_shop.js?v=2"></script>
{% endblock %}