{% extends 'base/layout.html' %}
{% load helpers %}
{% load i18n %}

{% comment %}
Context:
  plan: cleanup.CleanupPlan for the selected objects
  tab: Stale data tab the selection came from
  days: Days without a sync after which an object is stale
  list_url: URL of the Stale data tab to return to
  verbose_name, verbose_name_plural: Names of the selected object type
  selected_count: Number of objects that were selected
  run_count: Number of objects this run handles, the ones synced longest ago; fewer than selected_count when the selection is larger than one run
  max_objects: Most objects of this type one run handles
  max_device_objects: For devices, most objects one run deletes counting each device with its interfaces and IP addresses; None for other types
  show_device: True for interfaces, whose device is shown in its own column
{% endcomment %}

{% block header %}
  <div class="page-header m-0">
    {{ block.super }}
    <div class="container-fluid mt-2 d-print-none">
      <div>
        {% include "slurpit_netbox/logo.html" %}
        <h2 class="page-title my-1">
          {% block title %}
            {% blocktrans trimmed with objects=verbose_name_plural %}Delete stale {{ objects }}{% endblocktrans %}
          {% endblock title %}
        </h2>
      </div>
    </div>
  </div>
{% endblock header %}

{% block content %}
  {% if plan.paused %}
    <div class="alert alert-warning" role="alert">
      <i class="mdi mdi-alert"></i>
      <div>
        {% blocktrans trimmed with objects=verbose_name_plural date=plan.cutoff|isodate %}
          No Slurp'it sync of {{ objects }} since {{ date }}, so stale detection is paused and nothing can be deleted.
        {% endblocktrans %}
      </div>
    </div>
  {% endif %}

  {% if run_count < selected_count %}
    <div class="alert alert-info" role="alert">
      <i class="mdi mdi-information-outline"></i>
      <div>
        {% if max_device_objects %}
          {% blocktrans trimmed count counter=run_count with selected=selected_count max=max_objects max_device=max_device_objects %}
            Showing the device synced longest ago of the {{ selected }} selected: one run deletes at most {{ max }} devices and about {{ max_device }} objects, counting each device with its interfaces and IP addresses. Delete it, then select the rest again.
          {% plural %}
            Showing the {{ counter }} devices synced longest ago of the {{ selected }} selected: one run deletes at most {{ max }} devices and about {{ max_device }} objects, counting each device with its interfaces and IP addresses. Delete these, then select the rest again.
          {% endblocktrans %}
        {% else %}
          {% blocktrans trimmed count counter=run_count with object=verbose_name objects=verbose_name_plural selected=selected_count max=max_objects %}
            Showing the {{ object }} synced longest ago of the {{ selected }} selected: one run handles at most {{ max }} {{ objects }}. Delete it, then select the rest again.
          {% plural %}
            Showing the {{ counter }} {{ objects }} synced longest ago of the {{ selected }} selected: one run handles at most {{ max }}. Delete these, then select the rest again.
          {% endblocktrans %}
        {% endif %}
      </div>
    </div>
  {% endif %}

  <div class="card mb-3">
    <h5 class="card-header gap-1">
      {% trans "Will be deleted" %} {% badge plan.deletable|length %}
    </h5>
    <div class="card-body">
      {% if plan.deletable %}
        <table class="table table-hover attr-table">
          <thead>
            <tr>
              {% if show_device %}<th>{% trans "Device" %}</th>{% endif %}
              <th>{{ verbose_name|bettertitle }}</th>
              <th>{% trans "Last sync" %}</th>
            </tr>
          </thead>
          <tbody>
            {% for obj in plan.deletable %}
              <tr>
                {% if show_device %}<td><a href="{{ obj.device.get_absolute_url }}" target="_blank" rel="noopener">{{ obj.device }}</a></td>{% endif %}
                <td><a href="{{ obj.get_absolute_url }}" target="_blank" rel="noopener">{{ obj }}</a></td>
                <td>{{ obj.slurpit_last_sync.last_sync|isodatetime }}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      {% else %}
        <span class="text-muted">{% trans "None of the selected objects can be deleted." %}</span>
      {% endif %}
    </div>
  </div>

  {% if plan.deletable %}
    <div class="card mb-3">
      <h5 class="card-header">{% trans "Also deleted by NetBox" %}</h5>
      <div class="card-body">
        {% if plan.cascade %}
          <p class="text-muted">{% trans "NetBox deletes these objects together with the objects above, exactly as when they are deleted in NetBox itself." %}</p>
          <ul class="mb-0">
            {% for name, count in plan.cascade %}
              <li>{{ count }} {{ name }}</li>
            {% endfor %}
          </ul>
        {% else %}
          <span class="text-muted">{% trans "Nothing else." %}</span>
        {% endif %}
      </div>
    </div>
  {% endif %}

  {% if plan.blocked %}
    <div class="card mb-3">
      <h5 class="card-header gap-1">
        {% trans "Blocked" %} {% badge plan.blocked|length bg_color="orange" %}
      </h5>
      <div class="card-body">
        <p class="text-muted">{% trans "These objects are not deleted. Each row shows why. For example, a delete is blocked when it would also delete an object that Slurp'it still syncs, change another object that is not deleted (unless Slurp'it has stopped syncing that object too), or break a relation that NetBox protects." %}</p>
        <table class="table table-hover attr-table">
          <thead>
            <tr>
              {% if show_device %}<th>{% trans "Device" %}</th>{% endif %}
              <th>{{ verbose_name|bettertitle }}</th>
              <th>{% trans "Reason" %}</th>
            </tr>
          </thead>
          <tbody>
            {% for obj, reasons in plan.blocked %}
              <tr>
                {% if show_device %}<td><a href="{{ obj.device.get_absolute_url }}" target="_blank" rel="noopener">{{ obj.device }}</a></td>{% endif %}
                <td><a href="{{ obj.get_absolute_url }}" target="_blank" rel="noopener">{{ obj }}</a></td>
                <td>
                  <ul class="mb-0 ps-3">
                    {% for reason in reasons %}
                      <li>{{ reason }}</li>
                    {% endfor %}
                  </ul>
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  {% endif %}

  <form method="post" action="{{ list_url }}">
    {% csrf_token %}
    <input type="hidden" name="action" value="delete" />
    <input type="hidden" name="tab" value="{{ tab }}" />
    <input type="hidden" name="days" value="{{ days }}" />
    {% for obj in plan.deletable %}
      <input type="hidden" name="pk" value="{{ obj.pk }}" />
    {% endfor %}
    <div class="d-flex gap-2">
      <button type="submit" class="btn btn-red protect-btn" {% if not plan.deletable %}disabled{% endif %}>
        <i class="mdi mdi-trash-can-outline" aria-hidden="true"></i>
        {% blocktrans trimmed count counter=plan.deletable|length with objects=verbose_name_plural object=verbose_name %}
          Delete {{ counter }} {{ object }}
        {% plural %}
          Delete {{ counter }} {{ objects }}
        {% endblocktrans %}
      </button>
      <a href="{{ list_url }}" class="btn btn-outline-secondary">{% trans "Cancel" %}</a>
    </div>
  </form>

  <script>
    document.querySelectorAll('.protect-btn').forEach(button => {
      button.addEventListener('click', function(event) {
        setTimeout(() => {
          event.target.classList.add('disabled');
          event.target.textContent = '{% trans "Please wait" %}';
        });
      });
    });
  </script>
{% endblock content %}

<footer class="footer container-fluid">
  {% block footer %}
    {% include "slurpit_netbox/footer.html" %}
  {% endblock footer %}
</footer>