{% extends "base.html" %}

{% block title %}dbst — API Reference{% endblock %}

{% block body_class %}page-docs{% endblock %}

{% block body %}
<div class="docs-page">
  <header class="docs-header">
    <a href="https://github.com/telmen87/dbst-sql-tool" target="_blank" rel="noopener noreferrer"
       class="app-logo-link" title="dbst on GitHub">
      <img src="/static/logo.svg" alt="dbst" class="app-logo" width="20" height="20">
    </a>
    <a class="sidebar-ref-link" href="/">← Back</a>
    <h1 class="docs-title">API Reference</h1>
    <a class="sidebar-ref-link" href="/mcp">MCP →</a>
    <button class="theme-toggle" onclick="toggleTheme()" title="Toggle day/night">🌙</button>
  </header>
  <div class="docs-body">
    {% for tag, endpoints in groups.items() %}
    <section class="docs-group">
      <div class="git-section-label">
        {{ tag }}
        <span style="margin-left:auto;font-size:10px;color:var(--dim)">{{ endpoints|length }}</span>
      </div>
      {% for e in endpoints %}
      <div class="docs-endpoint">
        <div class="docs-endpoint-row">
          <span class="api-badge api-badge-{{ e.method|lower }}">{{ e.method }}</span>
          <span class="docs-endpoint-path">{{ e.path }}</span>
          <span class="docs-endpoint-name">{{ e.name }}</span>
        </div>
        {% if e.params %}
        <div class="docs-params">
          {% for p in e.params %}
          <span class="docs-param docs-param-{{ p.kind }}">{{ p.kind }}: {{ p.name }}{{ "*" if p.required else "" }}</span>
          {% endfor %}
        </div>
        {% endif %}
      </div>
      {% endfor %}
    </section>
    {% endfor %}
  </div>
</div>
<script>
(function() {
  if (localStorage.getItem("dbst-theme") === "light") document.documentElement.classList.add("light");
})();
function toggleTheme() {
  const isLight = document.documentElement.classList.toggle("light");
  localStorage.setItem("dbst-theme", isLight ? "light" : "dark");
}
</script>
{% endblock %}