{% load i18n mvp %}
{% if request.user.is_authenticated %}
  <c-dropdown valign="top" halign="center" class="w-full">
    <c-slot name="button">
      <div tabindex="0"
           role="button"
           class="btn btn-ghost w-full justify-start ">
        <c-user.display.compact />
      </div>
    </c-slot>
    <c-menu>
      {% url "account-center" as account_center_url %}
      {% if account_center_url %}
        <c-menu.item label="{% trans "Account Center" %}"
                     icon="account_center"
                     href="{{ account_center_url }}" />
      {% endif %}
      {{ slot }}
      {% if slot or account_center_url %}<c-menu.divider />{% endif %}
      <c-menu.item label="{% trans "Log out" %}"
                   type="submit"
                   form="logoutForm"
                   icon="logout" />
    </c-menu>
    {% url "account_logout" as logout_url %}
    {% if logout_url %}
      <form method="post"
            id="logoutForm"
            action="{{ logout_url }}"
            class="hidden">
        {% csrf_token %}
      </form>
    {% endif %}
  </c-dropdown>
{% endif %}