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

{% block title %}{% trans "Import Result" %} | {% trans "NetBox Ip History" %}{% endblock %}

{% block page_title %}{% trans "Import Job" %} #{{ job.pk }} {% trans "Result" %}{% endblock %}
{% block page_subtitle %}{% trans "Import validation and processing summary" %}{% endblock %}

{% block ip_history_content %}
<div class="card mb-3">
  <div class="card-header d-flex align-items-center justify-content-between py-2 px-3">
    <div class="d-flex align-items-center">
      <i class="mdi mdi-clipboard-check-outline text-success me-2 fs-5"></i>
      <h5 class="card-title mb-0 fw-semibold">{% trans "Import Job" %} #{{ job.pk }} {% trans "Result" %}</h5>
    </div>
    <div>
      {% if job.status == 'completed' %}
        <span class="badge text-bg-success fs-6 px-3 py-1">{% trans "Completed" %}</span>
      {% elif job.status == 'dry_run' %}
        <span class="badge text-bg-info fs-6 px-3 py-1">{% trans "Dry Run Analyzed" %}</span>
      {% elif job.status == 'failed' %}
        <span class="badge text-bg-danger fs-6 px-3 py-1">{% trans "Failed" %}</span>
      {% else %}
        <span class="badge text-bg-secondary fs-6 px-3 py-1">{{ job.get_status_display }}</span>
      {% endif %}
    </div>
  </div>
  <div class="card-body p-4">
    {% if job.status == 'dry_run' or job.dry_run %}
    <div class="alert alert-info d-flex align-items-center mb-4" role="alert">
      <i class="mdi mdi-information-outline fs-4 me-3 text-info"></i>
      <div>
        <h6 class="alert-heading mb-1 fw-bold">{% trans "Dry Run Simulation Complete" %}</h6>
        <span>{% trans "No records were saved to the database. Uncheck 'Dry Run Validation' to perform a live import." %}</span>
      </div>
    </div>
    {% else %}
    <div class="alert alert-success d-flex align-items-center mb-4" role="alert">
      <i class="mdi mdi-check-circle-outline fs-4 me-3 text-success"></i>
      <div>
        <h6 class="alert-heading mb-1 fw-bold">{% trans "Import Completed Successfully" %}</h6>
        <span>{% trans "Records have been validated and saved to NetBox IP History." %}</span>
      </div>
    </div>
    {% endif %}

    <!-- Stat Counter Cards -->
    <div class="row g-3 mb-4">
      <div class="col-12 col-sm-6 col-md-3">
        <div class="card border border-start border-4 border-primary">
          <div class="card-body py-3 px-3">
            <div class="text-secondary small text-uppercase fw-bold">{% trans "Total Records" %}</div>
            <div class="fs-3 fw-bold text-primary mt-1">{{ job.total_records }}</div>
          </div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-3">
        <div class="card border border-start border-4 border-success">
          <div class="card-body py-3 px-3">
            <div class="text-secondary small text-uppercase fw-bold">
              {% if job.dry_run %}{% trans "Valid / Createable" %}{% else %}{% trans "Created Events" %}{% endif %}
            </div>
            <div class="fs-3 fw-bold text-success mt-1">{{ job.created_records }}</div>
          </div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-3">
        <div class="card border border-start border-4 border-warning">
          <div class="card-body py-3 px-3">
            <div class="text-secondary small text-uppercase fw-bold">{% trans "Duplicate Records" %}</div>
            <div class="fs-3 fw-bold text-warning mt-1">{{ job.duplicate_records }}</div>
          </div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-3">
        <div class="card border border-start border-4 border-danger">
          <div class="card-body py-3 px-3">
            <div class="text-secondary small text-uppercase fw-bold">{% trans "Errors" %}</div>
            <div class="fs-3 fw-bold text-danger mt-1">{{ job.error_records }}</div>
          </div>
        </div>
      </div>
    </div>

    <!-- Job Details Table -->
    <div class="card mb-4">
      <div class="card-body p-0">
        <table class="table table-hover attr-table mb-0">
          <tbody>
            <tr>
              <th scope="row" class="w-25 ps-3">{% trans "Source Name" %}</th>
              <td class="fw-semibold">{{ job.source.name }}</td>
            </tr>
            <tr>
              <th scope="row" class="ps-3">{% trans "File Name" %}</th>
              <td class="font-monospace">{{ job.filename }}</td>
            </tr>
            <tr>
              <th scope="row" class="ps-3">{% trans "Processed Mode" %}</th>
              <td><span class="badge text-bg-secondary">{{ job.get_import_mode_display }}</span></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>

    {% if job.error_details %}
    <!-- Error Details Box -->
    <div class="card border-danger mb-4">
      <div class="card-header bg-danger text-white py-2 px-3 fw-semibold">
        <i class="mdi mdi-alert-circle-outline me-1"></i> {% trans "Error Details" %} ({{ job.error_details|length }})
      </div>
      <div class="card-body p-3">
        <pre class="json-viewer mb-0 font-monospace text-danger"><code>{{ job.error_details }}</code></pre>
      </div>
    </div>
    {% endif %}

    <!-- Action Buttons -->
    <div class="d-flex flex-wrap gap-2">
      <a href="{% url 'plugins:netbox_ip_history:import_jobs' %}" class="btn btn-primary">
        <i class="mdi mdi-format-list-bulleted me-1"></i> {% trans "View All Import Jobs" %}
      </a>
      <a href="{% url 'plugins:netbox_ip_history:import' %}" class="btn btn-outline-secondary">
        <i class="mdi mdi-upload me-1"></i> {% trans "Upload Another File" %}
      </a>
      {% if not job.dry_run and job.created_records > 0 %}
      <a href="{% url 'plugins:netbox_ip_history:history' %}" class="btn btn-success">
        <i class="mdi mdi-magnify me-1"></i> {% trans "Search Imported Events" %}
      </a>
      {% endif %}
    </div>
  </div>
</div>
{% endblock %}