{% extends "layout/base.html" %}
{% block content %}
<h2 class="mb-3">Search</h2>

{% if query %}
<p class="text-muted mb-3">
  Query: <strong>{{ query }}</strong> | Total hits: <strong>{{ total_hits }}</strong>
</p>
{% else %}
<div class="alert alert-secondary py-2">
  Enter a search term in the top navigation bar.
</div>
{% endif %}

{% for section in sections %}
<div class="card mb-3" id="search-section-{{ section['key'] }}" style="scroll-margin-top: 96px;">
  <div class="card-header d-flex justify-content-between align-items-center">
    <span>{{ section['title'] }} ({{ section['total'] }})</span>
    <a href="{{ section['view_all_url'] }}" class="btn btn-sm btn-outline-secondary">Open {{ section['title'] }}</a>
  </div>
  {% if section['key'] == 'daily_jobs' %}
  <div class="px-3 py-2 small text-muted border-bottom">
    Note: The Daily Jobs page itself only shows results for the selected day. Search results can include matches that relate to jobs across other days.
  </div>
  {% endif %}
  <div class="card-body p-0">
    {% if section['items'] %}
    <div class="table-responsive">
      <table class="table table-sm mb-0 align-middle">
        <thead class="table-light">
          <tr>
            <th>Result</th>
            <th>Details</th>
            <th>Meta</th>
          </tr>
        </thead>
        <tbody>
          {% for item in section['items'] %}
          <tr>
            <td>
              {% if item.link %}
              <a href="{{ item.link }}">{{ item.title }}</a>
              {% else %}
              {{ item.title }}
              {% endif %}
            </td>
            <td>{{ item.subtitle }}</td>
            <td>{{ item.meta }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}
    <div class="p-3 text-muted">No results in this section.</div>
    {% endif %}
  </div>
  {% if section['total_pages'] > 1 %}
  <div class="card-footer d-flex justify-content-between align-items-center small">
    <span class="text-muted">
      Page {{ section['current_page'] }} of {{ section['total_pages'] }} ({{ section['total'] }} results)
    </span>
    <div class="d-flex gap-2">
      {% if section['has_prev'] %}
      <a class="btn btn-sm btn-outline-secondary" href="{{ section['prev_url'] }}#search-section-{{ section['key'] }}">Previous</a>
      {% endif %}
      {% if section['has_next'] %}
      <a class="btn btn-sm btn-outline-secondary" href="{{ section['next_url'] }}#search-section-{{ section['key'] }}">Next</a>
      {% endif %}
    </div>
  </div>
  {% endif %}
</div>
{% endfor %}
{% endblock %}