{% extends 'generic/_base.html' %}
{% load i18n %}
{% load form_helpers %}
{% load render_table from django_tables2 %}

{# Standalone Elevations LIST page: a NetBox-native filter form (Design, Rack,   #}
{# Site, Status) driving the GET querystring, over a table of derived            #}
{# (design, rack) rows. Each row links to the separate per-(design, rack)        #}
{# elevation and editor views; no elevation is rendered inline here.             #}

{% block title %}{% trans "Elevations" %}{% endblock %}

{% block content %}
<div class="row mb-3">

  {# ---- Filter column ---- #}
  <div class="col col-12 col-md-3">
    <div class="card">
      <h2 class="card-header">{% trans "Filters" %}</h2>
      <div class="card-body">
        <form method="get" action="">
          {% render_form form %}
          <div class="mt-3">
            <button type="submit" class="btn btn-primary">{% trans "Search" %}</button>
            <a href="{% url 'plugins:netbox_rack_design:elevation_browser' %}" class="btn btn-outline-secondary">
              {% trans "Reset" %}
            </a>
          </div>
        </form>
      </div>
    </div>
  </div>

  {# ---- Table column ---- #}
  <div class="col col-12 col-md-9">
    <div class="card">
      <div class="table-responsive" id="object_list">
        {% render_table table %}
      </div>
    </div>
    <div class="mt-2">
      {% include 'inc/paginator.html' with paginator=table.paginator page=table.page %}
    </div>
  </div>

</div>
{% endblock content %}