{# 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 row, so it cannot be
      stale. A DHCP Option is not seen only when the read of its own entries or of its object is not complete.
      <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. An object that the installed DHCP plugin cannot hold, such as a Shared
      Network or a DHCP Option without its Option Definition, has no imported row, so it 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>{% if obj.target %}<a href="{{ obj.target.get_absolute_url }}">{{ obj.name }}</a>{% else %}{{ obj.target|placeholder }}{% endif %}{% if obj.assigned %} on {{ obj.assigned|linkify }}{% endif %}</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 %}