{% extends "base.html" %}
{% from "_tree.html" import render_tree %}
{% block title %}Memories · Retain{% endblock %}
{% block content %}
<div class="workspace">
  <aside class="sidebar panel">
    <div class="section-heading"><span>Categories</span><a href="{{ url_for('categories') }}">Manage</a></div>
    {% if category_tree %}{{ render_tree(category_tree, selected) }}
    {% else %}<p class="muted">Create a category to begin.</p>{% endif %}
  </aside>
  <section class="content-column">
    {% if error %}<div class="notice error">{{ error }}</div>{% endif %}
    {% if selected %}
      <div class="page-heading">
        <div>
          <nav class="breadcrumbs" aria-label="Category path">
            {% for crumb in category_crumbs %}
              {% if not loop.last and crumb.exists %}<a href="{{ url_for('index', category=crumb.name) }}">{{ crumb.label }}</a>
              {% else %}<span{% if loop.last %} aria-current="page"{% endif %}>{{ crumb.label }}</span>{% endif %}
            {% endfor %}
          </nav>
          <h1>{{ category_crumbs[-1].label }}</h1>
          {% if selected_description %}<p class="category-description">{{ selected_description }}</p>{% endif %}
        </div>
        <span class="count">{{ memories|length }} memories</span>
      </div>
      <form class="composer panel" method="post" action="{{ url_for('create_memory') }}">
        <input type="hidden" name="category" value="{{ selected }}">
        <label for="content">New memory</label>
        <textarea id="content" name="content" rows="3" required placeholder="What should be retained?"></textarea>
        <div class="form-row">
          <label>Priority
            <select name="priority">{% for priority in range(1, 6) %}<option value="{{ priority }}"{% if priority == default_priority %} selected{% endif %}>{{ priority }}</option>{% endfor %}</select>
          </label>
          <button type="submit">Add memory</button>
        </div>
      </form>
      <div class="memory-list">
      {% for memory in memories %}
        <article class="memory-card panel priority-{{ memory.priority }}">
          <div class="memory-meta"><span>Priority {{ memory.priority }}</span><time>{{ memory.updated_at[:10] }}</time></div>
          <p>{{ memory.content }}</p>
          <div class="actions">
            <a class="button secondary" href="{{ url_for('edit_memory', memory_id=memory.id) }}">Edit</a>
            <form method="post" action="{{ url_for('delete_memory', memory_id=memory.id) }}" onsubmit="return confirm('Delete this memory?')"><button class="danger ghost" type="submit">Delete</button></form>
          </div>
        </article>
      {% else %}<div class="empty panel">No memories here yet.</div>{% endfor %}
      </div>
    {% else %}
      <div class="empty panel"><h1>No categories yet</h1><p>Create one from the Categories page.</p><a class="button" href="{{ url_for('categories') }}">Create category</a></div>
    {% endif %}
  </section>
</div>
{% endblock %}