{% trans_default_domain 'front_default' %}

{% set template = configuration.template %}
{% set links = tree.main is defined ? tree.main : [] %}

{% if links %}

    <!-- #main-navigation -->
    <nav id="main-navigation" class="navbar navbar-expand-lg bg-light pr-0 pl-0">

        <div class="{% if menu.size == 'container' %}container{% else %}container-fluid{% endif %}">

            {% if logo %}
                <a class="navbar-brand" href="{{ app.request.getSchemeAndHttpHost() }}" data-toggle="preloader">
                    {{ imgRender({'src': asset(logo), 'width': 80, 'height': 80, 'title': companyName, 'id': 'main-navigation-logo'}) }}
                </a>
            {% endif %}

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navigation-nav" aria-controls="main-navigation-nav" aria-expanded="false" aria-label="Toggle navigation">
                <span id="nav-toggler-icon">
                    <span></span>
                    <span></span>
                    <span></span>
                </span>
            </button>

            <div id="main-navigation-nav" class="collapse navbar-collapse">
                <ul class="navbar-nav {{ alignment }}">

                    {% set indexActive = masterRequest().requestUri == '' or masterRequest().requestUri == '/' %}
                    {% if isMobile() or isTablet() %}
                        <li class="nav-item text-center text-lg-left{% if indexActive %} active{% endif %}">
                            <a href="{{ path('front_index') }}" class="nav-link waves-effect waves-dark{% if indexActive %} active{% endif %}" data-toggle="preloader">{{ "Accueil"|trans|raw }}</a>
                        </li>
                    {% endif %}

                    {% for link in links %}
                        {% include 'front/' ~ template ~ '/actions/menu/main-element.html.twig' with {'link': link, 'tree': tree, 'dropdownItem': false, 'template': template} only %}
                    {% endfor %}

                    {% if havRegistartion and isMobile() or havRegistartion and isTablet() %}
                        <li class="nav-item text-center text-lg-left">
                            <a href="{{ path('security_front_register') }}" class="nav-link waves-effect waves-dark" data-toggle="preloader">{{ "Inscrivez-vous"|trans|raw }}</a>
                        </li>
                    {% endif %}

                </ul>

                {% if multiLingues and isMobile() or multiLingues and isTablet() %}
                    {{ render_esi(controller('App\\Controller\\Front\\Module\\LocaleController::switcher', { 'website': website.id, 'class': 'ml-auto'|url_encode } )) }}
                {% endif %}

            </div>

            {% if multiLingues and not isMobile() %}
                {{ render_esi(controller('App\\Controller\\Front\\Module\\LocaleController::switcher', { 'website': website.id, 'class': 'ml-auto'|url_encode } )) }}
            {% endif %}

            {% if havRegistartion and not isMobile() or havRegistartion and not isTablet() %}
                <ul class="navbar-nav ml-auto">
                    <li class="ml-4"><a href="{{ path('security_front_register') }}" class="btn btn-outline-primary" data-toggle="preloader">{{ "Inscrivez-vous"|trans|raw }}</a></li>
                </ul>
            {% endif %}

        </div>

    </nav>
    <!-- \#main-navigation -->

{% endif %}