{% extends "base.html" %}
{% block title %}New memory — {{ bank.title }}{% endblock %}
{% block window_title %}New memory - {{ bank.title }}{% endblock %}
{% block content %}
<div class="page-heading">
  <h1>{% if first_memory %}Add your first memory{% else %}Add memory{% endif %}</h1>
</div>
<p class="meta">Bank: {{ bank.title }}</p>
<div class="canvas">
{% if error %}<p class="empty-hint" style="color:#800000">{{ error }}</p>{% endif %}

{% if first_memory %}
<p class="meta first-run-form-hint">
  Fill the shape below with <strong>your</strong> timeline. Specifics matter — amounts, decisions, titles —
  so Claude can reconstruct what happened when.
</p>
<div class="memory-shape" aria-hidden="true">
  <div class="memory-shape-row"><span class="memory-shape-key">Title</span><span class="memory-shape-val">short label</span></div>
  <div class="memory-shape-row"><span class="memory-shape-key">Event date</span><span class="memory-shape-val">when it happened</span></div>
  <div class="memory-shape-row"><span class="memory-shape-key">Note</span><span class="memory-shape-val">exact details you care about later</span></div>
</div>
{% endif %}

<form method="post" action="/banks/{{ bank.id }}/memories">
  <label for="title">Title</label>
  <input type="text" id="title" name="title" required placeholder="Short label for what happened" value="{{ title or '' }}">

  <label for="event_date">Event date</label>
  <input type="date" id="event_date" name="event_date" required value="{{ event_date or '' }}">

  <label for="entities">Tags (optional, comma-separated)</label>
  <p class="meta field-hint">Help Claude find these memories later — people, projects, topics.</p>
  <input type="text" id="entities" name="entities" placeholder="project name, topic, …" value="{{ entities or '' }}">

  <label for="content">Note</label>
  <textarea id="content" name="content" required placeholder="What happened — keep the specific details you’ll want later.">{{ content or '' }}</textarea>

  <div class="actions">
    <button type="submit" class="primary">{% if first_memory %}Save &amp; get Claude prompt{% else %}Save memory{% endif %}</button>
    <a class="btn" href="/banks/{{ bank.id }}">Cancel</a>
  </div>
</form>
</div>
{% endblock %}