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

{% block extra_breadcrumbs %}
                    <li>{{ object.parent.namespace|hyperlinked_object }}</li>
{% endblock extra_breadcrumbs %}

{% block masthead %}
<h1>
<span class="hover_copy"><span id="copy_title">{{ object }}</span><button type="button" class="btn btn-inline btn-default hover_copy_button" data-clipboard-target="#copy_title">
    <span class="mdi mdi-content-copy"></span>
</button>
</span>
</h1>
{% endblock masthead %}

{% block extra_nav_tabs %}
        {% with interface_count=object.interfaces.count %}
            {% if interface_count %}
                <li role="presentation" {% if active_tab == 'interfaces' %} class="active"{% endif %}>
                    <a href="{% url 'ipam:ipaddress_interfaces' pk=object.pk %}">Interfaces {% badge interface_count %}</a>
                </li>
            {% endif %}
        {% endwith %}
{% endblock extra_nav_tabs %}

{% block content_left_page %}
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>IP Address</strong>
            </div>
            <table class="table table-hover panel-body attr-table">
                <tr>
                    <td>Namespace</td>
                    <td>{{ object.parent.namespace|hyperlinked_object }}</td>
                </tr>
                <tr>
                    <td>IP Version</td>
                    <td>IPv{{ object.ip_version }}</td>
                </tr>
                <tr>
                    <td>Type</td>
                    <td>{{ object.type|hyperlinked_object }}</td>
                </tr>
                <tr>
                    <td>Status</td>
                    <td>
                        {{ object.status| hyperlinked_object_with_color }}
                    </td>
                </tr>
                <tr>
                    <td>Role</td>
                    <td>
                        {{ object.role | hyperlinked_object_with_color }}
                    </td>
                </tr>
                <tr>
                    <td>VRFs</td>
                    <td>
                        {% if object.parent.vrfs.exists %}
                        <ul class="list-unstyled">
                            {% for vrf in object.parent.vrfs.all %}
                            <li>{{ vrf|hyperlinked_object }}</li>
                            {% endfor %}
                        </ul>
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <td>DNS Name</td>
                    <td>{{ object.dns_name|placeholder }}</td>
                </tr>
                <tr>
                    <td>Description</td>
                    <td>{{ object.description|placeholder }}</td>
                </tr>
            </table>
        </div>
{% endblock content_left_page %}

{% block content_right_page %}
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>Operational Details</strong>
            </div>
            <table class="table table-hover panel-body attr-table">
                <tr>
                    <td>Tenant</td>
                    <td>
                        {% if object.tenant and object.tenant.tenant_group %}
                            {{ object.tenant.tenant_group|hyperlinked_object }} /
                        {% endif %}
                        {{ object.tenant|hyperlinked_object }}
                    </td>
                </tr>
                <tr>
                    <!-- TODO: update to work with interface M2M -->
                    <td>Assignment</td>
                    <td>
                        {% if object.assigned_object %}
                            {{ object.assigned_object.parent|hyperlinked_object }} ({{ object.assigned_object }})
                        {% else %}
                            <span class="text-muted">&mdash;</span>
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <!-- TODO: update to work with interface M2M -->
                    <td>NAT (inside)</td>
                    <td>
                        {% if object.nat_inside %}
                            {{ object.nat_inside|hyperlinked_object }}
                            {% if object.nat_inside.assigned_object %}
                                ({{ object.nat_inside.assigned_object.parent|hyperlinked_object }})
                            {% endif %}
                        {% else %}
                            <span class="text-muted">None</span>
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <td>NAT (outside)</td>
                    <td>
                        {% if object.nat_outside_list.exists %}
                            <ul class="list-unstyled">
                                {% for nat in object.nat_outside_list.all %}
                                    <li>{{ nat|hyperlinked_object }}</li>
                                {% endfor %}
                            </ul>
                        {% else %}
                            <span class="text-muted">None</span>
                        {% endif %}
                    </td>
                </tr>
            </table>
        </div>
        {% include 'panel_table.html' with table=parent_prefixes_table heading='Parent Prefixes' %}
{% endblock content_right_page %}

{% block content_full_width_page %}
        {% include 'utilities/obj_table.html' with table=related_ips_table table_template='panel_table.html' heading='Related IP Addresses' panel_class='default' %}
{% endblock content_full_width_page %}