<style media="screen">
</style>
<!-- navbar -->
<div id="menuCategories" class="gorgnav zIndexFirst col-12">
<nav class="navbar navbar-expand-lg ">
<button class="navbar-toggler navbar-togglerCategories" type="button" data-toggle="collapse" data-target="#navbarCat" aria-controls="navbarCat" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon">Catégories</span>
</button>
<div class="collapse navbar-collapse" id="navbarCat">
<ul class="navbar-nav mr-auto">
{% for cat in categories %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="?cat={{ cat.nom }}" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ cat.nom }}
</a>
<div class="dropdown-menu gorgdrop" aria-labelledby="navbarDropdown">
{% for seq in sequences %}
{% if seq.stackCategorie.id == cat.id %}
{% if app.user is not null %}
<a class="dropdown-item" href="{{ path("webSite_stacks_sequence", { 'seq' : seq.nom, 'page' : 1 }) }}">{{ seq.nom }}</a>
{% else %}
<a class="dropdown-item" href="{{ path("visiteur_stacks_sequence", { 'seq' : seq.nom, 'page' : 1 }) }}">{{ seq.nom }}</a>
{% endif %}
{% endif %}
{% endfor %}
</div>
</li>
{% endfor %}
</ul>
<br>
{% if app.user is not null %}
<form action="{{ path("webSite_stacks_sequence_recherche", {'page' : 1, 'search' : '0' }) }}" class="form-inline" method="post">
{% else %}
<form action="{{ path("visiteur_stacks_sequence_recherche", {'page' : 1, 'search' : '0' }) }}" class="form-inline" method="post">
{% endif %}
<input name="recherche" id="recherche" class="form-control" type="search" placeholder="Cherches" aria-label="Cherches">
<!-- <button class="btn" type="submit">Trouves</button> -->
</form>
</div>
</nav>
</div>