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


{% block content_left_page %}
    <div class="panel panel-default">
        <div class="panel-heading">
            <strong>Zone</strong>
        </div>
        <table class="table table-hover panel-body attr-table">
            <tr>
                <td>Description</td>
                <td>{{ object.description|placeholder }}</td>
            </tr>
            <tr>
                <td>VRFs</td>
                <td>
                    <ul>
                        {% for i in object.vrfs.all %}
                            <li><a href="{{ i.get_absolute_url }}">{{ i|placeholder }}</a></li>
                        {% empty %}
                            None
                        {% endfor %}
                    </ul>
                </td>
            </tr>
            <tr>
                <td>Interfaces</td>
                <td>
                    <ul>
                        {% for i in object.interfaces.all %}
                            <li><a href="{{ i.get_absolute_url }}">{{ i|placeholder }}</a></li>
                            {% empty %}
                                None
                        {% endfor %}
                    </ul>
                </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 %}