{% extends 'Slivki/mobile/base.html.twig' %}
{% block content %}
<input id="categoryID" type="hidden" value="{{ currentCategoryID }}"/>
<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">{{ currentCategory.category.getName() }}</li>
</ol>
</nav>
<div class="content-title alt-font">
<h1>{{ currentCategory.category.getName() }}</h1>
</div>
<div id="mustBeFixedContainer">
<div id="mustBeFixed" class="py-1">
<ul class="capsule-menu">
<li><a href="#" data-toggle="modal" data-target="#flierCitySelectPopup">{{ selectedCity is defined ? selectedCity : 'Все города' }} <i class="slivki-icon-angle-down-big"></i></a></li>
{% set flierCompanyNewsMenuItem = null %}
{% for item in flierMenu %}
{% if item.getEntityID() == constant('Slivki\\Entity\\Category::FLIER_COMPANY_NEWS_CATEGORY_ID') %}
{% set flierCompanyNewsMenuItem = item %}
{% else %}
<li>
<a href="{{ item.getURL() }}{{ selectedCity is defined ? '?city=' ~ selectedCity }}" {{ item.getEntityID() == currentCategoryID ? 'class="active"'}}>
{{ item.getAlias() != null ? item.getAlias() : item.getName() }} <span>{{ item.getEntityCount() }}</span>
</a>
</li>
{% endif %}
{% endfor %}
{% if flierCompanyNewsMenuItem %}
{% set item = flierCompanyNewsMenuItem %}
<li>
<a href="{{ item.getURL() }}" {{ item.getEntityID() == currentCategoryID ? 'class="active"'}}>
{{ item.getAlias() != null ? item.getAlias() : item.getName() }} <span>{{ item.getEntityCount() }}</span>
</a>
</li>
{% endif %}
</ul>
</div>
</div>
<div class="px-2 mb-2">
{% include 'Slivki/mobile/sale/category_map.html.twig' %}
{% for category in flierCategoryList %}
<div class="mb-2 row no-gutters">
<div class="alt-bold-font text-uppercase col-12 mb-2">{{ category.category.getName() }} ({{ category.category.getEntityCount() }})</div>
{% for sale in category.saleList %}
<div class="col-6 col-sm-4 p-1">
{% include 'Slivki/mobile/sale/flier/teaser.html.twig' with {'additionalClass': 'w-100'} %}
</div>
{% endfor %}
</div>
{% endfor %}
</div>
{% endblock %}
{% block popup %}
{{ parent() }}
<div id="flierCitySelectPopup" class="modal modal-fullscreen modal-right" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header d-block bg-dark text-white border-0">
<a class="d-inline-block" href="#" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="text-white"><i class="slivki-icon-angle-left-big"></i></span>
</a>
<a id="citySearchClear" class="float-right text-slivki" href="#">Очистить</a>
<h6 class="modal-title d-inline-block">Выбор города</h6>
<div id="citySearch" class="input-group mt-2">
<input name="text" type="text" class="form-control py-1" placeholder="Поиск города..." autocomplete="off">
<button class="input-group-append bg-white border-0 shadow-none text-muted" type="button">
<i class="slivki-icon-search2"></i>
</button>
</div>
</div>
<div class="modal-body p-0">
<ul id="flierCityContent" class="list-unstyled">
{% set defaultCityNames = [] %}
{% for defaultCity in constant('Slivki\\Entity\\City::FLIER_DEFAULT_CITY_LIST') %}
<li class="default-city-li border-bottom" data-char="{{ defaultCity.name|first }}">
<a class="text-dark m-2 d-block no-decoration" href="{{ app.request.pathInfo }}?city={{ defaultCity.name|url_encode }}">
{% if selectedCity is defined and selectedCity == defaultCity.name %}
<i class="text-slivki slivki-icon-ok"></i>
{% endif %}
{{ defaultCity.name }}
<small class="text-muted">{{ defaultCity.population }}</small>
</a>
</li>
{% set defaultCityNames = defaultCityNames|merge([defaultCity.name]) %}
{% endfor %}
{% for char, itemList in cityList %}
{% for item in itemList|filter(item => item.cityName not in defaultCityNames) %}
<li class="border-bottom">
<a class="text-dark m-2 d-block no-decoration" href="{{ app.request.pathInfo }}?city={{ item.cityName|url_encode }}">
{% if selectedCity is defined and selectedCity == item.cityName %}
<i class="text-slivki slivki-icon-ok"></i>
{% endif %}
{{ item.cityName }}
</a>
</li>
{% endfor %}
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<script src="//mourner.github.io/simplify-js/simplify.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.2.0/jquery.countdown.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/sales.min.js?v={{ mobile_sales_js_version }}"></script>
<script src="/mobile/js/hyper_shop.js?v=2"></script>
{% endblock %}