{% extends "admin/base.html" %}

{% block title %}Dashboard | Admin{% endblock %}

{% block content %}
<div class="flex flex-col justify-between gap-4 sm:flex-row sm:items-end">
  <div>
    <p class="eyebrow-dark">Control center</p>
    <h1 class="mt-3 text-4xl font-black tracking-normal">Dashboard</h1>
  </div>
</div>

<div class="mt-8 grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
  {% for label, value in stats.items() %}
    <div class="rounded-lg border border-zinc-200 bg-white p-6 shadow-sm">
      <p class="text-sm font-bold uppercase tracking-[0.14em] text-zinc-500">{{ label|replace('_', ' ') }}</p>
      <p class="mt-3 text-4xl font-black">{{ value }}</p>
    </div>
  {% endfor %}
</div>

<div class="mt-8 rounded-lg border border-amber-200 bg-amber-50 p-5 text-sm leading-6 text-amber-950">
  Phase 2 foundation is active: settings, menus, multilingual public routes, listings, leads, pages, and FAQs.
</div>
{% endblock %}