<header class="header">
<div class="blue-header">
<div class="container-fluid">
<div class="row">
<div class="col-lg-3 col-sm-3">
<a href="{{ path('_slug', { 'url': homepagePageNode.slug }) }}" target="_blank" class="u-brand">Université des Comores</a>
</div>
<div class="col-lg-1 col-sm-2">
<ul class="list-inline social">
<li class="list-inline-item"><a href="#"><i class="icon-social-twitter"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="icon-social-facebook"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="icon-social-linkedin"></i></a></li>
</ul>
</div>
<div class="col-lg-4 col-sm-2">
<form method="get" action="{{ path('_slug', {'url': 'recherche'}) }}?search=Search">
<div class="input-group input-group-sm">
<input type="search" name="query" class="form-control" placeholder="Recherche..." aria-label="Recherche...">
<span class="input-group-btn">
<button class="btn" type="submit"><i class="icon-magnifier"></i></button>
</span>
</div>
</form>
{# <form method="get" action="">
<div class="input-group input-group-sm">
<input type="search" name="query" class="form-control" placeholder="Recherche..." aria-label="Recherche...">
<span class="input-group-btn">
<button class="btn" type="submit"><i class="icon-magnifier"></i></button>
</span>
</div>
</form> #}
</div>
<div class="col-lg-4 col-sm-5">
<ul class="list-inline h-links">
<li class="list-inline-item"><a href="{{ path('iutudcwebsite_contact') }}">Contact</a></li>
<li class="list-inline-item"><a href="#">ENT</a></li>
<li class="list-inline-item"><a href="{{ path('alumni_default') }}">Alumni</a></li>
<li class="list-inline-item"><a href="#">Sitemap</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<div class="logo-header text-center">
<a href="{{ path('_slug', { 'url': homepagePageNode.slug }) }}">
<img src="{{ asset('bundles/iutudcwebsite/images/Logo_IUT-transparent-02.png') }}" alt="Logo IUT"/>
</a>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="{{ path('_slug', { 'url': homepagePageNode.slug }) }}">IUT</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
{# ACCUEIL #}
{% if homepagePageNode is not null %}
<li class="nav-item {% if nodemenu.getCurrent is not null and nodemenu.getCurrent.node.internalName == "homepage" %}active{% endif %}">
<a class="nav-link" href="{{ path('_slug', { 'url': homepagePageNode.slug }) }}">{{ homepagePageNode.title }}</a>
</li>
{% endif %}
{# ACTUALITES #}
{% if newsPageNode is not null %}
<li class="nav-item {% if nodemenu.getCurrent is not null and nodemenu.getCurrent.node.internalName == "news" %}active{% endif %}">
<a class="nav-link" href="{{ path('_slug', { 'url': newsPageNode.slug }) }}">{{ newsPageNode.title }}</a>
</li>
{% endif %}
{# L'IUT #}
{% if liutPageNode is not null %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownIut" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ liutPageNode.title }}
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownIut">
{% for liut_item in liutPageNode.children %}
<a class="dropdown-item" href="{{ path('_slug', {'url': liut_item.slug }) }}">{{ liut_item.title }}</a>
{% endfor %}
</div>
</li>
{% endif %}
{# FORMATIONS #}
{% if formationsPageNode is not null %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownFormation" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ formationsPageNode.title }}
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownFormation">
{% for formation_item in formationsPageNode.children %}
<a class="dropdown-item" href="{{ path('_slug', {'url': formation_item.slug }) }}">{{ formation_item.title }}</a>
{% endfor %}
</div>
</li>
{% endif %}
{# SCOLARITE => INSCRIPTION #}
{% if inscriptionsPageNode is not null %}
<li class="nav-item">
<a class="nav-link" href="{{ path('_slug', {'url': inscriptionsPageNode.url }) }}">{{ inscriptionsPageNode.title }}</a>
</li>
{% endif %}
{# ENTREPRISES => PARTENARIATS #}
{% if partenariatsPageNode is not null %}
<li class="nav-item">
<a class="nav-link" href="{{ path('_slug', {'url': partenariatsPageNode.url }) }}">{{ partenariatsPageNode.title }}</a>
</li>
{% endif %}
{# OPPORTUNITES #}
<li class="nav-item">
<a class="nav-link" href="{{ path('job_index') }}">Opportunités</a>
</li>
{# VIE ETUDIANTE #}
{% if vieetudiantePageNode is not null %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownVieEtudiante" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ vieetudiantePageNode.title }}
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownVieEtudiante">
<a class="dropdown-item" href="{{ path('alumni_default') }}">Associations d'étudiants</a>
{% for vieetudiante_item in vieetudiantePageNode.children %}
<a class="dropdown-item" href="{{ path('_slug', {'url': vieetudiante_item.url }) }}">{{ vieetudiante_item.title }}</a>
{% endfor %}
</div>
</li>
{% endif %}
</ul>
</div>
</div>
</nav>
<div class="bars-c">
<div class="bar-colored"></div>
<div class="bar-colored"></div>
<div class="bar-colored"></div>
</div>
</header>