{% load opencve_extras %}
<div class="row">
    <div class="col-md-3">
        <div class="panel-group panel-group-cvss">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <span class="panel-title-text">Attack Vector</span>
                        <span class="pull-right label label-{% metric_class_from_vector cvss.vector 'AV' %}">{% metric_text_from_vector cvss.vector 'AV' %}</span>
                    </h4>
                </div>
            </div>
        </div>
        <div class="panel-group panel-group-cvss">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <span class="panel-title-text">Attack Complexity</span>
                        <span class="pull-right label label-{% metric_class_from_vector cvss.vector 'AC' %}">{% metric_text_from_vector cvss.vector 'AC' %}</span>
                    </h4>
                </div>
            </div>
        </div>
        <div class="panel-group panel-group-cvss">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <span class="panel-title-text">Privileges Required</span>
                        <span class="pull-right label label-{% metric_class_from_vector cvss.vector 'PR' %}">{% metric_text_from_vector cvss.vector 'PR' %}</span>
                    </h4>
                </div>
            </div>
        </div>
        <div class="panel-group panel-group-cvss">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <span class="panel-title-text">Attack Requirements</span>
                        <span class="pull-right label label-{% metric_class_from_vector cvss.vector 'AT' %}">{% metric_text_from_vector cvss.vector 'AT' %}</span>
                    </h4>
                </div>
            </div>
        </div>
        <div class="panel-group panel-group-cvss">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <span class="panel-title-text">User Interaction</span>
                        <span class="pull-right label label-{% metric_class_from_vector cvss.vector 'UI' %}">{% metric_text_from_vector cvss.vector 'UI' %}</span>
                    </h4>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="panel-group panel-group-cvss">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <span class="panel-title-text">Vulnerable System Confidentiality Impact</span>
                        <span class="pull-right label label-{% metric_class_from_vector cvss.vector 'VC' %}">{% metric_text_from_vector cvss.vector 'VC' %}</span>
                    </h4>
                </div>
            </div>
        </div>
        <div class="panel-group panel-group-cvss">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <span class="panel-title-text">Vulnerable System Integrity Impact</span>
                        <span class="pull-right label label-{% metric_class_from_vector cvss.vector 'VI' %}">{% metric_text_from_vector cvss.vector 'VI' %}</span>
                    </h4>
                </div>
            </div>
        </div>
        <div class="panel-group panel-group-cvss">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <span class="panel-title-text">Vulnerable System Availability Impact</span>
                        <span class="pull-right label label-{% metric_class_from_vector cvss.vector 'VA' %}">{% metric_text_from_vector cvss.vector 'VA' %}</span>
                    </h4>
                </div>
            </div>
        </div>
        <div class="panel-group panel-group-cvss">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <span class="panel-title-text">Subsequent System Confidentiality Impact</span>
                        <span class="pull-right label label-{% metric_class_from_vector cvss.vector 'SC' %}">{% metric_text_from_vector cvss.vector 'SC' %}</span>
                    </h4>
                </div>
            </div>
        </div>
        <div class="panel-group panel-group-cvss">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <span class="panel-title-text">Subsequent System Integrity Impact</span>
                        <span class="pull-right label label-{% metric_class_from_vector cvss.vector 'SI' %}">{% metric_text_from_vector cvss.vector 'SI' %}</span>
                    </h4>
                </div>
            </div>
        </div>
        <div class="panel-group panel-group-cvss">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <span class="panel-title-text">Subsequent System Availability Impact</span>
                        <span class="pull-right label label-{% metric_class_from_vector cvss.vector 'SA' %}">{% metric_text_from_vector cvss.vector 'SA' %}</span>
                    </h4>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-5">
        <canvas class="cvss-radar" data-chart="{% cvss_chart_data cvss.vector cvss.score %}"></canvas>
    </div>
</div>