{% extends 'dcim/device/base.html' %}
{% load render_table from django_tables2 %}
{% load helpers %}
{% load static %}

{% block content %}
  {% include 'inc/table_controls_htmx.html' with table_modal="DeviceConsoleServerPortTable_config" %}
  
  <form method="post">
    {% csrf_token %}

    <div class="card">
      <div class="card-body" id="object_list">
        {% include 'htmx/table.html' %}
      </div>
    </div>

    <div class="noprint bulk-buttons">
      <div class="bulk-button-group">
        {% if perms.dcim.change_consoleserverport %}
          <div class="btn-group" role="group">
            <button type="submit" name="_edit" formaction="{% url 'dcim:consoleserverport_bulk_edit' %}?device={{ object.pk }}&return_url={% url 'dcim:device_consoleserverports' pk=object.pk %}" class="btn btn-warning btn-sm">
              <i class="mdi mdi-pencil" aria-hidden="true"></i> Edit
            </button>
            <button type="submit" name="_rename" formaction="{% url 'dcim:consoleserverport_bulk_rename' %}?return_url={% url 'dcim:device_consoleserverports' pk=object.pk %}" class="btn btn-outline-warning btn-sm">
              <i class="mdi mdi-pencil-outline" aria-hidden="true"></i> Rename
            </button>
          </div>
        {% endif %}
        <div class="btn-group" role="group">
          {% if perms.dcim.delete_consoleserverport %}
            <button type="submit" formaction="{% url 'dcim:consoleserverport_bulk_delete' %}?return_url={% url 'dcim:device_consoleserverports' pk=object.pk %}" class="btn btn-danger btn-sm">
              <i class="mdi mdi-trash-can-outline" aria-hidden="true"></i> Delete
            </button>
          {% endif %}
          {% if perms.dcim.change_consoleserverport %}
            <button type="submit" name="_disconnect" formaction="{% url 'dcim:consoleserverport_bulk_disconnect' %}?return_url={% url 'dcim:device_consoleserverports' pk=object.pk %}" class="btn btn-outline-danger btn-sm">
              <span class="mdi mdi-ethernet-cable-off" aria-hidden="true"></span> Disconnect
            </button>
          {% endif %}
        </div>
      </div>
      {% if perms.dcim.add_consoleserverport %}
        <div class="bulk-button-group">
          <a href="{% url 'dcim:consoleserverport_add' %}?device={{ object.pk }}&return_url={% url 'dcim:device_consoleserverports' pk=object.pk %}" class="btn btn-primary btn-sm">
            <i class="mdi mdi-plus-thick" aria-hidden="true"></i> Add Console Server Ports
          </a>
        </div>
      {% endif %}
    </div>
  </form>
{% endblock %}

{% block modals %}
  {{ block.super }}
  {% table_config_form table %}
{% endblock modals %}