<li>
{% set session_locale = app.session.get('_locale') ?? default_locale %}
<div class="dropdown language-option">
<button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{% set selected_flag_src = 'front/assets/images/flags/'~session_locale~'.png' %}
<img src="{{ asset(selected_flag_src) }}" alt="{{ session_locale }}" title="{{ session_locale }}"/>
</button>
<div class="dropdown-menu language-dropdown-menu" style="">
{% set languages = {
'en': 'English',
'fr': 'Français',
'ar': 'عربي'
} %}
{% for locale in locales %}
{% set language_code = locale|slice(0, 2) %}
{% set language_name = languages[language_code] ?? '' %}
<a class="dropdown-item {{ (locale == session_locale)?"selected":"" }}"
href="{{ path('change_locale', {'locale': locale}) }}">
{% set flag_src = 'front/assets/images/flags/'~locale~'.png' %}
<img src="{{ asset(flag_src) }}" alt="{{ locale }}" /> {{ language_name }}
{# {{ locale }}#}
</a>
{% endfor %}
</div>
</div>
</li>