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

{% block masthead %}
    <h2>Vulnerability: {% block title %}{{ object }}{% endblock %}</h2>
{% endblock masthead %}

{% block content_left_page %}
    <div class="panel panel-default">
        <div class="panel-heading">
            <strong>Vulnerability</strong>
        </div>
        <table class="table table-hover panel-body attr-table">
            <tr>
                <td>CVE</td>
                <td>
                    <a href="{{ object.cve.get_absolute_url }}">{{ object.cve }}</a>
                </td>
            </tr>
            <tr>
                <td>Software</td>
                <td>
                    <a href="{{ object.software.get_absolute_url }}">{{ object.software }}</a>
                </td>
            </tr>
            <tr>
                <td>Device</td>
                <td>
                    <a href="{{ object.device.get_absolute_url }}">{{ object.device|placeholder }}</a>
                </td>
            </tr>
            <tr>
                <td>Inventory Item</td>
                <td>
                    <a href="{{ object.inventory_item.get_absolute_url }}">{{ object.inventory_item|placeholder }}</a>
                </td>
            </tr>
            <tr>
                <td>Status</td>
                <td>{% if object.status %} <span class="label" style="color: {{ object.status.color|fgcolor }}; background-color: #{{ object.status.color }}">{{ object.get_status_display }}</span> {% else %} &mdash; {% endif %}</td>
            </tr>
        </table>
    </div>
{% endblock %}