{% extends 'base/layout.html' %}

{% block title %}Import Log — Job #{{ job_pk }}{% endblock %}

{% block content %}
<div class="row">
  <div class="col col-md-12">

    <div class="card">
      <h5 class="card-header">
        Import Log — Job #{{ job_pk }}
      </h5>
      <div class="card-body">
        {% if summary %}
        <div class="row mb-3">
          <div class="col-md-8">
            <dl class="row mb-0">
              <dt class="col-sm-3">Run by</dt>
              <dd class="col-sm-9">{{ summary.user }}</dd>
              <dt class="col-sm-3">Mode</dt>
              <dd class="col-sm-9">
                {% if summary.commit %}
                  <span class="badge text-bg-primary">commit</span>
                {% else %}
                  <span class="badge text-bg-secondary">dry run</span>
                {% endif %}
              </dd>
              <dt class="col-sm-3">Branch</dt>
              <dd class="col-sm-9">
                {% if summary.branch %}
                  {% if summary.branch_url %}
                    <a href="{{ summary.branch_url }}"><code>{{ summary.branch }}</code></a>
                  {% else %}
                    <code>{{ summary.branch }}</code>
                  {% endif %}
                  <span class="text-muted">— review, then merge to apply it to main</span>
                {% elif summary.commit %}
                  <span class="badge text-bg-warning">imported directly into main</span>
                {% else %}
                  <span class="text-muted">—</span>
                {% endif %}
              </dd>
              <dt class="col-sm-3">Started</dt>
              <dd class="col-sm-9">{{ summary.started }}</dd>
              <dt class="col-sm-3">Finished</dt>
              <dd class="col-sm-9">{{ summary.finished|default:"—" }}</dd>
              <dt class="col-sm-3">Result</dt>
              <dd class="col-sm-9">
                {% if summary.rollup.ok %}<span class="badge text-bg-success">{{ summary.rollup.ok }} ok</span>{% endif %}
                {% if summary.rollup.warning %}<span class="badge text-bg-warning">{{ summary.rollup.warning }} warning</span>{% endif %}
                {% if summary.rollup.failed %}<span class="badge text-bg-danger">{{ summary.rollup.failed }} failed</span>{% endif %}
              </dd>
            </dl>
          </div>
          <div class="col-md-4 text-end">
            <a class="btn btn-sm btn-outline-secondary" href="/core/jobs/{{ job_pk }}/">
              <i class="mdi mdi-open-in-new"></i> Job page
            </a>
            {% if has_debug %}
            <a class="btn btn-sm btn-outline-secondary"
               href="{% url 'plugins:netbox_device_importer:log_download' job_pk 'debug' %}">
              <i class="mdi mdi-download"></i> Full log
            </a>
            {% endif %}
            {% if has_user %}
            <a class="btn btn-sm btn-outline-secondary"
               href="{% url 'plugins:netbox_device_importer:log_download' job_pk 'user' %}">
              <i class="mdi mdi-download"></i> User log
            </a>
            {% endif %}
          </div>
        </div>
        {% else %}
        <p class="text-muted">
          No structured summary for this import (it may have run before summaries
          existed, or the summary failed to write). The downloadable logs below
          still hold the full detail.
        </p>
        <p>
          {% if has_debug %}
          <a class="btn btn-sm btn-outline-secondary"
             href="{% url 'plugins:netbox_device_importer:log_download' job_pk 'debug' %}">
            <i class="mdi mdi-download"></i> Full log
          </a>
          {% endif %}
          {% if has_user %}
          <a class="btn btn-sm btn-outline-secondary"
             href="{% url 'plugins:netbox_device_importer:log_download' job_pk 'user' %}">
            <i class="mdi mdi-download"></i> User log
          </a>
          {% endif %}
        </p>
        {% endif %}
      </div>
    </div>

    {% if summary.devices %}
    <div class="accordion mt-3" id="deviceAccordion">
      {% for device in summary.devices %}
      <div class="accordion-item">
        <h2 class="accordion-header" id="devHead{{ forloop.counter }}">
          <button class="accordion-button collapsed" type="button"
                  data-bs-toggle="collapse" data-bs-target="#devBody{{ forloop.counter }}"
                  aria-expanded="false" aria-controls="devBody{{ forloop.counter }}">
            {% if device.status == 'ok' %}
              <i class="mdi mdi-check-circle text-success me-2"></i>
            {% elif device.status == 'warning' %}
              <i class="mdi mdi-alert text-warning me-2"></i>
            {% else %}
              <i class="mdi mdi-close-circle text-danger me-2"></i>
            {% endif %}
            <strong class="me-2">{{ device.ip }}</strong>
            <span class="text-muted">{{ device.summary }}</span>
          </button>
        </h2>
        <div id="devBody{{ forloop.counter }}" class="accordion-collapse collapse"
             aria-labelledby="devHead{{ forloop.counter }}"
             data-bs-parent="#deviceAccordion">
          <div class="accordion-body">
            {% if device.counts %}
            <p>
              {% for key, value in device.counts.items %}
                {% if value %}
                <span class="badge {% if key == 'deleted' %}text-bg-danger{% elif key == 'extra' %}text-bg-warning{% else %}text-bg-secondary{% endif %}">{{ value }} {{ key }}</span>
                {% endif %}
              {% endfor %}
            </p>
            {% endif %}
            {% if device.detail %}
            <pre class="mb-0" style="white-space: pre-wrap;">{% for line in device.detail %}{{ line }}
{% endfor %}</pre>
            {% else %}
            <p class="text-muted mb-0">No detail recorded.</p>
            {% endif %}
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
    {% endif %}

    {% include 'netbox_device_importer/inc/version_footer.html' %}
  </div>
</div>
{% endblock %}