{# SPDX-FileCopyrightText: 2026 Marcin Zieba <marcinpsk@gmail.com> #}
{# SPDX-License-Identifier: Apache-2.0 #}
{# The drift card body that htmx loads into #dhcp-import-drift on the DHCP Plugin page. #}
{% load helpers %}
{% include "netbox_kea/inc/dhcp_plugin_drift_header.html" %}
{% if drift_refusal %}
  <div class="card-body">
    <div class="alert alert-warning mb-0" role="alert">
      <i class="mdi mdi-alert-outline" aria-hidden="true"></i>
      {{ drift_refusal }}
    </div>
  </div>
{% else %}
  <div class="card-body pb-2">
    <p class="small text-muted mb-0 drift-legend">
      A live read of Kea, compared with the DHCP Import Mappings. <strong>Missing</strong>: Kea has the object, and
      NetBox has no imported row for it. <strong>Stale</strong>: NetBox has an imported row whose Kea object is gone,
      so the next run removes it. <strong>Not seen</strong>: Kea was not read in full for that kind, so nothing can
      be stale. <strong>Unknown</strong>: Kea could not be read, or its configuration could not be parsed, so the
      state of each imported row is not known. The import does not write Shared Networks yet, so each one shows as
      missing.
    </p>
  </div>
  {% for drift in families %}
    <div class="card-body pt-2 pb-2 border-top">
      <h6 class="mb-2">DHCPv{{ drift.family }}</h6>
      {% if drift.notice %}
        {% include "netbox_kea/inc/notice_alert.html" with notice=drift.notice %}
      {% elif drift.unparsable %}
        <div class="alert alert-warning py-2 px-3 mb-3 small" role="alert">
          The configuration could not be parsed, so the state of each imported row is unknown.
        </div>
      {% endif %}
    </div>
    {% if drift.kinds %}
      <div class="table-responsive">
        <table class="table align-middle mb-0 drift-summary">
          <thead>
            <tr>
              <th scope="col">Kind</th>
              <th scope="col" class="text-end">In step</th>
              <th scope="col" class="text-end">Missing</th>
              <th scope="col" class="text-end">Stale</th>
              <th scope="col" class="text-end">Not seen</th>
              <th scope="col">Observation</th>
            </tr>
          </thead>
          <tbody>
            {% for kind in drift.kinds %}
              <tr data-kind-summary data-kind="{{ kind.kind.value }}">
                <th scope="row" class="fw-normal">{{ kind.label }}</th>
                <td class="text-end drift-count{% if not kind.in_step %} text-muted{% endif %}">{{ kind.in_step }}</td>
                <td class="text-end drift-count{% if not kind.missing %} text-muted{% endif %}">{{ kind.missing }}</td>
                <td class="text-end drift-count{% if not kind.stale %} text-muted{% endif %}">{{ kind.stale }}</td>
                <td class="text-end drift-count{% if not kind.unseen %} text-muted{% endif %}">{{ kind.unseen }}</td>
                <td class="small">
                  {% if kind.incomplete %}
                    <span class="badge text-bg-warning">Incomplete</span> {{ kind.incomplete }}
                  {% else %}
                    <span class="badge text-bg-success">Complete</span>
                  {% endif %}
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    {% endif %}
    {% if drift.objects %}
      <div class="table-responsive">
        <table class="table table-hover align-middle mb-0 drift-table">
          <thead>
            <tr>
              <th scope="col">Kind</th>
              <th scope="col">Kea path</th>
              <th scope="col">State</th>
              <th scope="col">Imported row</th>
            </tr>
          </thead>
          <tbody>
            {% for obj in drift.objects %}
              <tr data-state="{{ obj.state.value }}" data-kind="{{ obj.kind.value }}">
                <td>{{ obj.label }}</td>
                <td><code>{{ obj.path }}</code></td>
                <td><span class="badge text-bg-{{ obj.badge.1 }}">{{ obj.badge.0 }}</span></td>
                <td>{{ obj.target|linkify|placeholder }}</td>
              </tr>
            {% endfor %}
            {% if drift.hidden %}
              <tr><td colspan="4" class="text-muted">{{ drift.hidden }} more object{{ drift.hidden|pluralize }} {{ drift.hidden|pluralize:"is,are" }} not shown.</td></tr>
            {% endif %}
          </tbody>
        </table>
      </div>
    {% elif drift.kinds %}
      <div class="card-body pt-0"><p class="text-muted mb-0">Kea and the imported rows agree.</p></div>
    {% endif %}
  {% empty %}
    <div class="card-body border-top"><p class="text-muted mb-0">No DHCP versions enabled on this server.</p></div>
  {% endfor %}
{% endif %}