{% load static %}
<aside class="drawer-side z-10">
  <label for="my-drawer" class="drawer-overlay"></label>
  <!-- sidebar menu -->
  <nav class="flex min-h-screen w-64 flex-col gap-2 overflow-y-auto bg-base-100 px-6 py-10">
    <div class="mx-4 flex flex-col">
      <div class="flex items-center gap-2 font-black">
        <img src="{% static 'images/icon-logo.png' %}" alt="KitchenAI" class="h-10 w-15">
        <span>KitchenAI</span>
      </div>
      <span class="text-sm text-base-content/70 mt-1 text-center w-full">{{ request.user.username }}</span>
    </div>
    
    <div class="divider"></div>

    <ul class="menu">
      <li>
        <a href="{% url 'dashboard:home' %}"
           class="{% if request.path == '/dashboard/' %}active{% endif %}">
          <svg data-src="https://unpkg.com/heroicons/20/solid/home.svg"
               class="h-5 w-5">
          </svg>
          Dashboard
        </a>
        <a href="{% url 'dashboard:labels' %}"
           class="{% if 'labels' in request.path %}active{% endif %}">
          <svg data-src="https://unpkg.com/heroicons/20/solid/tag.svg"
               class="h-5 w-5">
          </svg>
          Labels
        </a>
        <a href="{% url 'dashboard:file' %}" 
           class="{% if 'file' in request.path %}active{% endif %}">
          <svg data-src="https://unpkg.com/heroicons/20/solid/document.svg"
               class="h-5 w-5">
          </svg>
          Files
        </a>
        <a href="{% url 'dashboard:embeddings' %}"
           class="{% if 'embeddings' in request.path %}active{% endif %}">
          <svg data-src="https://unpkg.com/heroicons/20/solid/squares-plus.svg"
               class="h-5 w-5">
          </svg>
          Embeddings
        </a>
        <a href="{% url 'dashboard:chat' %}"
           class="{% if 'chat' in request.path %}active{% endif %}">
          <svg data-src="https://unpkg.com/heroicons/20/solid/chat-bubble-left-right.svg"
               class="h-5 w-5">
          </svg>
          Chat
        </a>
        <a href="/api/docs"
           class="{% if 'api' in request.path %}active{% endif %}">
          <svg data-src="https://unpkg.com/heroicons/20/solid/code-bracket.svg"
               class="h-5 w-5">
          </svg>
          API
        </a>
        <a href="/kitchenai-admin"
           class="{% if 'admin' in request.path %}active{% endif %}">
          <svg data-src="https://unpkg.com/heroicons/20/solid/cog.svg"
               class="h-5 w-5">
          </svg>
          Admin
        </a>
        <a href="{% url 'dashboard:settings' %}"
           class="{% if 'settings' in request.path %}active{% endif %}">
          <svg data-src="https://unpkg.com/heroicons/20/solid/adjustments-horizontal.svg"
               class="h-5 w-5">
          </svg>
          Settings
        </a>
        <a href="https://docs.kitchenai.dev"
           target="_blank"
           class="{% if 'docs' in request.path %}active{% endif %}">
          <svg data-src="https://unpkg.com/heroicons/20/solid/book-open.svg"
               class="h-5 w-5">
          </svg>
          Documentation
        </a>
      </li>
    </ul>

    <div class="mt-auto text-center text-sm text-base-content/70">
      <span class="inline-flex items-center rounded-full bg-base-200 px-2 py-1 text-xs font-medium">
        v{{ VERSION }}
      </span>
    </div>
  </nav>
</aside>
