{% extends "layout.html" %}
{% import "_macros.html" as m with context %}
{% macro dashboard_card(card) -%}
{% call m.card(href=card.url) %}
  <div class="flex size-9 items-center justify-center rounded-md bg-accent-soft text-accent">{{ m.icon(card.icon or 'table', 'size-4') }}</div>
  <div class="mt-3 flex min-w-0 items-baseline gap-1.5 text-sm">
    <span class="truncate font-medium">{{ card.label }}</span>
    {% if card.category %}<span class="truncate text-xs text-fg-subtle" data-card-category>{{ card.category }}</span>{% endif %}
  </div>
  <div class="mt-1 text-2xl font-semibold tabular-nums">{{ card.count if card.count is not none else '—' }}</div>
{% endcall %}
{%- endmacro %}
{% block content %}
<h1 class="mb-6 text-xl font-semibold">Dashboard</h1>
{% for group in dashboard %}
<section class="mb-8">
  {% if group.label %}<h2 class="mb-3 text-sm font-medium text-fg-muted">{{ group.label }}</h2>{% endif %}
  <div class="grid grid-cols-[repeat(auto-fill,minmax(14rem,1fr))] gap-4">
    {% for card in group.cards %}{{ dashboard_card(card) }}{% endfor %}
  </div>
</section>
{% endfor %}
{% if not dashboard %}
<p class="text-fg-muted">No models registered.</p>
{% endif %}
{% endblock %}