{% trans_default_domain 'front_default' %}

{% set infos = link|linkMenu(tree) %}

{% if infos.i18n %}

    {% if infos.online %}

        <li class="nav-item level-{{ link.level}}{% if infos.children %} dropdown{% endif %}{% if infos.media %} item-logo{% endif %} text-center text-md-left{% if infos.active %} active{% endif %}"
                {% if link.level == 1 %} data-aos="fade-up" data-aos-delay="200"{% endif %}>

            <a class="nav-link{% if infos.children %} dropdown-toggle{% endif %}{% if dropdownItem %} dropdown-item{% endif %}{% if infos.active %} active{% endif %} {{ infos.class }} waves-effect waves-dark"
               href="{{ infos.path }}" id="navbar-link-{{ link.id }}" title="{{ infos.title|striptags }}"
               {% if infos.children %} role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"{% elseif infos.newTab %} target="_blank"{% else %} data-toggle="preloader"{% endif %}
               {% if infos.externalLink %} rel="noopener"{% endif %}>

                {% if infos.media %}
                    {{ infos.media|thumb }}
                    <span class="d-lg-none">{{ infos.title|unescape|raw }}</span>
                {% else %}
                    {{ infos.title|unescape|raw }}
                {% endif %}
            </a>

            {% if infos.children %}
                <ul class="dropdown-menu" aria-labelledby="navbar-link-{{ link.id }}">
                    {% for subLink in infos.children %}
                        {% include 'front/' ~ template ~ '/actions/menu/bootstrap-element.html.twig' with {'link': subLink, 'tree': tree, 'dropdownItem': true, 'template': template} only %}
                    {% endfor %}
                </ul>
            {% endif %}

        </li>
    {% endif %}

{% endif %}