{% extends "base.html" %}
{% block title %}Jobs — alembic{% endblock %}
{% block content %}
<div class="page-header">
  <div>
    <h1>Jobs</h1>
    <p class="subtitle muted">Maintenance runs on their own schedule, or trigger them manually here.</p>
  </div>
</div>

<h2>Maintenance jobs</h2>
<div class="table-wrap scroll">
  <table>
    <thead><tr><th>Job</th><th>Status</th><th>Next run</th><th></th></tr></thead>
    <tbody>
      {% for job in maintenance_jobs %}
      <tr>
        <td>
          <div class="mono">{{ job.job_key }}</div>
          {% if job.description %}<div class="muted" style="font-size:0.8em; margin-top:0.15rem;" title="{{ job.description }}">{{ job.description }}</div>{% endif %}
        </td>
        <td>{% if job.enabled %}<span class="badge badge-success">enabled</span>{% else %}<span class="badge badge-muted">disabled</span>{% endif %}</td>
        <td class="muted mono">{{ job.next_run }}</td>
        <td class="actions-cell">
          <form method="post" action="/jobs/{{ job.job_key }}/run" class="inline">
            <button type="submit" class="btn btn-sm">Run now</button>
          </form>
          <form method="post" action="/jobs/{{ job.job_key }}/toggle" class="inline">
            <button type="submit" class="btn btn-sm btn-ghost">{{ "Disable" if job.enabled else "Enable" }}</button>
          </form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
<p class="muted">Playlist syncs are triggered from each playlist's own page.</p>

<h2>Recent runs</h2>
<div class="table-wrap scroll">
  <table>
    <thead><tr><th>Job</th><th>Status</th><th>Triggered by</th><th>Summary</th><th></th></tr></thead>
    <tbody id="runs-tbody" hx-get="/jobs/_runs_table" hx-trigger="every 5s" hx-swap="innerHTML">
      {% include "jobs/_runs_table.html" %}
    </tbody>
  </table>
</div>
{% endblock %}