{% extends 'generic/object.html' %}
{% load helpers %}
{% load plugins %}
{% load static %}

{% block head %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'netbox_osp/css/netbox-osp.css' %}">
{% endblock %}

{% block content %}
<div class="row">
    <div class="col col-md-6">
        <div class="card">
            <h5 class="card-header">Strand</h5>
            <table class="table table-hover attr-table">
                <tr><th>Cable</th><td>{{ object.cable|linkify }}</td></tr>
                <tr><th>Tube</th><td>{{ object.tube|linkify|default:"&mdash;" }}</td></tr>
                <tr><th>Position</th><td>{{ object.position }}</td></tr>
                <tr><th>Colour</th><td>{% badge object.get_color_display bg_color=object.get_color_color %}</td></tr>
                <tr><th>Status</th><td>{% badge object.get_status_display bg_color=object.get_status_color %}</td></tr>
                <tr><th>Loss (dB)</th><td>{{ object.loss_db|floatformat:3 }}</td></tr>
            </table>
        </div>
        {% comment %}
            The "Trace this core" button is rendered via the
            StrandTraceButton PluginTemplateExtension into the
            plugin_right_page slot below. The pre-v0.3.1 inline
            include was removed in v0.3.8 to avoid drawing the button
            twice once the plugin slots were wired.
        {% endcomment %}
        {% plugin_left_page object %}
    </div>
    <div class="col col-md-6">
        <div class="card">
            <h5 class="card-header">Linked physical cable</h5>
            <div class="card-body">
                {% if object.cable_link %}
                    <p>This strand is mapped to <a href="{{ object.cable_link.get_absolute_url }}"><code>dcim.Cable</code> id={{ object.cable_link.pk }}</a> ({{ object.cable_link.label|default:"unnamed" }}).</p>
                    <p class="text-muted small">
                        The legacy strand-as-cable representation is preserved
                        for native <code>interface.trace()</code> support — both
                        models agree.
                    </p>
                {% else %}
                    <p class="text-muted">No linked <code>dcim.Cable</code> row.</p>
                {% endif %}
            </div>
        </div>
        {% include 'inc/panels/tags.html' %}
        {% plugin_right_page object %}
    </div>
</div>
<div class="row mt-3">
    <div class="col">
        {% plugin_full_width_page object %}
    </div>
</div>
{% endblock %}