{% load i18n %}
{% load helpers %}
<div class="trace-detail-header">
    <button class="btn btn-sm btn-outline-secondary trace-back-btn" onclick="TraceView.deselectNode()">
        <i class="mdi mdi-arrow-left"></i> {% trans "Back" %}
    </button>
</div>
<div class="trace-detail-body">
    <h6>{{ cable.label|default:cable }}</h6>
    <span class="badge bg-info">{% trans "Cable" %}</span>
    <table class="table table-sm trace-detail-table mt-3">
        <tr><th>{% trans "Status" %}</th><td>{{ cable.get_status_display }}</td></tr>
        {% if fiber_cable %}
        <tr><th>{% trans "Fiber Cable Type" %}</th><td>{{ fiber_cable.fiber_cable_type }}</td></tr>
        <tr><th>{% trans "Fiber Type" %}</th><td>{{ cable.get_type_display }}</td></tr>
        <tr><th>{% trans "Strand Count" %}</th><td>{{ fiber_cable.fiber_cable_type.strand_count }}F</td></tr>
        {% endif %}
        {% if cable.length %}
        <tr><th>{% trans "Length" %}</th><td>{{ cable.length }} {{ cable.get_length_unit_display }}</td></tr>
        {% endif %}
    </table>
    <div class="mt-3">
        <a href="{{ cable.get_absolute_url }}" class="btn btn-sm btn-outline-primary">{% trans "View Cable" %} <i class="mdi mdi-open-in-new"></i></a>
        {% if fiber_cable %}
        <a href="{{ fiber_cable.get_absolute_url }}" class="btn btn-sm btn-outline-primary">{% trans "View Fiber Cable" %} <i class="mdi mdi-open-in-new"></i></a>
        {% endif %}
    </div>
    <div class="trace-loss-summary mt-4 pt-3 border-top">
        <small class="text-muted">{% trans "Path Loss" %}: {% with loss=path.get_calculated_loss_db %}{% if loss is not None %}{{ loss }} dB{% else %}&mdash;{% endif %}{% endwith %} {% if path.wavelength_nm %}@ {{ path.wavelength_nm }} nm{% endif %} &middot; {% if path.is_complete %}{% trans "Complete" %}{% else %}{% trans "Incomplete" %}{% endif %}</small>
    </div>
</div>