{% set pageId = _parent.entity.id|default(null) %}
{% set diet = get_diet_by_page_id(app.request.locale, pageId) %}
{% if diet is not null and diet is not empty %}
<section class="container">
<div class="row">
<div class="col-12 col-sm-10 col-md-12 mb-4 my-md-5">
<div class="row my-md-4 diet-wrapper">
<div class="col-12 col-md-4 col-lg-4 bg-white px-xs-fluid pe-0 d-flex">
<div class="zoom align-content-center">
<img class="h-auto" style="aspect-ratio: 1/1;" src="{{ (CONST_IMAGE_URL ~ diet.fileName|default(''))|imagine_filter('medium') }}" alt="">
</div>
</div>
<div class=" col-12 col-md-8 col-lg-8 pt-3 px-lg-5 bg-white text-content d-flex flex-column px-120">
<h1 class="fw-bold f-36 mb-4">{{ diet.name|default('') }}</h1>
<ul class="row pb-70 justify-content-between green-checkbox ps-0 spaces check f-24">
{% if diet.details.diet.list.first.1 != '' %}
<div class="col-12">
<div class="row">
<div class="col-6">Przedział kaloryczny:</div>
<div class="col-6">
<li>{{ diet.details.diet.list.first.1|default('')|raw }}</li>
</div>
</div>
</div>
{% endif %}
{% if diet.details.diet.list.first.2 != '' %}
<div class="col-12">
<div class="row">
<div class="col-6">Rozkład makroskładników</div>
<div class="col-6">
<li class="fw-bold">{{ diet.details.diet.list.first.2|default('')|raw }}</li>
</div>
</div>
</div>
{% endif %}
{% if diet.details.diet.list.first.3 %}
<div class="col-12">
<div class="row">
<div class="col-6">Warianty w pełnej kaloryczności:</div>
<div class="col-6">
<li>{{ diet.details.diet.list.first.3|default('')|raw }}</li>
</div>
</div>
</div>
{% endif %}
<div class="col-12 mt-3">
<div class="row">
<div class="col-6">Główne cechy:</div>
<div class="col-6">
{% for listElement in diet.details.diet.list.second %}
{% if listElement != '' %}
<li>{{ listElement|default('') }}</li>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</ul>
{% if diet.details.diet.link != '' %}
<div class="row mt-auto justify-content-between">
<div class="col-md-6 col-12 d-flex align-items-end">
<div>
<a href="{{ diet.details.diet.link|default('#') }}" rel="nofollow" class="btn btn-sm btn-primary">zamawiam</a>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</section>
{% endif %}