{% extends "admin/base.html" %}
{% block title %}Search{% endblock %}
{% block content %}
<h2 class="page-title mb-3">Search all models</h2>
<form method="get" action="/admin/search" class="input-group mb-4">
  <input type="search" name="q" value="{{ q }}" maxlength="200" class="form-control" placeholder="Search all models" aria-label="Search all models" autofocus/>
  <button class="btn btn-primary" type="submit">Search</button>
</form>
{% for match in matches %}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">{{ match.name }}</h3><a href="{{ match.url }}" class="ms-auto">See all matches</a></div>
  <div class="list-group list-group-flush">
    {% for result in match.results %}
    <a href="{{ result.url }}" class="list-group-item list-group-item-action">
      <div class="fw-medium">{{ result.label }}</div>
      <div class="text-secondary">{% for text, marked in result.segments %}{% if marked %}<mark>{{ text }}</mark>{% else %}{{ text }}{% endif %}{% endfor %}</div>
    </a>
    {% endfor %}
  </div>
</div>
{% else %}
<p class="text-secondary">{{ 'No matches found.' if q else 'Enter a search term to find records across your models.' }}</p>
{% endfor %}
{% endblock %}