{% extends 'Default/parameters.html.twig' %}

{% block html %}
{% apply spaceless %}

{% set activeSubmenu = null %}
{% set submenus = [] %}

{% for o in list %}
{% set submenus = submenus|merge([{label:o|os_trans('label'), href: path("home-customer",{slug:o.slug}), icon: o.icon, slug:o.slug }]) %}
{% set activeSubmenu = customerType %}
{% endfor %}

{% set menus = [
    {id:"customer", icon:"home", "label": (activeSubmenu ? activeSubmenu|os_trans('label') : "Accueil"), link: (activeSubmenu ? activeSubmenu.getLabel()), submenus: submenus },
    {id:"jobs", icon:"user-tie", "label":os_trans_text("Recrutement","Recruitment"), link:"https://nsia-jobs.olasoft.net"},
    {id:"agreements", icon:"briefcase", "label":os_trans_text("Espace fournisseur","Provider space"), link:"https://nsia-provider.olasoft.net"},
] %}

<nav class="bg-success flex row space gpadding {{desktop('')}} {{mobile('')}}" style="">
    <ul class="list flex row p-alt white">
        {% for o in menus %}
        <li class="topmenu relative flex row {{desktop('right-15')}}">
            <{{o.submenus is defined ? "span" : "a"}}
                class="os-click iflex row middle upper medium {{o.id == activeTopMenu ? 'bg-white success'}} {{desktop(' vt-15-in hz-20-in')}} {{mobile(' vt-10-in hz-15-in text-center')}}"
                href="{{o.link}}"
                data-target="#{{o.id}}">

                <i class="fa fa-{{o.icon}} {{desktop('right-8')}}"></i>

                {% if isDesktop() %}
                <span >{{o.label}}</span>
                {% endif %}

                {% if o.submenus is defined %}
                <i class="fa fa-chevron-down left-8"></i>
                <div id="{{o.id}}" class="absolute left ytop-100 hoverflow transition {{desktop('')}}">
                    <ul class=" shadow p-alt border border-gray border-notop {{desktop('vt-10-in bg-white')}}{{mobile('vt-10-in  bg-warning white')}}">
                        {% for k in o.submenus %}
                        <li>
                            <a class="flex row middle hz-20-in {{customerType == k.slug ? "medium"}}{{desktop(' vt-3-in')}} {{mobile('vt-5-in')}}" href="{{k.href}}">
                                <i class="icon min right-10 {{desktop('padding-7')}}{{mobile('padding-1 filter-white')}}">
                                    <i class="flex icon fill relative">
                                        <img class="contain" src="{{asset(k.icon)}}">
                                    </i>
                                </i>
                                <span>{{k.label}}</span>
                            </a>
                        </li>
                        {% endfor %}
                    </ul>
                </div>
                {% endif %}
            </{{o.submenus is defined ? "span" : "a"}}>
        </li>
        {% endfor %}
    </ul>
    <div class="h100 flex row">
        <ul class="list flex row p-alt white">
            {% if isDesktop() %}
            {# <li class="flex row {{desktop('left-30')}}{{mobile('')}}">
                <a class="iflex row middle upper bold {{desktop('vt-15-in')}} {{mobile('vt-10-in hz-10-in')}}" href="">
                    <i class="fa fa-cog {{desktop('right-8')}} {{mobile('')}}"></i>
                    {{desktop("Outils pratiques")}}
                </a>
            </li> #}
            {% endif %}
            <li class="flex row {{desktop('left-30')}}{{mobile('hz-5-in')}}">
                <a class="iflex row middle upper bold {{desktop('vt-15-in')}} {{mobile('vt-10-in hz-10-in')}}" href="https://novaplus-bj.groupensia.com/FR/public/connexion.awp" target="_blank">
                    <i class="fa fa-lock {{desktop('right-8')}} {{mobile('')}}"></i>
                    {{desktop(os_trans_text("Se connecter","Login"))}}
                </a>
            </li>

        </ul>
        {% if isDesktop() %}
        <span class="os-click flex row middle {{desktop(' hz-30-in')}} {{mobile(' hz-10-in')}}" data-target="#searchBox">
            <i class="icon min w100 search filter-white h100"></i>
        </span>
        {% endif %}

        <a class="vt-15-in white bold" href="{{ path(routeInfos.route, routeInfos.params|merge({_locale:localeIsFr() ? "en" : "fr"})) }}">{{localeIsFr() ? "EN" : "FR"}}</a>
    </div>
</nav>

{% endapply %}
{% endblock html %}