{% extends 'base/layout.html' %}
{% load render_table from django_tables2 %}

{% block title %}Changelog History Search{% endblock %}

{% block content %}
<h1 class="page-title">Changelog History Search</h1>
<p class="text-muted">
  Search the before/after snapshots stored in NetBox's changelog,
  including data from objects that have since been deleted.
</p>

<div class="row">
  <div class="col-12">
    <div class="card">
      <h2 class="card-header">Search Changelog Snapshots</h2>
      <div class="card-body">
        <form action="" method="get" class="form">
          <div id="form_fields" hx-disinherit="hx-select hx-swap">
            {% include 'netbox_history/_search_fields.html' %}
          </div>
          <div class="text-end">
            <a href="{% url 'plugins:netbox_history:search' %}" class="btn btn-outline-secondary">Reset</a>
            <button type="submit" name="_search" value="1" class="btn btn-primary">Search</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

{% if table is not None %}
<div class="row mt-3">
  <div class="col-12">
    <div class="card">
      <h2 class="card-header">
        Results
        <span class="badge text-bg-secondary">{{ result_count }} result{{ result_count|pluralize }}</span>
      </h2>
      <div class="card-body">
        {% if result_count %}
          {% render_table table %}
        {% else %}
          <p class="text-muted mb-0">No matching changelog entries found.</p>
        {% endif %}
      </div>
    </div>
  </div>
</div>
{% endif %}
{% endblock %}