{% extends "base.html" %}
{% block title %}Search - Illustrations DB{% endblock %}
{% block content %}
  <div class="panel">
    <form method="get" action="/search/">
      <div class="row">
        <div>
          <label>Search (supports * and ?)</label>
          <input type="text" name="q" value="{{ q|default:'' }}" placeholder="e.g., Default, Organization or Matt 12:30 or *loyal*" />
        </div>
        <div>
          <label>Fields to search</label>
          <div style="display:grid; grid-template-columns: 1fr 1fr; gap:6px; padding-top:6px;">
            {% for f in fields %}
              <label><input type="checkbox" name="fields" value="{{ f }}" {% if f in selected %}checked{% endif %}> {{ f }}</label>
            {% endfor %}
          </div>
        </div>
      </div>
      <div style="margin-top:12px; display:flex; gap:10px; justify-content:flex-end;">
        <a class="btn" href="/search/">Clear</a>
        <button class="btn primary" type="submit">Search</button>
      </div>
    </form>
  </div>
  <div class="stats" style="margin-top:12px;">
    <div>Total entries: <strong>{{ total }}</strong></div>
    {% if results_count %}<div>Results: <strong>{{ results_count }}</strong></div>{% endif %}
  </div>
  {% if results_count %}
  <div class="panel" style="margin-top:12px;">
    <p>Opening first result…</p>
  </div>
  {% endif %}
{% endblock %}