{% if mutations|length > 1 %}
    <nav class="mutation-switcher btn-group dropup">
        <button class="dropdown-toggle btn text-white d-flex align-items-center py-0" type="button"
                onclick="document.querySelector('nav.mutation-switcher .dropdown-menu').classList.toggle('show')"
                data-bs-toggle="dropdown">
            <img src="{{ asset('/build/admin/images/flags/4x3/'~ currentMutation.country|lower ~'.svg') }}" class="me-2" height="20">
            <span>{{ currentMutation.name|trans({}, 'shop') }}</span>
        </button>
        <ul class="dropdown-menu dropdown-menu-end" style="bottom: 2rem;">
            {% for mutation in mutations %}
                <li>
                    <a class="dropdown-item" href="{{ path('eshop_homepage', {'_locale': mutation.language}) }}">
                        {{ mutation.name|trans({}, 'shop') }}
                    </a>
                </li>
            {% endfor %}
        </ul>
    </nav>
{% endif %}