{% extends "base.html" %}

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

{% block content %}
<div class="flex justify-center pt-12">
  <div class="panel panel-narrow w-full">
    <div class="flex items-baseline justify-between mb-6">
      <h1 class="display-1">Today</h1>
      <span class="text-sm" style="color: var(--text-muted)">
        {{ reminders|length }} reminder{{ 's' if reminders|length != 1 else '' }}
      </span>
    </div>

    {% if reminders %}
      <div class="space-y-4">
        {% for r in reminders %}
          {% set progress = progresses[r.id] %}
          {% include "partials/reminder_card.html" %}
        {% endfor %}
      </div>
    {% else %}
      <div class="text-center py-8">
        <p style="color: var(--text-secondary)" class="mb-4">No reminders configured yet.</p>
        <a href="/reminders/new" class="btn-cozy btn-cozy-primary">Add your first reminder</a>
      </div>
    {% endif %}
  </div>
</div>
{% endblock %}