{% extends 'frontend/base.html' %}
{% load static %}
{% load tags %}

{% block navbar %}
{% include 'frontend/snippet.navlinks.html' %}
{% include 'frontend/snippet.search.html' %}
{% endblock %}

{% block content %}
{% include 'frontend/remotepowerdevices/remotepowerdevices_filterbar.html' %}
{% include 'frontend/snippet.paginator.html' %}

<div class="container-fluid">
  <div class="d-flex justify-content-end mb-3">
    <a class="nav-link" href="{% url 'frontend:new_remotepowerdevice' %}">
      <button type="button" class="btn btn-success">+</button>
    </a>
  </div>

  {% if page_obj %}
    <table class="table table-striped table-bordered table-fixed">
      <thead class="thead-default">
        <tr style="border: 1px solid #ddd;">
          <th>FQDN {% order_list request 'fqdn' %}</th>
          <th>NetBox ID {% order_list request 'netbox_id' %}</th>
          <th width="80px">&nbsp;</th>
        </tr>
      </thead>

      <tbody>
        {% for remotepowerdevice in page_obj %}
          <tr>
            <td>
              <a
                href="{% url 'frontend:remotepowerdevice_detail' remotepowerdevice.pk %}"
                class="text-muted"
                >{{ remotepowerdevice.fqdn }}</a
              >
            </td>
            <td>{{ remotepowerdevice.netbox_id }}</td>
            <td>
              <a
                href="{% url 'frontend:delete_remotepowerdevice' remotepowerdevice.pk %}"
                class="btn btn-danger btn-sm"
              >
                Delete
              </a>
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>

    {% include 'frontend/snippet.paginator.html' %}
  {% else %}
    <div class="alert alert-info">No remote power devices found!</div>
  {% endif %}
</div>
{% endblock %}