{% block navigation %}
<div class="container-fluid" style="padding: 0px; min-height:60px">
<!-- Start Navigation -->
<nav class="navbar navbar-expand-lg navbar-light" id="navbar">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="{{ path('frontpage') }}">{{ 'Voorpagina'|trans }}</a>
</li>
{#<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ 'Fossielen'|trans }}</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">[item]</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ 'Geologie'|trans }}</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">[item]</a>
</div>
</li>#}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ 'Informatie'|trans }}</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="{{ path('article_index') }}">{{ 'Artikelen'|trans }}</a></li>
<li><a class="dropdown-item" href="{{ path('glossary_index') }}">{{ 'Glossarium'|trans }}</a></li>
<li><a class="dropdown-item" href="{{ path('literature') }}">{{ 'Literatuur'|trans }}</a></li>
<li><a class="dropdown-item" href="{{ path('media') }}">{{ 'In de Media'|trans }}</a></li>
<li class="dropdown-submenu">
<a href="#" class="dropdown-item" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ 'Voor beginners'|trans }} <span class="feather-18" data-feather="chevrons-right"></a></span>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="{{ path('article', { id : '67', url: 'Verzamelcode' }) }}">{{ 'Verzamelcode'|trans }}</a></li>
<li><a class="dropdown-item" href="{{ path('article', { id : '528', url: 'Beginnen-met-fossielen-zoeken' }) }}">{{ 'Beginnen met zoeken'|trans }}</a></li>
<li><a class="dropdown-item" href="{{ path('article', { id : '370', url: 'Zelf-een-zeef-maken' }) }}">{{ 'Zelf een zeef maken'|trans }}</a></li>
<div class="dropdown-divider"></div>
<li><a class="dropdown-item" href="{{ path('geologic_timescale') }}">{{ 'Geologische Tijdschaal'|trans }}</a></li>
<li><a class="dropdown-item" href="{{ path('geologic_maps') }}">{{ 'Geologische Kaarten'|trans }}</a></li>
</ul>
</li>
<li><a class="dropdown-item" href="{{ path('links') }}">{{ 'Aanverwante websites'|trans }}</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('locations_gis') }}">{{ 'Locaties'|trans }}</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ 'Fossielen'|trans }}</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="{{ path('fossildb') }}">{{'Fossielendatabase'|trans }}</a>
<a class="dropdown-item" href="{{ path('specieslist') }}">{{'Soortenlijsten'|trans }}</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ 'Community'|trans }}</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="nav-link" href="{{ path('calendar') }}">{{ 'Geo Kalender'|trans }}</a>
<a class="nav-link" href="{{ forum_uri }}">{{ 'Forum'|trans }}</a>
</div>
</li>
{#<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ 'Kids'|trans }}</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">[item]</a>
</div>
</li>#}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ 'Over ons'|trans }}</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="{{ path('article', { id : '616', url: 'Stichting-Paleontica' }) }}">{{ 'Stichting Paleontica'|trans }}</a>
<a class="dropdown-item" href="{{ path('article', { id : '577', url: 'Over-Fossiel.net' }) }}">{{ 'Over fossiel.net'|trans }}</a>
<a class="dropdown-item" href="{{ path('article', { id : '94', url: 'Fossiel.net-Team' }) }}">{{ 'Het team'|trans }}</a>
<a class="dropdown-item" href="{{ path('contact') }}">{{ 'Neem contact op'|trans }}</a>
</div>
</li>
</ul>
<ul class="navbar-nav">
{{ form_start(searchform) }}
{{ form_widget(searchform.q) }}
{{ form_end(searchform) }}
{% if is_granted('ROLE_USER') %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{app.user.username}}
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="{{ path('user') }}#profile/"><span class="feather-18" data-feather="user"></span> {{ 'Profiel'|trans }}</a>
{#<a class="dropdown-item" href="/user#settings/"><span class="feather-18" data-feather="sliders"></span> {{ 'Instellingen'|trans }}</a>#}
{% if is_granted('ROLE_MOD') %}
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{ path('moderation_index') }}"><span class="feather-18" data-feather="command"></span> {{ 'Beheer'|trans }}</a>
{% endif %}
{% if is_granted('ROLE_ADMIN') %}
{% endif %}
<div class="dropdown-divider"></div>
{% if is_granted('IS_IMPERSONATOR') %}
<a class="dropdown-item" href="{{ path('frontpage', {'_switch_user': '_exit'}) }}"><span class="feather-18" data-feather="log-out"></span> {{ 'Uit nabootsing-modus gaan'|trans }}</a>
{% else %}
<a class="dropdown-item" href="{{ path('user_logout') }}"><span class="feather-18" data-feather="log-out"></span> {{ 'Uitloggen'|trans }}</a>
{% endif %}
</div>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="{{ forum_uri }}/ucp.php?mode=register">{{ 'Registreer'|trans }}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('user_login') }}">{{ 'Inloggen'|trans }}</a>
</li>
{% endif %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="/images/flags/{{ app.request.locale }}.png" class="img-fluid rounded"></a>
<div class="dropdown-menu dropdown-menu-right text-right" aria-labelledby="navbarDropdown">
{#<a class="dropdown-item" href="{{ path('setlanguage', {iso: 'de'}) }}">Deutsch <img src="/images/flags/de.png" alt="Deutsch"></a>#}
<a class="dropdown-item" href="{{ path('setlanguage', {iso: 'en'}) }}">English <img src="/images/flags/en.png" alt="English"></a>
{#<a class="dropdown-item" href="{{ path('setlanguage', {iso: 'fr'}) }}r">Français <img src="/images/flags/fr.png" alt="Français"></a>#}
<a class="dropdown-item" href="{{ path('setlanguage', {iso: 'nl'}) }}">Nederlands <img src="/images/flags/nl.png" alt="Nederlands"></a>
</div>
</li>
</ul>
</div>
</div>
</nav>
</div>
<!-- End Navigation -->
{% endblock %}