{% extends 'common/base.html' %}

{% block title %}::{{ object }}{% endblock %}

{% block content %}
  <h2>{{ object }}</h2>
  <div>
    <ul class="nav nav-tabs" role="tablist">
      <li role="presentation" class="active"><a href="#details" aria-controls="details" role="tab" data-toggle="tab">Details</a></li>
      <li role="presentation"><a href="#objects" aria-controls="objects" role="tab" data-toggle="tab">Objects</a></li>
    </ul>
    <div class="tab-content">
      <div role="tabpanel" class="tab-pane active" id="details">
        <table class="table table-hover">
          <tr>
            <td>Address</td>
            <td>{{ object.address }}</td>
          </tr>
          <tr>
            <td>Netmask</td>
            <td>{{ object.netmask }}</td>
          </tr>
          <tr>
            <td>Gateway</td>
            <td>{{ object.gateway }}
          </tr>
          <tr>
            <td>L2 Network</td>
            <td>{{ object.l2network }}
          </tr>
          <tr>
            <td>Location</td>
            <td>{{ object.location }}
          </tr>
        </table>
      </div>
      <div role="tabpanel" class="tab-pane" id="objects">
        <table class="table table-hover">
          <tr>
            <th>Name</th>
            <th>IPv4 Address</th>
            <th>Location</th>
            <th>Type</th>
          </tr>
          {% for object in object.inventory_objects.all %}
          <tr>
            <td>
              <p><a href="{{ object.get_absolute_url }}">{{ object.display_name }}</a></p>
              {% if object.hardware %}<p class="object_hardware">{{ object.hardware }}</p>{% endif %}
              {% if object.label.all %}
              {% endif %}
            </td>
            <td style="text-align: center;">{{ object.ipv4address }}</td>
            <td style="text-align: center;">{{ object.location_pretty }}</td>
            <td style="text-align: center;">{{ object.type.name }}</td>
          </tr>
          {% endfor %}
        </table>
      </div>
    </div>
  </div>

  {% include 'common/detail_buttons.html' with object_name=object %}

{% endblock content %}