{% extends "base.html" %}

{% block title %}Update Results{% endblock %}

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

  <section class="update-panel" aria-label="Update results">
    <div class="panel-heading">
      <div>
        <p class="eyebrow">Library Update</p>
        <h2>Update Results</h2>
      </div>
      <span class="status-pill">{{ summary }}</span>
    </div>

    {% if results %}
      <table class="library-table">
        <thead>
          <tr>
            <th scope="col">ID</th>
            <th scope="col">Title</th>
            <th scope="col">Status</th>
            <th scope="col">New</th>
            <th scope="col">Total</th>
            <th scope="col">Message</th>
          </tr>
        </thead>
        <tbody>
          {% for result in results %}
            <tr>
              <td class="numeric">{{ result.novel_id }}</td>
              <td><a class="text-link" href="/library/{{ result.novel_id }}">{{ result.title }}</a></td>
              <td>{{ result.status }}</td>
              <td class="numeric">{{ result.new_chapter_count }}</td>
              <td class="numeric">{{ result.total_chapter_count }}</td>
              <td>{{ result.message or "" }}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% else %}
      <div class="empty-state">
        <h2>No updatable library entries</h2>
      </div>
    {% endif %}
  </section>
{% endblock %}