{% if config.LANGUAGES|length > 1 %}
<div class="dropdown language-switcher">
    <button class="btn btn-outline-secondary btn-sm dropdown-toggle d-flex align-items-center" type="button" id="languageDropdown" data-bs-toggle="dropdown" aria-expanded="false">
        <i class="bi bi-globe me-1"></i>
        <span>
        {% if current_lang == 'es' %}
            Español
        {% else %}
            English
        {% endif %}
        </span>
    </button>
    <ul class="dropdown-menu dropdown-menu-end shadow-sm" aria-labelledby="languageDropdown">
        <li>
            <a class="dropdown-item d-flex align-items-center justify-content-between {% if current_lang == 'es' %}active{% endif %}" 
               href="/main/set_language">
                <span>Español</span>
                {% if current_lang == 'es' %}
                    <i class="bi bi-check-lg ms-2 text-white"></i>
                {% endif %}
            </a>
        </li>
        <li>
            <a class="dropdown-item d-flex align-items-center justify-content-between {% if current_lang == 'en' %}active{% endif %}" 
               href="/main/set_language">
                <span>English</span>
                {% if current_lang == 'en' %}
                    <i class="bi bi-check-lg ms-2 text-white"></i>
                {% endif %}
            </a>
        </li>
    </ul>
</div>
{% endif %}