{% extends "base.html" %}
{#
  search.html — results from the search collection envelope (`env.body`). The
  machine representations are /search.json and /search.md (Accept-negotiated too).
#}
{% block title %}search — {{ station.name }}{% endblock %}
{% block head_extra %}
  <link rel="alternate" type="text/markdown" href="/search.md{% if q %}?q={{ q | urlencode }}{% endif %}">
  <link rel="alternate" type="application/json" href="/search.json{% if q %}?q={{ q | urlencode }}{% endif %}">
{% endblock %}
{% block content %}
<main id="main" class="skein-page">
  <h1>Search</h1>
  <form class="search-form" action="/search" method="get" role="search">
    <input type="search" name="q" value="{{ q }}" placeholder="search folios" aria-label="search folios" autofocus>
    <button type="submit">go</button>
  </form>

  {% if q %}
  <p class="meta">{{ env.body | length }} result(s) for &ldquo;{{ q }}&rdquo;.</p>
  <ul class="entry-list">
    {% for e in env.body %}
    <li class="entry">
      <span class="type-tag">{{ e.type }}</span>
      <a href="{{ e.href }}">{{ e.title | clean_title(e.address) }}</a>
      {% if e.snippet %}<p class="snippet">{{ e.snippet }}</p>{% endif %}
      <div class="meta cryptography">{{ e.address }}</div>
    </li>
    {% else %}
    <li class="meta">No matches.</li>
    {% endfor %}
  </ul>
  {% endif %}
</main>
{% endblock %}