{# SPDX-License-Identifier: Apache-2.0 #}
{# Copyright (C) 2025 Marcin Zieba <marcinpsk@gmail.com> #}
{% extends 'base/layout.html' %}

{% block title %}Import Results{% endblock %}

{% block head %}
<style>
  /* Badge colors using Tabler CSS variables (NetBox uses --tblr-* not --bs-*) */
  .ndi-badge-create  { background-color: var(--tblr-success) !important; color: #fff !important; }
  .ndi-badge-update  { background-color: var(--tblr-primary) !important; color: #fff !important; }
  .ndi-badge-skip    { background-color: var(--tblr-secondary) !important; color: #fff !important; }
  .ndi-badge-error   { background-color: var(--tblr-danger) !important; color: #fff !important; }
  .ndi-badge-ignored { background-color: var(--tblr-dark) !important; color: #fff !important; }
  .ndi-badge-rack    { background-color: var(--tblr-info) !important; color: #fff !important; }
  .ndi-badge-mfg     { background-color: var(--tblr-warning) !important; color: #000 !important; }
  .ndi-badge-dt      { background-color: #b8860b !important; color: #fff !important; }
  .ndi-badge-generic { background-color: var(--tblr-bg-surface-tertiary, var(--tblr-gray-100)) !important;
                       color: var(--tblr-body-color) !important;
                       border: 1px solid var(--tblr-border-color) !important; }
  [data-bs-theme="dark"] .ndi-badge-update  { color: #000 !important; }
  [data-bs-theme="dark"] .ndi-badge-dt      { background-color: #d4a017 !important; }
</style>
{% endblock %}

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

    <div class="card mb-3">
      <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0"><i class="mdi mdi-check-circle text-success"></i> Import Complete — Step 3 of 3</h5>
      </div>
      <div class="card-body">
        <div class="d-flex gap-3 flex-wrap mb-3">
          {% with c=result.counts %}
          <span class="badge fs-6 ndi-badge-create">{{ c.racks_created|default:0 }} rack{{ c.racks_created|default:0|pluralize }} created</span>
          <span class="badge fs-6 ndi-badge-create">{{ c.devices_created|default:0 }} device{{ c.devices_created|default:0|pluralize }} created</span>
          {% if c.racks_updated or c.devices_updated %}
          {% with racks_updated=c.racks_updated|default:0 devices_updated=c.devices_updated|default:0 %}
          <span class="badge fs-6 ndi-badge-update">{{ racks_updated|add:devices_updated }} updated</span>
          {% endwith %}
          {% endif %}
          {% if c.ignored %}<span class="badge fs-6 ndi-badge-ignored">{{ c.ignored }} ignored</span>{% endif %}
          {% if c.skipped %}<span class="badge fs-6 ndi-badge-skip">{{ c.skipped }} skipped</span>{% endif %}
          {% if c.errors %}<span class="badge fs-6 ndi-badge-error">{{ c.errors }} error{{ c.errors|pluralize }}</span>{% endif %}
          {% endwith %}
        </div>
        <a href="{% url 'plugins:netbox_data_import:import_setup' %}" class="btn btn-primary">
          <i class="mdi mdi-database-import"></i> New Import
        </a>
      </div>
    </div>

    <div class="card">
      <div class="table-responsive">
        <table class="table table-hover table-sm mb-0">
          <thead>
            <tr>
              <th>#</th>
              <th>Source ID</th>
              <th>Name</th>
              <th>Type</th>
              <th>Action</th>
              <th>Detail / Link</th>
            </tr>
          </thead>
          <tbody>
            {% for row in result.rows %}
            <tr class="
              {% if row.action == 'create' %}table-success
              {% elif row.action == 'update' %}table-primary
              {% elif row.action == 'skip' %}table-secondary
              {% elif row.action == 'error' %}table-danger
              {% endif %}
            ">
              <td class="text-muted">{{ row.row_number }}</td>
              <td><code>{{ row.source_id|default:"—" }}</code></td>
              <td>
                {% if row.netbox_url %}
                  <a href="{{ row.netbox_url }}">{{ row.name|default:"—" }}</a>
                {% else %}
                  {{ row.name|default:"—" }}
                {% endif %}
              </td>
              <td>
                {% if row.object_type == 'rack' %}
                  <span class="badge ndi-badge-rack">Rack</span>
                {% elif row.object_type == 'device' %}
                  <span class="badge ndi-badge-skip">Device</span>
                {% else %}
                  <span class="badge ndi-badge-generic">{{ row.object_type }}</span>
                {% endif %}
              </td>
              <td>
                {% if row.action == 'create' %}<span class="badge ndi-badge-create">Created</span>
                {% elif row.action == 'update' %}<span class="badge ndi-badge-update">Updated</span>
                {% elif row.action == 'skip' %}<span class="badge ndi-badge-skip">Skipped</span>
                {% elif row.action == 'error' %}<span class="badge ndi-badge-error">Error</span>
                {% elif row.action == 'ignore' %}<span class="badge ndi-badge-ignored"><i class="mdi mdi-eye-off"></i> Ignored</span>
                {% endif %}
              </td>
              <td class="{% if row.action == 'error' %}text-danger{% endif %}">{{ row.detail }}</td>
            </tr>
            {% empty %}
            <tr><td colspan="6" class="text-center text-muted">No rows processed.</td></tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>

  </div>
</div>
{% endblock %}