{% load i18n %}
{% comment %}
  The statusbar tenant badge. Rendered only when the user has something
  to do with it (`should_show` is True) — i.e. switch between two or
  more tenants, or pick a tenant when none is bound. For a regular user
  with exactly one tenant the badge is suppressed entirely; their
  tenant is implied.
{% endcomment %}
{% if should_show %}
    {% if tenant %}
        <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 %}
        <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 %}
{% endif %}