{% set route = app.request.get('_route') %}
{% set route_params = app.request.get('_route_params') %}
{% set params = route_params|merge(app.request.query.all) %}
{% set flagName = "/img/flag/" ~ app.request.locale ~ ".svg" %}
<div class="nav-item dropdown">
<a class="pe-0 pt-0 pt-sm-2" id="localDropDown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
<img src="{{ asset(flagName) }}" alt="{{ app.request.locale }}" height="20">
<span class="nav-link ps-2 d-none d-md-inline-block">{{locales[app.request.locale]}}</span>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start py-0" aria-labelledby="localDropDown" style="z-index: 9999; min-width: 100px">
<div class="bg-white dark__bg-1000 rounded-2 py-2">
{% for lng, locale in locales %}
{% if lng != app.request.locale %}
<a class="dropdown-item" href="{{ path(route, params|merge({ _locale: lng })) }}">
<img src="{{ asset("/img/flag/" ~ lng ~ ".svg") }}" class="me-2" alt="{{ locale }}" height="10"> {{ locale }}
</a>
{% endif %}
{% endfor %}
</div>
</div>
</div>