{% extends "::base.html.twig" %}
{% block nav %}
<div class="navbar navbar-inverse navbar-fixed-top " role="navigation">
<div class="container bck-nav">
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav pull-right">
<li id="login" ng-class="{ active: isActive('/') }"><a href="{{ path('login') }}" class="fa fa-sign-in"></a></li>
<div class="dropdown pull-right" id="dropdownmenu" >
<button id="selectLanguage" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="button-menu btn-fabric">
{{ 'Language'|trans({},'login') }}
<span class="glyphicon glyphicon-menu-down"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="selectLanguage">
<li><a href="{{ path(app.request.get('_route'), {"_locale": "en"}) }}">{{ 'English'|trans({},'login') }}</a></li>
<li><a href="{{ path(app.request.get('_route'), {"_locale": "fr"}) }}">{{ 'French'|trans({},'login') }}</a></li>
<li><a href="{{ path(app.request.get('_route'), {"_locale": "nl"}) }}">{{ 'Dutch'|trans({},'login') }}</a></li>
<li><a href="{{ path(app.request.get('_route'), {"_locale": "de"}) }}">{{ 'German'|trans({},'login') }}</a></li>
<li><a href="{{ path(app.request.get('_route'), {"_locale": "es"}) }}">{{ 'Spanish'|trans({},'login') }}</a></li>
<li><a href="{{ path(app.request.get('_route'), {"_locale": "pt"}) }}">{{ 'Portuguese'|trans({},'login') }}</a></li>
{# <li><a href="{{ path(app.request.get('_route'), {"_locale": "it"}) }}">{{ 'Italian'|trans({},'login') }}</a></li>#}
</ul>
</div>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
{% endblock %}