{% extends "base.html" %}

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

{% block content %}
<div class="flex justify-center pt-12">
  <div class="panel panel-wide w-full">
    <div class="flex items-center justify-between mb-6">
      <h1 class="display-1">Reminders</h1>
      <a href="/reminders/new" class="btn-cozy btn-cozy-primary">+ New reminder</a>
    </div>

    {% if reminders %}
      <div class="divide-y divide-white/10">
        {% for r in reminders %}
          {% include "partials/reminder_row.html" %}
        {% endfor %}
      </div>
    {% else %}
      <p style="color: var(--text-secondary)" class="text-center py-8">
        No reminders yet. Click "New reminder" to add one.
      </p>
    {% endif %}
  </div>
</div>
{% endblock %}