{% extends 'generic/object_retrieve.html' %}
{% load helpers %}

{% block content_left_page %}
    <div class="panel panel-default">
        <div class="panel-heading">
            <strong>IGP Routing Instance</strong>
        </div>
        <table class="table table-hover panel-body attr-table">
            <tr>
                <td>Name</td>
                <td>
                    {{ object.name }}
                </td>
            </tr>
            <tr>
                <td>Description</td>
                <td>
                    {{ object.description|placeholder }}
                </td>
            </tr>
            <tr>
                <td>Device</td>
                <td><a href="{{ object.device.get_absolute_url }}">{{ object.device }}</a></td>
            </tr>
            <tr>
                <td>Router ID</td>
                <td>
                    {% if object.router_id %}
                        <a href="{{ object.router_id.get_absolute_url }}">{{ object.router_id }}</a>
                    {% else %}
                        <span class="text-muted">None</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td>ISIS Area</td>
                <td>
                    {{ object.isis_area|placeholder }}
                </td>
            </tr>
            <tr>
                <td>VRF</td>
                <td>
                    {% if object.router_id %}
                        <a href="{{ object.vrf.get_absolute_url }}">{{ object.vrf }}</a>
                    {% else %}
                        <span class="text-muted">None</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td>Status</td>
                <td>
                    <span class="label" style="color: {{ object.status.color|fgcolor }}; background-color: #{{ object.status.color }}">{{ object.get_status_display }}</span>
                </td>
            </tr>
        </table>
    </div>
{% endblock content_left_page %}