{# @description Account dropdown for the sidebar footer: avatar trigger, account/admin links, then log out. #}
{# @slot <c-menu.item ... /> — Extra rows, inserted between the built-in links and log out. #}
{% load i18n mvp %}
{% if request.user.is_authenticated %}
  <c-mvp.dropdown valign="top" halign="start" full class="w-full">
    <c-slot name="button">
      <div tabindex="0"
           role="button"
           class="btn btn-ghost btn-sm w-full min-w-0 justify-start px-1">
        <c-mvp.user.display.compact />
      </div>
    </c-slot>
    {% comment %}
      `{% url as %}` leaves the name unset on a false branch, so
      `has_rows_above` below reflects what was actually drawn.
    {% endcomment %}
    {% url "account-center" as account_center_url %}
    {% url "account_logout" as logout_url %}
    {% if request.user.is_staff %}{% url "admin:index" as admin_url %}{% endif %}
    <c-menu class="w-full" only>
      {% if account_center_url %}
        <c-menu.item icon="account_center" href="{{ account_center_url }}" only>
          <span>{% trans "Account Center" %}</span>
        </c-menu.item>
      {% endif %}
      {% if admin_url %}
        <c-menu.item icon="admin-site" href="{{ admin_url }}" only>
          <span>{% trans "Admin Site" %}</span>
        </c-menu.item>
      {% endif %}
      {{ slot }}
      {% firstof account_center_url admin_url slot as has_rows_above %}
      {% if logout_url and has_rows_above %}<li></li>{% endif %}
      {% if logout_url %}
        <c-menu.item type="submit" form="logoutForm" icon="logout" only>
          <span>{% trans "Log out" %}</span>
        </c-menu.item>
      {% endif %}
    </c-menu>
    {% if logout_url %}
      <form method="post"
            id="logoutForm"
            action="{{ logout_url }}"
            class="hidden">
        {% csrf_token %}
      </form>
    {% endif %}
  </c-mvp.dropdown>
{% endif %}