{% extends "base.html" %}

{% block title %}Search Results{% endblock %}

{% block content %}
  <nav class="subnav" aria-label="Navigation">
    <a class="text-link" href="/">Back to library</a>
  </nav>

  <section class="search-panel" aria-label="Search sources">
    <form class="search-form" action="/search" method="get">
      <label>
        Keyword
        <input name="keyword" type="search" required value="{{ keyword }}">
      </label>
      <label>
        Source
        <select name="rule_id">
          <option value="">All</option>
          {% for rule in searchable_rules %}
            <option value="{{ rule.id }}" {% if rule.id == rule_id %}selected{% endif %}>{{ rule.name }}</option>
          {% endfor %}
        </select>
      </label>
      <label>
        Limit
        <input name="limit" type="number" min="1" max="100" value="{{ limit }}">
      </label>
      <button type="submit">Search</button>
    </form>
  </section>

  <section class="search-results-panel" aria-label="Search results">
    <div class="panel-heading">
      <div>
        <p class="eyebrow">Search</p>
        <h2>{{ keyword }}</h2>
      </div>
      <span class="status-pill">{{ summary }}</span>
    </div>

    {% if results %}
      <table class="library-table">
        <thead>
          <tr>
            <th scope="col">Source</th>
            <th scope="col">Title</th>
            <th scope="col">Author</th>
            <th scope="col">URL</th>
            <th scope="col">Download</th>
          </tr>
        </thead>
        <tbody>
          {% for result in results %}
            <tr>
              <td>{{ result.source_name }}</td>
              <td>{{ result.title }}</td>
              <td>{{ result.author or "" }}</td>
              <td><a class="text-link" href="{{ result.url }}">{{ result.url }}</a></td>
              <td>
                <form class="inline-download-form" action="/downloads" method="post">
                  <input type="hidden" name="url" value="{{ result.url }}">
                  <input type="hidden" name="format" value="epub">
                  <input type="hidden" name="save" value="on">
                  <button type="submit">Download</button>
                </form>
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% else %}
      <div class="empty-state">
        <h2>No search results</h2>
      </div>
    {% endif %}

    {% if failures %}
      <div class="search-failures" aria-label="Search failures">
        <h3>Search failures</h3>
        <ul>
          {% for failure in failures %}
            <li><strong>{{ failure.source_name }}</strong> ({{ failure.rule_id }}): {{ failure.message }}</li>
          {% endfor %}
        </ul>
      </div>
    {% endif %}
  </section>
{% endblock %}