{% extends "base.html" %}
{% block content %}
<div class="d-flex justify-content-between align-items-center">
  <h4 class="mb-0">Dashboard</h4>
  <div>
    <a class="btn btn-outline-secondary btn-sm" href="/items/">Articles</a>
    <a class="btn btn-outline-secondary btn-sm" href="/categories/">Catégories</a>
    <a class="btn btn-outline-secondary btn-sm" href="/alerts/">Alertes</a>
    <a class="btn btn-outline-secondary btn-sm" href="/export.xlsx">Export Excel</a>
  </div>
</div>

<div class="row mt-3 g-3">
  <div class="col-6 col-md-3"><div class="card"><div class="card-body"><div class="text-danger fw-bold">Rouge</div><div class="fs-3">{{ counts.red }}</div></div></div></div>
  <div class="col-6 col-md-3"><div class="card"><div class="card-body"><div class="text-warning fw-bold">Orange</div><div class="fs-3">{{ counts.orange }}</div></div></div></div>
  <div class="col-6 col-md-3"><div class="card"><div class="card-body"><div class="text-success fw-bold">Vert</div><div class="fs-3">{{ counts.green }}</div></div></div></div>
  <div class="col-6 col-md-3"><div class="card"><div class="card-body"><div class="text-secondary fw-bold">Sans données</div><div class="fs-3">{{ counts.gray }}</div></div></div></div>
</div>

<div class="mt-3">
  <form method="post" action="/checks/run/">
    {% csrf_token %}
    <button class="btn btn-primary">Check maintenant (lot)</button>
    <span class="text-muted small ms-2">Réservé admin. Le cron gère la production.</span>
  </form>
</div>
{% endblock %}