{% extends "base.html" %}
{% block title %}All Jobs — ContentBot{% endblock %}
{% block page_title %}All Jobs{% endblock %}

{% block content %}
<div class="card">
  <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom: 20px;">
    <div class="card-title" style="margin-bottom:0;">Jobs History</div>
    <a href="{{ url_for('dashboard') }}" class="btn btn-ghost btn-sm">← Back to Dashboard</a>
  </div>

  {% if jobs %}
  <table style="width: 100%;">
    <thead>
      <tr>
        <th>Job ID</th>
        <th>Website</th>
        <th>Create Date</th>
        <th>Status</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for job in jobs %}
      <tr>
        <td class="mono" style="font-size:12px">{{ job.id }}</td>
        <td>{{ job.website_name }}</td>
        <td style="font-size:12px; color:var(--text-muted)">{{ job.create_date }}</td>
        <td>
          <span class="badge badge-{{ job.status }}">{{ job.status }}</span>
        </td>
        <td style="text-align: right;">
          {% if job.status in ['running', 'queued'] %}
          <a href="{{ url_for('stop_job', job_id=job.id) }}" class="btn btn-ghost btn-sm" style="color:var(--yellow);" onclick="return confirm('Stop this job? Cannot interrupt mid-flight keywords but will prevent further keywords.');">Stop</a>
          {% endif %}
          <a href="{{ url_for('job_view', job_id=job.id) }}" class="btn btn-ghost btn-sm">Logs →</a>
          <a href="{{ url_for('delete_job', job_id=job.id) }}" class="btn btn-ghost btn-sm" style="color:var(--red, red);" onclick="return confirm('Are you sure you want to delete this job?');">Delete</a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <div style="text-align: center; padding: 40px;">
    <p class="text-muted text-sm">No jobs have been run yet.</p>
    <a href="{{ url_for('generate') }}" class="btn btn-primary" style="margin-top:20px;">✦ Start New Job</a>
  </div>
  {% endif %}
</div>
{% endblock %}