{% load i18n %}
{% if tenant %}
    {% if can_switch %}
        <div class="dropup">
            <a href="#" class="link-secondary text-decoration-none d-inline-flex align-items-center gap-1"
               data-bs-toggle="dropdown" aria-expanded="false"
               title="{% trans 'Switch tenant' %}">
                <i class="ti ti-building"></i>
                <span>{{ tenant.name }}</span>
                <i class="ti ti-chevron-up text-muted"></i>
            </a>
            <div class="dropdown-menu dropdown-menu-end">
                {% for t in tenants %}
                    <form method="post" action="{% url 'tenants:pick' %}">
                        {% csrf_token %}
                        <input type="hidden" name="tenant" value="{{ t.pk }}">
                        <button type="submit" class="dropdown-item d-flex align-items-center gap-2{% if t.pk == current_tenant_id %} active{% endif %}"
                                hx-post="{% url 'tenants:pick' %}"
                                hx-swap="none">
                            {% if t.pk == current_tenant_id %}
                                <i class="ti ti-check"></i>
                            {% else %}
                                <span style="width: 1.25rem; display: inline-block;"></span>
                            {% endif %}
                            {{ t.name }}
                        </button>
                    </form>
                {% endfor %}
            </div>
        </div>
    {% else %}
        <span class="text-muted d-inline-flex align-items-center gap-1">
            <i class="ti ti-building"></i>
            <span>{{ tenant.name }}</span>
        </span>
    {% endif %}
{% elif can_switch %}
    <div class="dropup">
        <a href="#" class="link-secondary text-decoration-none d-inline-flex align-items-center gap-1"
           data-bs-toggle="dropdown" aria-expanded="false"
           title="{% trans 'Pick a tenant' %}">
            <i class="ti ti-building-off"></i>
            <span>{% trans "No tenant" %}</span>
            <i class="ti ti-chevron-up text-muted"></i>
        </a>
        <div class="dropdown-menu dropdown-menu-end">
            {% for t in tenants %}
                <form method="post" action="{% url 'tenants:pick' %}">
                    {% csrf_token %}
                    <input type="hidden" name="tenant" value="{{ t.pk }}">
                    <button type="submit" class="dropdown-item d-flex align-items-center gap-2"
                            hx-post="{% url 'tenants:pick' %}"
                            hx-swap="none">
                        <span style="width: 1.25rem; display: inline-block;"></span>
                        {{ t.name }}
                    </button>
                </form>
            {% endfor %}
        </div>
    </div>
{% endif %}