{% if dishByGroup is defined %}
<div class="can-be-fixed-wrapper">
<div id="onlineOrderTopMenu" class="categories-online-order-block d-flex">
{% for dishGroupName, dishGroup in dishByGroup['content'] %}
<a class="categories-item" data-href="#dataMenu_{{ dishByGroup['label'][dishGroupName] }}">{{ dishGroupName }}</a>
{% endfor %}
{% if offer.getID() in [
constant('Slivki\\Util\\Iiko\\SushiChefArts::OFFER_ID'),
constant('Slivki\\Util\\Iiko\\SushiChefArtsPizza::OFFER_ID'),
constant('Slivki\\Util\\Iiko\\ArtFoodPinsa::OFFER_ID')
] %}
<a class="categories-item" data-href="#dataMenu_options">Дополнительно</a>
{% endif %}
</div>
</div>
{% endif %}
{% if dishByGroup is defined %}
{% set index = 0 %}
{% for dishGroupName, dishGroup in dishByGroup['content'] %}
{% set index = loop.index %}
<div id="dataMenu_{{ dishByGroup['label'][dishGroupName] }}" class="delivery-data-menu col-12 m-0 p-0" data-menu="{{ dishByGroup['label'][dishGroupName] }}">
<div class="mt-3 mb-0 font-size-1250 sf-bold-font">{{ dishGroupName }}</div>
</div>
{% for dish in dishGroup %}
{% set teaserView = 'Slivki/mobile/delivery/delivery_teaser.html.twig' %}
{% if dish.isPizza is defined and dish.isPizza %}
{% set teaserView = 'Slivki/mobile/delivery/delivery_teaser_pizza.html.twig' %}
{% endif %}
{% if loop.index0 is divisible by(2) %}
<div class="row">
{% endif %}
<div class="col-sm-6" data-menu="{{ dishByGroup['label'][dishGroupName] }}">
{% include teaserView with {'isTop': dish.id in topDishIDList} %}
</div>
{% if loop.index is divisible by(2) or loop.last %}
</div>
{% endif %}
{% endfor %}
{% endfor %}
{% else %}
{% for dish in dishes %}
{% set teaserView = 'Slivki/mobile/delivery/delivery_teaser.html.twig' %}
{% if dish.isPizza is defined and dish.isPizza %}
{% set teaserView = 'Slivki/mobile/delivery/delivery_teaser_pizza.html.twig' %}
{% endif %}
{% if loop.index0 is divisible by(2) %}
<div class="row">
{% endif %}
<div class="col-sm-6">
{% include teaserView with {'isTop': dish.id in topDishIDList} %}
</div>
{% if loop.index is divisible by(2) or loop.last %}
</div>
{% endif %}
{% endfor %}
{% endif %}
{% if options|length > 0 %}
{% if offer.getID() in [
constant('Slivki\\Util\\Iiko\\SushiChefArts::OFFER_ID'),
constant('Slivki\\Util\\Iiko\\SushiChefArtsPizza::OFFER_ID'),
constant('Slivki\\Util\\Iiko\\ArtFoodPinsa::OFFER_ID')
] %}
<h6 id="dataMenu_options" class="font-size-1000 font-700 mb-4">Дополнительно</h6>
{% endif %}
<div class="row">
{% for option in options %}
<div class="col-sm-6">
<div class="delivery-teaser additional-delivery-teaser card border-0 p-2">
<div class="row no-gutters">
<div class="col-auto mr-3">
<div class="additional-delivery-teaser--img" style="background-image: url('{{ option.imageURL }}')"></div>
</div>
<div class="col">
<div class="font-size-1000">{{ option.name }}</div>
<div class="d-flex justify-content-between align-items-end">
<div class="d-flex flex-column">
<div class="font-size-1000 opacity-06">
{% if option.sizeFull %}
{{ option.sizeFull }}
{% endif %}
</div>
</div>
</div>
</div>
</div>
<div class="row position-absolute-food-block">
<div class="col-auto">
<div class="font-size-1250 font-700 h5 mb-0 py-2 px-3 text-center">{{ option.price|number_format(2, ',') }} р</div>
</div>
<div class="col quantity-item">
{% include 'Slivki/delivery/quantity_select.html.twig' with {'isMobile': true, 'dish': option, 'isOption': true} %}
</div>
</div>
</div>
</div>
{% endfor %}
</div>
{% endif %}