{% load i18n %}
<ul class="p-2 text-start text-sm font-medium text-gray-900 dark:text-white">
  <li>
    <a href="{% url 'web:my_account' %}" title=""
       class="inline-flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-600">
      {% translate 'Mi cuenta' %}
    </a>
  </li>
  <li>
    <a href="#" title=""
       class="inline-flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-600">
      {% translate 'Mis pedidos' %}
    </a>
  </li>
  <li>
    <a href="#" title=""
       class="inline-flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-600">
      {% translate 'Ajustes' %}
    </a>
  </li>
  <li>
    <a href="#" title=""
       class="inline-flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-600">
      {% translate 'Lista de deseados' %}
    </a>
  </li>
  <li>
    <a href="#" title=""
       class="inline-flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-600">
      {% translate 'Direcciones de envío' %}
    </a>
  </li>
  <li>
    <a href="#" title=""
       class="inline-flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-600">
      {% translate 'Métodos de pago' %}
    </a>
  </li>
</ul>

<div class="p-2 text-sm font-medium text-gray-900 dark:text-white">
  <a href="{% url 'web:logout' %}" title=""
     class="inline-flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-600">
    {% translate 'Cerrar sesión' %}
  </a>
</div>