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

<div class="table-responsive">
  <table class="table table-sm table-hover align-middle">
    <thead class="table-light">
      <tr>
        <th scope="col">Customer</th>
        <th scope="col">Backup</th>
        <th scope="col">Type</th>
        <th scope="col">Job name</th>
        <th scope="col">Archived at</th>
        <th scope="col" class="text-end">Actions</th>
      </tr>
    </thead>
    <tbody>
      {% if jobs %}
        {% for j in jobs %}
          <tr>
            <td>{{ j.customer_name }}</td>
            <td>{{ j.backup_software }}</td>
            <td>{{ j.backup_type }}</td>
            <td>
              <a class="text-decoration-none" href="{{ url_for('main.job_detail', job_id=j.id) }}">{{ j.job_name }}</a>
            </td>
            <td>{{ j.archived_at|local_datetime }}</td>
            <td class="text-end">
              <form method="post" action="{{ url_for('main.unarchive_job', job_id=j.id) }}" style="display:inline;">
                <button type="submit" class="btn btn-sm btn-outline-secondary">Restore</button>
              </form>
            </td>
          </tr>
        {% endfor %}
      {% else %}
        <tr>
          <td colspan="6" class="text-center text-muted py-3">
            No archived jobs found.
          </td>
        </tr>
      {% endif %}
    </tbody>
  </table>
</div>
{% endblock %}