<div class="menu-pages dimmable">
{% for page in pages %}
{% if page.item.parent == null and page.has_children is defined and page.has_children == true %}
<div class="item ui menu-dropdown-primary menu-{{ page.item.id }} droppable" id="menu-{{ page.item.id }}" data-item="menu-{{ page.item.id }}">
<p class="menu-dropdown-primary--title {% if parameters_menu.id and first_parent.parent_id is defined and page.item.id == first_parent.parent_id %}menu-dropdown-primary--title--active{% endif %} bold">
<strong>{{ page.item.title |trans({}, 'landings') }}</strong>
<i class="fa-solid fa-chevron-down fa-xs"></i>
</p>
<div class="ui menu-dropdown-secondary menu-dropdown-secondary--menu-{{ page.item.id }} ui grid">
{% if page.has_children is defined and page.has_children == true %}
{% for first_level_children in page.children %}
{% if first_level_children.item.additional == false %}
<div class="menu-dropdown-secondary-item ui {{ first_level_children.item.colspan }} wide column">
<h4 class="menu-dropdown--title">{{ first_level_children.item.title |trans({}, 'landings') }}</h4>
<div class="menu-dropdown-secondary-item-container ui {{ first_level_children.item.numberColumns }} column grid">
{% if first_level_children.has_children is defined and first_level_children.has_children == true %}
{% for second_level_children in first_level_children.children %}
{% if second_level_children.item.additional == false %}
<div class="item column {{ second_level_children.item.colspan }} posthog-event" data-id="{{second_level_children.item.linkValue}}" data-isocode="{{app.session.get('lang')}}">
<div class="title">
<a {% if second_level_children.item.target %} target="{{second_level_children.item.target}}" {% endif %} href="{{ second_level_children.item.url }}">
<p class="bold">{{ second_level_children.item.title |trans({}, 'landings') }}</p>
</a>
</div>
<div class="description--container">
<div class="description">
<a {% if second_level_children.item.target %} target="{{second_level_children.item.target}}" {% endif %} href="{{ second_level_children.item.url }}">
<p class="small">{{ second_level_children.item.subtitle |trans({}, 'landings') }}</p>
</a>
</div>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
<div class="one wide column"></div>
{% endif %}
{% endfor %}
{% endif %}
{% if page.has_children is defined and page.has_children == true and page.item.additional == true %}
<div class="menu-dropdown-secondary--footer">
<div class="menu-dropdown-secondary--footer-content ui grid">
{% for first_level_children in page.children %}
{% if first_level_children.item.additional == true %}
<div class="menu-dropdown-secondary--footer-item ui two wide column">
<div class="footer-content">
<div class="footer-text">
<a {% if first_level_children.item.target %} target="{{first_level_children.item.target}}" {% endif %} href="{{ first_level_children.item.url }}">
<p class="footer-title bold">{{ first_level_children.item.title |trans({}, 'landings') }}</p>
<p class="small footer-description">{{ first_level_children.item.subtitle |trans({}, 'landings') }}</p>
</a>
</div>
<div class="footer-icon">
<i class="fa-solid {{ first_level_children.item.icon }} fa-5x"></i>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
</div>
</div>
{% endif %}
{% if page.item.parent == null and page.has_children is not defined %}
<div class="item ui menu-dropdown-primary menu-{{ page.item.id }} no-droppable posthog-event" id="menu-{{ page.item.id }}" data-item="menu-{{ page.item.id }}" data-id="{{ page.item.linkValue }}" data-isocode="{{app.session.get('lang')}}">
<a {% if page.item.target %} target="{{page.item.target}}" {% endif %} href="{{ page.item.url }}">
<p class="menu-dropdown-primary--title bold">
<strong>{{ page.item.title |trans({}, 'landings') }}</strong>
</p>
</a>
</div>
{% endif %}
{% endfor %}
</div>