{% extends 'Default/parameters.html.twig' %}
{% import "Default/macros.html.twig" as macros %}
{% block html %}
{% apply spaceless %}
{% set menus = [] %}
{# {% set menus = menus|merge({'home':{label:"Accueil", href:path("home"), id:'home'}}) %} #}
{% set submenus = [] %}
{% set submenus = submenus|merge([{label:"Présentation", href:path("page",{slug:'a-propos'})}]) %}
{% set submenus = submenus|merge([{label:"Mission et attributions", href:path("page",{slug:'mission-attributions'})}]) %}
{% set submenus = submenus|merge([{label:"Organigramme", href:path("page",{slug:'organigramme'})}]) %}
{% for o in membersCats %}
{% set submenus = submenus|merge([{label:o.label, href: path("members",{slug:o.slug}) }]) %}
{% endfor %}
{% set menus = menus|merge({'about':{label:"L'école", submenus:submenus, id:'about'}}) %}
{% set submenus = [] %}
{% for o in servicesCats %}
{% set submenus = submenus|merge([{label:o.label, href: path("formations-cat",{slug:o.slug}) }]) %}
{% endfor %}
{# {% set submenus = submenus|merge([{label:"Formation initiale", href:path("formations")}]) %}
{% set submenus = submenus|merge([{label:"Formation continue", href:path("formations")}]) %} #}
{% set menus = menus|merge({'formations':{label:"Formations", href:path("formations"), submenus:submenus, id:'formations'}}) %}
{% set submenus = [] %}
{% for o in articlesCats %}
{% set submenus = submenus|merge([{label:o.name, href: path("articles-cat",{cat:o.slug}) }]) %}
{% endfor %}
{% set menus = menus|merge({'articles':{label:"Actualités", href:path("articles"), submenus:submenus, id:'articles'}}) %}
{% set menus = menus|merge({'events':{label:"Colloques", href:path("events"), id:'events'}}) %}
{% set menus = menus|merge({'professions':{label:"Professions", href:path("professions"), id:'professions'}}) %}
{% set menus = menus|merge({'resources':{label:"Ressources", href:path("resources"), id:'resources'}}) %}
{% set menus = menus|merge({'contacts':{label:"Contacts", href:path('contacts'), id:'contacts'}}) %}
{% block content %}
{% if isMobile() %}
<div class=''>
<ul class='list h4 upper flex col lspacing vt-15-in gpadding white'>
{% for o in menus %}
<li class='vt-3-in'>
{% if o.href is defined and o.href and o.submenus is not defined %}
<a href='{{o.href}}' class='vt-8-in nowrap flex col middle relative pointer medium'>{{o.label}}</a>
{% else %}
<span class='vt-8-in nowrap flex row space middle relative pointer medium os-click' data-target='next'>
<span>{{o.label}}</span>
<i class='fa fa-chevron-down'></i>
</span>
{% endif %}
{% if o.submenus is defined %}
<ul class='left-20-in top-7-in border border-gray border-notop border-noright border-nobottom'>
{% if o.href is defined %}
<li>
<a href='{{o.href}}' class='flex col middle relative pointer vt-3-in'>Vue d'ensemble</a>
</li>
{% endif %}
{% for k in o.submenus %}
<li>
<a href='{{k.href}}' class='flex col middle relative pointer vt-3-in'>{{k.label}}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
{% else %}
<div class='fill top'>
<ul class='list flex row center p-alt black fill text-center'>
{% for o in menus %}
<li class='relative h100 menu transition hz-15 {{activeMenu == o.id ? "active"}}'>
{% if o.href is defined and o.href %}
<a href='{{o.href}}' class='nowrap transition relative pointer iflex row middle h100'>
<span class='vt-5-in {{o.isSpecial is defined ? 'warning extrabold'}}'>{{o.label}}</span>
</a>
{% else %}
<span class='os-click transition relative iflex row middle h100' data-target='next'>
<span class='vt-5-in'>{{o.label}}</span>
</span>
{% endif %}
{% if o.submenus is defined %}
<ul class='absolute shadow transition-1s p-alt text-left black vt-10-in hz-20-in hoverflow ytop-100'>
<i class="absolute fill top left bg-warning"></i>
{% for k in o.submenus %}
<li class='relative'>
<a href='{{k.href}}' class='iflex col middle relative pointer vt-5-in transition'>{{k.label}}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% endblock %}
{% endapply %}
{% endblock %}