{% extends "base.html" %}
{% block content %}
<div class="page-header"><h1>Search Results {% if q %}for "{{ q }}"{% endif %}</h1></div>
<form method="get" class="mb-4"><input type="search" name="q" class="form-control" value="{{ q }}" placeholder="Search everything..." autofocus></form>

{% if q and total == 0 %}
  <div class="empty-state"><i class="fa-solid fa-magnifying-glass"></i><p>No results found for "{{ q }}".</p></div>
{% endif %}

{% if results.pages %}
<div class="card-panel mb-3">
  <h2 class="h6">Documentation</h2>
  {% for p in results.pages %}
    <div class="border-bottom py-2"><a href="/kb/books/{{ p.book.slug }}/pages/{{ p.slug }}" class="fw-semibold text-decoration-none">{{ p.title }}</a>
      <div class="text-muted small">{{ p.book.name }} · {{ p.summary[:120] }}</div></div>
  {% endfor %}
</div>
{% endif %}

{% if results.troubleshooting %}
<div class="card-panel mb-3">
  <h2 class="h6">Troubleshooting</h2>
  {% for a in results.troubleshooting %}
    <div class="border-bottom py-2"><a href="/troubleshooting/{{ a.slug }}" class="fw-semibold text-decoration-none">{{ a.title }}</a>
      <div class="text-muted small">{{ a.affected_platform }} · {{ a.affected_service }}</div></div>
  {% endfor %}
</div>
{% endif %}

{% if results.sops %}
<div class="card-panel mb-3">
  <h2 class="h6">SOPs</h2>
  {% for s in results.sops %}
    <div class="border-bottom py-2"><a href="/sops/{{ s.slug }}" class="fw-semibold text-decoration-none">{{ s.title }}</a></div>
  {% endfor %}
</div>
{% endif %}

{% if results.servers %}
<div class="card-panel mb-3">
  <h2 class="h6">Servers</h2>
  {% for s in results.servers %}
    <div class="border-bottom py-2"><a href="/servers/{{ s.id }}" class="fw-semibold text-decoration-none">{{ s.hostname }}</a>
      <div class="text-muted small">{{ s.ip_address }}</div></div>
  {% endfor %}
</div>
{% endif %}

{% if results.incidents %}
<div class="card-panel mb-3">
  <h2 class="h6">Incidents</h2>
  {% for i in results.incidents %}
    <div class="border-bottom py-2"><a href="/incidents/{{ i.id }}" class="fw-semibold text-decoration-none">{{ i.incident_number }} — {{ i.title }}</a></div>
  {% endfor %}
</div>
{% endif %}

{% if results.changes %}
<div class="card-panel mb-3">
  <h2 class="h6">Changes</h2>
  {% for c in results.changes %}
    <div class="border-bottom py-2"><a href="/changes/{{ c.id }}" class="fw-semibold text-decoration-none">{{ c.change_number }} — {{ c.title }}</a></div>
  {% endfor %}
</div>
{% endif %}

{% if results.control_panels or results.services or results.tags %}
<div class="card-panel">
  <h2 class="h6">Reference</h2>
  {% for cp in results.control_panels %}<span class="tag-pill">Control Panel: {{ cp.name }}</span>{% endfor %}
  {% for svc in results.services %}<span class="tag-pill">Service: {{ svc.name }}</span>{% endfor %}
  {% for t in results.tags %}<span class="tag-pill">{{ t.name }}</span>{% endfor %}
</div>
{% endif %}
{% endblock %}