{% comment %}
Left sidepanel: endpoint navigation for the current OpenAPI group. The schema is
fetched lazily on the client from schema_url (drf-spectacular) and turned into a
searchable list — no server-side OpenAPI parsing.
{% endcomment %}
{% if schema_url %}
<nav class="text-[13px]" x-data="endpointNav('{{ schema_url }}')" x-init="init()">
  {# Search #}
  <input x-model="query" type="search" placeholder="Search…"
         class="w-full mb-4 px-2.5 py-1.5 text-[13px] rounded-md border border-border bg-card text-foreground focus:outline-none focus:border-primary">

  {# States #}
  <p x-show="loading" class="text-[13px] text-muted-foreground">Loading…</p>
  <p x-show="error" x-cloak class="text-[13px] text-muted-foreground">No schema available</p>

  {# Operations grouped by tag/resource — one row per operation #}
  <div x-show="!loading && !error" x-cloak class="space-y-5">
    <template x-for="g in groups" :key="g.name">
      <div>
        <p class="px-2 mb-1.5 text-[11px] font-medium uppercase tracking-wider text-muted-foreground/60" x-text="g.name"></p>
        <ul class="-mx-2">
          <template x-for="op in g.ops" :key="op.method + op.path">
            <li>
              <a :href="op.href"
                 class="group flex items-center gap-2.5 px-2 py-1.5 rounded-md transition-colors hover:bg-muted"
                 :class="isActive(op) && 'bg-muted'">
                <span class="w-12 shrink-0 text-right font-mono text-[10px] font-semibold tracking-wide"
                      :class="methodClass(op.method)" x-text="op.method"></span>
                <span class="truncate text-[13px] transition-colors"
                      :class="isActive(op) ? 'text-foreground font-medium' : 'text-muted-foreground group-hover:text-foreground'"
                      x-text="op.name"></span>
              </a>
            </li>
          </template>
        </ul>
      </div>
    </template>
    <p x-show="filtered.length === 0" class="px-2 py-1.5 text-[13px] text-muted-foreground">No matches</p>
  </div>
</nav>
{% endif %}