{%- set localized_links = get_localized_links() -%}

{%- if localized_links | length > 1 -%}

    <div class="dropdopwn position-relative">

        <button
            type="button"
            class="btn-reset dropdown-toggle text-uppercase"
            aria-expanded="false"
            aria-label="{{ 'general.select_language' | trans }}"
            data-bs-toggle="dropdown"
            data-bs-display="static"
        >
            {{ app.request.locale }}
        </button>

        <ul class="dropdown-menu dropdown-menu-end">

            {%- for localized_link in localized_links -%}

                <li>
                    <a class="dropdown-item" href="{{ localized_link.path }}" hreflang="{{ localized_link.language }}">{{ localized_link.language }}</a>
                </li>

            {%- endfor -%}
            
        </ul>

    </div>
    
{%- endif -%}