{# SPDX-FileCopyrightText: 2023-2025 Devon Mar <devon-mar@users.noreply.github.com> #}
{# SPDX-FileCopyrightText: 2026 Marcin Zieba <marcinpsk@gmail.com> #}
{# SPDX-License-Identifier: Apache-2.0 #}
{% load form_helpers kea_workspace %}
{% load get_key from helpers %}
{% load render_table from django_tables2 %}

{# NetBox's table header sorts by swapping the closest .htmx-container: this whole block. #}
<div id="lease-search" class="htmx-container" hx-target="#lease-search" hx-swap="outerHTML" hx-push-url="true">
  <div class="row px-3">
    <div class="col-12 col-xl-8 offset-xl-2 col-xxl-6 offset-xxl-3 py-3">
      <form
        class="form form-horizontal"
        hx-get="."
        hx-indicator="#search-indicator"
        hx-disabled-elt="#lease-search-btn"
        {% if form.is_bound and is_embedded and form.is_valid %}hx-trigger="load" hx-headers='{"Kea-Initial-Search": "true"}'{% endif %}
      >
        {% workspace_return_field %}
        {% if request.GET.sort %}<input type="hidden" name="sort" value="{{ request.GET.sort }}">{% endif %}
        {% if request.GET.per_page %}<input type="hidden" name="per_page" value="{{ request.GET.per_page }}">{% endif %}
        {% if form.cleaned_data.page %}
          {# Only include on full page load so that the user lands on the correct page. #}
          <input type="hidden" id="id_page" name="page" value="{{ form.cleaned_data.page }}">
        {% endif %}
        {% for e in form.errors.page %}
          <div class="alert alert-danger" role="alert">{{ e }}</div>
        {% endfor %}
        {% if not form.subnet_cmds_available %}
        <div class="alert alert-warning d-flex align-items-start py-2 px-3 mb-3 small" role="alert">
          <i class="mdi mdi-alert-circle-outline me-2" aria-hidden="true"></i>
          <div>
            The <code>subnet_cmds</code> hook library is not loaded on this Kea server.
            The subnet list comes from the running configuration.
            Searching by subnet CIDR or ID does not require this hook.
          </div>
        </div>
        {% endif %}
        {% if form.subnet_notice %}{% include "netbox_kea/inc/notice_alert.html" with notice=form.subnet_notice %}{% endif %}
        {% include "netbox_kea/inc/lease_search_value.html" %}
        {% render_field form.state %}
        {% render_field form.by %}
        <div class="text-end">
          <div id="search-indicator" class="spinner-border d-inline-block align-middle htmx-indicator me-2" role="status">
            <span class="visually-hidden">Loading...</span>
          </div>
          <button id="lease-search-btn" type="submit" class="btn btn-primary">
            <span class="mdi mdi-magnify" aria-hidden="true"></span> Search
          </button>
        </div>
      </form>
    </div>
  </div>

  {% if not is_embedded and form.is_valid and lease_notice and lease_notice.kind != "lease" %}
    {% include "netbox_kea/inc/notice_alert.html" with notice=lease_notice %}
  {% elif not is_embedded and form.is_valid and lease_notice.unavailable %}
    <div class="alert alert-danger" role="alert">{{ lease_notice.headline }}</div>
  {% elif not is_embedded and form.is_valid %}
    {% if lease_notice %}
    {% with diagnostics=lease_notice.diagnostics %}
    <div class="alert alert-warning" role="alert">
      <strong>Kea returned {{ diagnostics|length }} lease record{{ diagnostics|length|pluralize }} that could not be read.</strong>
      The table shows the other leases. A complete export is refused.
      <ul class="mb-0 mt-1">
        {% for diagnostic in diagnostics %}<li>{{ diagnostic.source_position }} ({{ diagnostic.field|default:"record" }}): {{ diagnostic.message }}</li>{% endfor %}
      </ul>
    </div>
    {% endwith %}
    {% endif %}
    {% include "inc/table_controls_htmx.html" with table_modal="LeasesTable_config" %}
    {% with preferences|get_key:"pagination.placement" as paginator_placement %}
      <form method="post" action="{{ delete_action }}" id="lease-delete-form">
        {% csrf_token %}
        <input type="hidden" name="return_url" value="{{ return_url }}">{# stripped URL fed into BaseLeaseDeleteForm and flows to confirmation #}
        <div class="card table-responsive">
          {% if paginator_placement == 'top' or paginator_placement == 'both' %}
            {% include "netbox_kea/inc/server_dhcp_leases_paginator.html" with table=table paginate=paginate placement="top" %}
          {% endif %}
          {% render_table table "inc/table_htmx.html" %}
          {% if paginator_placement != "top" %}
            {% include "netbox_kea/inc/server_dhcp_leases_paginator.html" with table=table paginate=paginate placement="bottom" %}
          {% endif %}
        </div>
        <div class="d-print-none d-flex justify-content-between mt-2">
          <div>
            {% if can_delete %}
              <button type="submit" class="btn btn-sm btn-danger"><i class="mdi mdi-trash-can-outline" aria-hidden="true"></i> Delete Selected</button>
            {% endif %}
          </div>

          <div class="dropdown">
            <button type="button" class="btn btn-purple dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <i class="mdi mdi-download"></i> Export
            </button>
            <ul class="dropdown-menu dropdown-menu-end">
              <li><a class="dropdown-item" href="{% querystring export="table" %}">Current View (limited coverage)</a></li>
              <li><a class="dropdown-item" href="{% querystring export="" %}">All Data (CSV)</a></li>
              <li><hr class="dropdown-divider"></li>
              <li><a class="dropdown-item" href="?export_all=1">Export All Leases (CSV)</a></li>
            </ul>
          </div>
        </div>
      </form>
    {% endwith %}
  {% endif %}
</div>

{% if not is_embedded %}{% server_workspace object out_of_band=True %}{% endif %}