{% extends 'generic/object.html' %}
{% load render_table from django_tables2 %}



{% block content %}
  <div class="row mb-3">
    <div class="col col-md-6">
      <div class="card">
        <h5 class="card-header">Fabric</h5>
        <div class="card-body">
            <div class="card-body">
                {% render_table table 'inc/table.html' %}
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col col-md-6">
      <div class="card">
        <h5 class="card-header">Free Fabric Ports</h5>
        <div class="card-body">
          <table class="table table-hover attr-table">
            <tr><th>Host</th><th>Free Ports</th></tr>
            {% for host, obj in object.get_free_leaf_port_count.items %}
              <tr>
                  <td><a href="{{ host.get_absolute_url }}">{{ host }}</a></td>
                  <td>{{  obj }}</td>
              </tr>
              {% endfor %}
          </table>
        </div>
      </div>
    </div>
  </div>
  
{% endblock content %}