{% extends "base.html" %}
{% block title %}All notes — mdmem{% endblock %}
{% block content %}
<h1>All notes <small>{{ rows|length }}</small></h1>
{% if cloud %}
<p class="cloud">{% for t, n in cloud %}<a class="tag" href="/ui/browse?tag={{ t }}">#{{ t }} <span class="badge">{{ n }}</span></a>{% endfor %}</p>
{% endif %}
<form method="get" class="filters">
  <select name="state" aria-label="Lifecycle state">
    <option value="">All states</option>
    {% for s in ['inbox','active','archive'] %}<option value="{{ s }}" {% if state == s %}selected{% endif %}>{{ s }}</option>{% endfor %}
  </select>
  <input type="text" name="tag" value="{{ tag }}" placeholder="Tag" aria-label="Tag">
  <button type="submit">Filter</button>
</form>
<div class="table-wrap">
<table>
  <thead><tr>
    <th class="wrap"><a href="/ui/browse?order=title&state={{ state }}&tag={{ tag }}">Title</a></th>
    <th><a href="/ui/browse?order=type&state={{ state }}&tag={{ tag }}">Type</a></th>
    <th><a href="/ui/browse?order=state&state={{ state }}&tag={{ tag }}">State</a></th>
    <th><a href="/ui/browse?order=tags&state={{ state }}&tag={{ tag }}">Tags</a></th>
    <th><a href="/ui/browse?order=updated&state={{ state }}&tag={{ tag }}">Updated</a></th>
  </tr></thead>
  <tbody>
  {% for r in rows %}
    <tr class="{{ 'superseded' if r.superseded_by else '' }}">
      <td class="wrap"><a href="/ui/n/{{ r.id }}">{{ r.title }}</a>{% if r.revises %} <span class="pill warn">Revision</span>{% endif %}</td>
      <td>{{ r.type }}</td>
      <td>{{ r.state }}</td>
      <td class="wrap">{% for t in r.tags %}<span class="tag">#{{ t }}</span>{% endfor %}</td>
      <td>{{ r.updated }}</td>
    </tr>
  {% else %}
    <tr><td colspan="5" class="empty">No notes match this filter.</td></tr>
  {% endfor %}
  </tbody>
</table>
</div>
{% endblock %}