{% extends "base.html" %}
{% block title %}Dashboard — KORM Admin{% endblock %}
{% block content %}
<div class="topbar">
  <h2>Dashboard</h2>
  <div class="topbar-actions">
    <span class="badge badge-primary">{{ models|length }} model(s)</span>
  </div>
</div>

<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem">
  {% for m in models %}
  <div class="card" x-data="{ open: false }">
    <div class="card-header">
      <span>{{ m.name }}</span>
      <span class="badge">{{ m.count }}</span>
    </div>
    <div class="card-body" style="padding:.75rem 1.25rem">
      <div style="display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem">
        <a href="/{{ m.name }}/" class="btn btn-sm">List</a>
        <a href="/{{ m.name }}/create" class="btn btn-sm btn-primary">Create</a>
      </div>
      <div style="font-size:.75rem;color:var(--text-muted)">
        <div>Table: <code>{{ m.table }}</code></div>
        <div>Columns: {{ m.columns|length }}</div>
        {% if m.relations %}
        <div>Relations: {{ m.relations|length }}</div>
        {% endif %}
      </div>
    </div>
  </div>
  {% endfor %}
</div>
{% endblock %}