{% extends 'base.html' %}{% block title %}Memos — {{ brand }}{% endblock %}
{% block content %}
<form class="card glass p-4 max-w-2xl" method="post" action="/memos/add">
  <label class="block mb-2">Memo<textarea class="w-full" name="memo" rows="2" required></textarea></label>
  <label>Remind at <input type="datetime-local" name="reminder_time"></label>
  <div class="mt-3 text-right"><button class="btn bg-accent font-semibold">Add</button></div>
</form>
<div class="grid md:grid-cols-2 gap-4 mt-6">
  {% for m in memos %}
  <article class="card glass p-4">
    <div class="text-sm text-white/60">{{ (m.reminder_time|string)[:16] if m.reminder_time else 'No reminder' }}</div>
    <div class="mt-1 whitespace-pre-wrap">{{ m.memo }}</div>
    <div class="mt-3 flex gap-2">
      <form method="post" action="/memos/{{m.id}}/complete"><button class="btn text-xs">Complete</button></form>
      <form method="post" action="/memos/{{m.id}}/delete"><button class="btn text-xs">Delete</button></form>
    </div>
  </article>
  {% endfor %}
</div>
{% endblock %}