{% extends "base.html" %}

{% block title %}Stats — Courant{% endblock %}

{% block content %}
<div class="flex justify-center pt-12">
  <div class="panel panel-narrow w-full">
    <h1 class="display-1 mb-6">Today's stats</h1>

    {% if reminders %}
      <div class="space-y-4">
        {% for r in reminders %}
          {% set progress = progresses[r.id] %}
          <div class="flex items-center justify-between border-t border-white/10 pt-4 first:border-t-0 first:pt-0">
            <div class="flex items-center gap-3">
              {% if r.icon %}<span class="text-xl">{{ r.icon }}</span>{% endif %}
              <span class="font-medium">{{ r.name }}</span>
            </div>
            <div class="text-right">
              <div class="display-2">
                {{ progress.count }}{% if progress.goal %} / {{ progress.goal }}{% endif %}
              </div>
              {% if progress.percent is not none %}
                <div class="text-sm" style="color: var(--text-muted)">{{ "%.0f"|format(progress.percent) }}%</div>
              {% else %}
                <div class="text-sm" style="color: var(--text-muted)">not tracked</div>
              {% endif %}
            </div>
          </div>
        {% endfor %}
      </div>
      <p class="text-sm mt-6" style="color: var(--text-muted)">
        Weekly/monthly aggregates coming later.
      </p>
    {% else %}
      <p style="color: var(--text-secondary)" class="text-center py-8">
        No reminders configured.
      </p>
    {% endif %}
  </div>
</div>
{% endblock %}