{#def active_tab="" #}
<div class="navbar bg-base-100 shadow-md px-6 mb-2">
  <div class="flex-1">
    <span class="text-xl font-bold tracking-tight">☁️ PointCloud Viewer</span>
  </div>
  <div class="flex-none gap-4 items-center">
    <div
      id="health-indicator"
      hx-get="/health-check"
      hx-trigger="load"
      hx-swap="innerHTML"
      class="text-sm text-base-content/50"
    >vérification…</div>
  </div>
</div>

<div role="tablist" class="tabs tabs-boxed mb-6 w-fit ml-4">
  <a
    role="tab"
    class="tab {% if active_tab == 'upload' %}tab-active{% endif %}"
    hx-get="/"
    hx-target="#main-content"
    hx-push-url="/"
  >📤 Upload</a>
  <a
    role="tab"
    class="tab {% if active_tab == 'admin' %}tab-active{% endif %}"
    hx-get="/admin/list"
    hx-target="#main-content"
    hx-push-url="/admin"
  >🗂️ Admin</a>
</div>

<div id="main-content" class="px-4">
  {{ content }}
</div>