{% set default_locale = 'fr' %}
{% set locales = {
    'en': 'English',
    'fr': 'Français'
} %}
{% set current_locale = default_locale %}
{% if locales[app.request.get('_locale')] is defined %}
    {% set current_locale = app.request.get('_locale') %}
{% endif %}
<li class="nav-item dropdown">
    <a class="nav-link" data-toggle="dropdown" href="#">
        <i class="flag-icon flag-icon-{{ current_locale }}"></i>
    </a>
    <div class="dropdown-menu dropdown-menu-right">
        {% for locale, label in locales %}
        <a href="{#{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': locale})) }#}" 
            class="dropdown-item{% if locale == app.request.get('_locale') %} active{% endif %}">
            <i class="flag-icon flag-icon-{{ locale }} mr-2"></i> {{ label }}
        </a>
        {% endfor %}
    </div>
</li>

{% block stylesheets %}
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.3.0/css/flag-icon.min.css">
{% endblock %}