{% extends 'base.html' %}
{% block title %}Zoeken{% if term %}: {{ term }}{% endif %}{% endblock %}
{% block content %}
<div class="head"><div><div class="kicker">Zoeken</div><h1>{{ '“' ~ term ~ '”' if term else 'Zoeken' }}</h1></div></div>
{% if term|length < 2 %}
  <div class="card"><div class="card-body"><p class="empty">Typ minstens twee tekens in het zoekveld bovenaan.</p></div></div>
{% elif not groups %}
  <div class="card"><div class="card-body"><p class="empty">Niets gevonden. Zoek op naam, e-mailadres, telefoonnummer, plaats, offertenummer of SKU.</p></div></div>
{% else %}
  {% for grp in groups %}
  <div class="card"><div class="card-body">
    <h2>{{ grp.label }} <span class="count">{{ grp['items']|length }}{{ '+' if grp.more }}</span></h2>
    {% for i in grp['items'] %}
      <div class="agenda-row"><div><a href="{{ i.url }}">{{ i.title }}</a>{% if i.sub %}<div class="muted">{{ i.sub }}</div>{% endif %}</div></div>
    {% endfor %}
    {% if grp.more %}<p class="hint">Meer dan {{ grp['items']|length }} resultaten; maak de zoekterm specifieker.</p>{% endif %}
  </div></div>
  {% endfor %}
{% endif %}
{% endblock %}