{% extends 'generic/object.html' %}
{% load helpers %}
{% load i18n %}

{% block title %}{{ object }} - {% trans "Scope Reconciliation" %}{% endblock %}

{% block extra_controls %}
  <a class="btn btn-outline-secondary" href="{{ object.get_absolute_url }}">
    <i class="mdi mdi-arrow-left" aria-hidden="true"></i>&nbsp;{% trans "Sync" %}
  </a>
{% endblock extra_controls %}

{% block content %}
<div class="row mb-3">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">{% trans "Device Scope Reconciliation" %}</h5>
      <div class="card-body">
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">{% trans "Include tags" %}</th>
            <td>{{ payload.include_tags|join:", "|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "NetBox devices" %}</th>
            <td>{{ payload.netbox_device_count }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "In scope (collected)" %}</th>
            <td>{{ payload.forward_in_scope_completed }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Tagged but backfilled" %}</th>
            <td>
              {{ payload.forward_tagged_backfilled }}
              {% if payload.netbox_present_backfilled %}
                &nbsp;<a href="{{ backfilled_tag_url }}" class="text-decoration-none">{% blocktrans with count=payload.netbox_present_backfilled %}view {{ count }} tagged{% endblocktrans %}</a>
              {% endif %}
            </td>
          </tr>
          <tr>
            <th scope="row">{% trans "Out of scope (orphans)" %}</th>
            <td>
              {% if payload.netbox_out_of_scope %}
                <span class="badge text-bg-warning">{{ payload.netbox_out_of_scope }}</span>
              {% else %}
                <span class="badge text-bg-success">0</span>
              {% endif %}
            </td>
          </tr>
          <tr>
            <th scope="row">{% trans "In scope, missing from NetBox" %}</th>
            <td>{{ payload.forward_missing_in_netbox }}</td>
          </tr>
        </table>
      </div>
      <div class="card-footer text-end">
        <form method="post" action="{{ tag_backfilled_url }}" class="d-inline">
          {% csrf_token %}
          <button type="submit" class="btn btn-outline-warning"{% if not payload.netbox_present_backfilled %} disabled{% endif %}>
            <i class="mdi mdi-tag-outline" aria-hidden="true"></i>&nbsp;{% trans "Tag backfilled devices" %}
          </button>
        </form>
        <form method="post" class="d-inline"
              action="{% url 'plugins:forward_netbox:forwardsync_prune_orphans' pk=object.pk %}"
              onsubmit="return confirm('{% blocktrans with count=payload.netbox_out_of_scope %}Delete {{ count }} out-of-scope device(s)? This also removes their interfaces and IP addresses.{% endblocktrans %}');">
          {% csrf_token %}
          <button type="submit" class="btn btn-danger"{% if not payload.netbox_out_of_scope %} disabled{% endif %}>
            <i class="mdi mdi-trash-can-outline" aria-hidden="true"></i>&nbsp;{% trans "Prune orphans" %}
          </button>
        </form>
      </div>
    </div>
  </div>
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">{% trans "Out-of-Scope Sample" %}</h5>
      <div class="card-body">
        {% if payload.out_of_scope_sample %}
          <ul class="mb-0">
            {% for name in payload.out_of_scope_sample %}<li><code>{{ name }}</code></li>{% endfor %}
          </ul>
          {% if payload.netbox_out_of_scope > payload.out_of_scope_sample|length %}
            <p class="text-muted mt-2 mb-0">{% blocktrans with shown=payload.out_of_scope_sample|length total=payload.netbox_out_of_scope %}Showing {{ shown }} of {{ total }}.{% endblocktrans %}</p>
          {% endif %}
        {% else %}
          <p class="text-muted mb-0">{% trans "No out-of-scope devices." %}</p>
        {% endif %}
      </div>
    </div>
  </div>
</div>
<div class="row mt-3">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">{% trans "Backfill Reason Breakdown" %}</h5>
      <div class="card-body">
        {% if payload.backfilled_reason_breakdown %}
          <p class="text-muted mt-0">{% trans "Why these in-scope devices were not freshly collected by Forward. This is a Forward collection-health signal, not a sync error — fix collection in Forward (rotate credentials for AUTHENTICATION_FAILED, check reachability for CONNECTION_TIMEOUT, finish onboarding for INCOMPLETE_SETUP)." %}</p>
          <table class="table table-hover attr-table mb-0">
            {% for reason, count in payload.backfilled_reason_breakdown.items %}
              <tr>
                <th scope="row"><code>{{ reason }}</code></th>
                <td><span class="badge text-bg-warning">{{ count }}</span></td>
              </tr>
            {% endfor %}
          </table>
        {% else %}
          <p class="text-muted mb-0">{% trans "No backfilled devices in the latest snapshot." %}</p>
        {% endif %}
      </div>
    </div>
  </div>
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">{% trans "Tagged-but-Backfilled Sample" %}</h5>
      <div class="card-body">
        {% if payload.present_backfilled_detail_sample %}
          <p class="text-muted mt-0">{% trans "In NetBox but not freshly collected in the latest snapshot (serving last-known-good data). Days = how stale the served data is." %}</p>
          <table class="table table-hover attr-table mb-0">
            <thead>
              <tr><th>{% trans "Device" %}</th><th>{% trans "Reason" %}</th><th>{% trans "Stale" %}</th></tr>
            </thead>
            <tbody>
              {% for item in payload.present_backfilled_detail_sample %}
                <tr>
                  <td><code>{{ item.name }}</code></td>
                  <td><code>{{ item.reason }}</code></td>
                  <td>{% if item.stale_days is not None %}{% blocktrans count days=item.stale_days %}{{ days }} day{% plural %}{{ days }} days{% endblocktrans %}{% else %}<span class="text-muted">&mdash;</span>{% endif %}</td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
          {% if payload.netbox_present_backfilled > payload.present_backfilled_detail_sample|length %}
            <p class="text-muted mt-2 mb-0">{% blocktrans with shown=payload.present_backfilled_detail_sample|length total=payload.netbox_present_backfilled %}Showing {{ shown }} of {{ total }}.{% endblocktrans %}</p>
          {% endif %}
        {% else %}
          <p class="text-muted mb-0">{% trans "No backfilled devices in NetBox." %}</p>
        {% endif %}
      </div>
    </div>
  </div>
</div>
{% endblock content %}