{% extends "base.html" %}
{% block title %}Search — LocalKeep{% endblock %}
{% block window_title %}Search - LocalKeep{% endblock %}
{% block content %}
<div class="page-heading">
  <h1>Search memories</h1>
</div>

<div class="canvas">
{% if not has_banks and not searched %}
<div class="first-run">
  <p class="first-run-lead">Nothing to search yet.</p>
  <p class="first-run-pitch">
    Search looks through <strong>your</strong> dated memories. Create a bank and add a few facts first.
  </p>
  <p class="first-run-cta">
    <a class="btn primary" href="/banks/new">Create your first bank</a>
  </p>
</div>
{% else %}
<form method="get" action="/search">
  <label for="q">Keywords</label>
  <input type="text" id="q" name="q" value="{{ q }}">

  <label for="entity">Person / entity</label>
  <input type="text" id="entity" name="entity" value="{{ entity }}">

  <label for="date_from">From date</label>
  <input type="date" id="date_from" name="date_from" value="{{ date_from }}">

  <label for="date_to">To date</label>
  <input type="date" id="date_to" name="date_to" value="{{ date_to }}">

  <div class="actions">
    <button type="submit" class="primary">Search</button>
  </div>
</form>

{% if searched %}
<hr style="border:none;border-top:1px solid #808080;margin:14px 0">
{% if error %}
<p class="empty-hint" style="color:#800000">{{ error }}</p>
{% else %}
<h2 style="font-size:13px;margin:0 0 8px">Results ({{ results | length }})</h2>
{% if results %}
{% for memory in results %}
<article class="memory-block">
  <h3>{{ memory.title }}</h3>
  <div class="meta">{{ memory.bank_title }} · {{ memory.event_date }}{% if memory.entities %} · {{ memory.entities | join(', ') }}{% endif %}</div>
  <p>{{ memory.content }}</p>
</article>
{% endfor %}
{% else %}
<p class="empty-hint">No memories matched your search.</p>
{% endif %}
{% endif %}
{% endif %}
{% endif %}
</div>
{% endblock %}