{% extends 'netbox_ip_history/base.html' %}
{% load i18n %}

{% block title %}{% trans "Import Jobs" %}{% endblock %}

{% block page_title %}{% trans "Import Jobs" %}{% endblock %}

{% block ip_history_content %}
<div class="row mb-3" id="results">
  <div class="col-auto ms-auto d-print-none">
    <a href="{% url 'plugins:netbox_ip_history:import' %}" class="btn btn-primary btn-sm">
      <i class="mdi mdi-plus-thick me-1"></i> {% trans "Add Import" %}
    </a>
  </div>
</div>

<div class="card shadow-sm border">
  <div class="htmx-container table-responsive" id="object_list">
    <table class="table table-hover object-list mb-0 align-middle">
      <thead>
        <tr>
          <th class="orderable">{% trans "ID" %}</th>
          <th class="orderable">{% trans "Source" %}</th>
          <th class="orderable">{% trans "Started" %}</th>
          <th class="orderable">{% trans "Status" %}</th>
          <th class="orderable">{% trans "Total" %}</th>
          <th class="orderable">{% trans "Created" %}</th>
          <th class="orderable">{% trans "Errors" %}</th>
          <th class="noprint text-end pe-3" aria-label="{% trans "Actions" %}"></th>
        </tr>
      </thead>
      <tbody>
        {% for job in jobs %}
        <tr class="{% cycle 'even' 'odd' %}">
          <td class="font-monospace fw-bold">
            <a href="{% url 'plugins:netbox_ip_history:import_job' job.pk %}" class="text-decoration-none">#{{ job.pk }}</a>
          </td>
          <td>
            <span class="badge text-bg-secondary"><i class="mdi mdi-database me-1"></i>{{ job.source.name }}</span>
          </td>
          <td class="font-monospace small text-secondary">
            {{ job.started|date:"Y-m-d H:i" }}
          </td>
          <td>
            {% if job.status == 'completed' %}
              <span class="badge text-bg-success"><i class="mdi mdi-check-circle-outline me-1"></i>{% trans "Completed" %}</span>
            {% elif job.status == 'dry_run' %}
              <span class="badge text-bg-info"><i class="mdi mdi-flask-outline me-1"></i>{% trans "Dry Run" %}</span>
            {% elif job.status == 'rolled_back' %}
              <span class="badge text-bg-secondary"><i class="mdi mdi-undo-variant me-1"></i>{% trans "Rolled Back" %}</span>
            {% elif job.status == 'failed' %}
              <span class="badge text-bg-danger"><i class="mdi mdi-alert-circle-outline me-1"></i>{% trans "Failed" %}</span>
            {% elif job.status == 'running' %}
              <span class="badge text-bg-warning"><i class="mdi mdi-progress-clock me-1"></i>{% trans "Running" %}</span>
            {% else %}
              <span class="badge text-bg-secondary">{{ job.get_status_display }}</span>
            {% endif %}
          </td>
          <td class="font-monospace fw-semibold">{{ job.total_records }}</td>
          <td class="font-monospace text-success fw-semibold">{{ job.created_records }}</td>
          <td class="font-monospace text-danger fw-semibold">{{ job.error_records }}</td>
          <td class="noprint text-end pe-3">
            <a href="{% url 'plugins:netbox_ip_history:import_job' job.pk %}" class="btn btn-sm btn-outline-primary py-0 px-2" title="{% trans "View Details" %}">
              <i class="mdi mdi-eye-outline"></i>
            </a>
          </td>
        </tr>
        {% empty %}
        <tr>
          <td colspan="8" class="text-center text-muted py-5">
            <div class="d-flex flex-column align-items-center">
              <i class="mdi mdi-format-list-bulleted-type text-secondary fs-1 mb-2"></i>
              <span class="fw-semibold">{% trans "No import jobs executed yet." %}</span>
            </div>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>

    {% if jobs %}
    <div class="d-flex justify-content-between align-items-center border-top p-2 bg-body-tertiary">
      <small class="text-secondary">
        {% trans "Showing" %} {{ jobs|length }} {% trans "jobs" %}
      </small>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}