{% 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:url("home"), id:'home'}}) %}
{% set submenus = [] %}
{% set submenus = submenus|merge([{label:"Mot du Directeur", href: url("word") }]) %}
{% set submenus = submenus|merge([{label:"Le CeFAL en bref", href: url("about") }]) %}
{% set submenus = submenus|merge([{label:"Mission et attributions", href: url("attributions") }]) %}
{% set submenus = submenus|merge([{label:"Conseil pédagogique", href: url("advisors") }]) %}
{% set submenus = submenus|merge([{label:"Conseil d'administration", href: url("administrators") }]) %}
{% set submenus = submenus|merge([{label:"Commissariat aux comptes", href: url("auditors") }]) %}
{% set submenus = submenus|merge([{label:"Directions techniques", href: url("structures") }]) %}
{% set submenus = submenus|merge([{label:"Statut et règlement intérieur", href: url("statuses") }]) %}
{% set submenus = submenus|merge([{label:"Organigramme", href: url("organisation") }]) %}
{% set menus = menus|merge({'about':{label:"À Propos", submenus: submenus, id:'about'}}) %}
{% set submenus = [] %}
{% for o in formations %}
{% set submenus = submenus|merge([{label:o.label, href: path("formation",{id:o.id,slug:o.slug}) }]) %}
{% endfor %}
{% set menus = menus|merge({'formations':{label:"Prestations", href:url("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:"Publications", href:url("articles"), submenus: submenus, id:'articles'}}) %}
{% set submenus = [] %}
{% for o in resourcesCats %}
{% set submenus = submenus|merge([{label:o.label, href: path("resources-cat",{slug:o.slug}) }]) %}
{% endfor %}
{% set menus = menus|merge({'documents':{label:"Documenthèque", href:url("resources"), submenus: submenus, id:'documents'}}) %}
{% set menus = menus|merge({'contacts':{label:"Contacts", href:url('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'>Tout</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 medium white fill text-center'>
{% for o in menus %}
<li class='relative h100 menu transition {{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 hz-30-in'>{{o.label}}</span>
</a>
{% else %}
<span class='os-click transition relative pointer iflex row middle h100' data-target='next'>
<span class='vt-5-in hz-30-in'>{{o.label}}</span>
</span>
{% endif %}
{% if o.submenus is defined %}
<ul class='absolute shadow transition-1s p-alt text-left success medium vt-10-in hz-40-in hoverflow ytop-100'>
<i class="absolute fill top left bg-white"></i>
{% for k in o.submenus %}
<li class='relative'>
<a href='{{k.href}}' class='iflex col middle relative pointer vt-5-in vt-7'>{{k.label}}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% endblock %}
{% endapply %}
{% endblock %}