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

{% block extra_controls %}
{% if perms.netbox_fms.add_fibercircuitpath and perms.netbox_fms.change_fibercircuit %}
<a href="{% url 'plugins:netbox_fms:fibercircuit_assign' pk=object.pk %}" class="btn btn-primary">
    <i class="mdi mdi-link-variant-plus"></i> {% trans "Assign fibers" %}
</a>
{% endif %}
{% if object.is_broken and perms.netbox_fms.change_fibercircuitpath and perms.netbox_fms.change_fibercircuit %}
<form method="post" action="{% url 'plugins:netbox_fms:fibercircuit_acknowledge_route' pk=object.pk %}" class="d-inline">
    {% csrf_token %}
    <button type="submit" class="btn btn-warning">
        <i class="mdi mdi-check-decagram"></i> {% trans "Acknowledge route" %}
    </button>
</form>
{% endif %}
{% endblock extra_controls %}

{% block content %}
<link rel="stylesheet" href="{% static 'netbox_fms/css/fms-components.css' %}">
<div class="fms-component">
<div class="row mb-3">
    <div class="col col-md-6">
        <div class="card">
            <h5 class="card-header">{% trans "Fiber Circuit" %}</h5>
            <table class="table table-hover attr-table">
                <tr>
                    <th scope="row">{% trans "Name" %}</th>
                    <td>{{ object.name }}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Circuit ID" %}</th>
                    <td>{% if object.cid %}{{ object.cid }}{% else %}&mdash;{% endif %}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Status" %}</th>
                    <td>
                        {% if object.status == 'active' %}
                            <span class="fms-badge fms-badge--live">{{ object.get_status_display }}</span>
                        {% elif object.status == 'planned' %}
                            <span class="fms-badge fms-badge--planned">{{ object.get_status_display }}</span>
                        {% elif object.status == 'provisioning' %}
                            <span class="fms-badge fms-badge--pending">{{ object.get_status_display }}</span>
                        {% elif object.status == 'decommissioning' or object.status == 'deprovisioning' %}
                            <span class="fms-badge fms-badge--protected">{{ object.get_status_display }}</span>
                        {% else %}
                            <span class="fms-badge fms-badge--draft">{{ object.get_status_display }}</span>
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Broken" %}</th>
                    <td>{% if object.is_broken %}<span class="fms-badge fms-badge--protected">{% trans "Yes" %}</span>{% else %}&mdash;{% endif %}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Strand Count" %}</th>
                    <td>{{ object.strand_count }}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Tenant" %}</th>
                    <td>{% if object.tenant %}{{ object.tenant|linkify }}{% else %}&mdash;{% endif %}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Provider Circuits" %}</th>
                    <td>
                        {% for pc in object.provider_circuits.all %}
                            {{ pc|linkify }} ({{ pc.provider|linkify }}){% if not forloop.last %}<br />{% endif %}
                        {% empty %}
                            &mdash;
                        {% endfor %}
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div class="col col-md-6">
        {% if object.description %}
        <div class="card">
            <h5 class="card-header">{% trans "Description" %}</h5>
            <div class="card-body">{{ object.description|markdown }}</div>
        </div>
        {% endif %}
        {% include 'inc/panels/comments.html' %}
    </div>
</div>
<div class="row mb-3">
    <div class="col col-md-12">
        <div class="card">
            <h5 class="card-header">{% trans "Assigned fiber paths" %}</h5>
            <div class="card-body">
                {% if paths %}
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>{% trans "Position" %}</th>
                            <th>{% trans "Fiber path" %}</th>
                            <th>{% trans "End A" %}</th>
                            <th>{% trans "End B" %}</th>
                            <th>{% trans "Completeness" %}</th>
                            <th>{% trans "Status" %}</th>
                            <th>{% trans "Calculated Loss (dB)" %}</th>
                            <th>{% trans "Actual Loss (dB)" %}</th>
                            <th>{% trans "Wavelength (nm)" %}</th>
                            <th>{% trans "Trace" %}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for path in paths %}
                        <tr>
                            <td>{{ path.position }}</td>
                            <td>{{ path.strand_path|linkify }}</td>
                            <td>{% if path.strand_path.end_a_port %}{{ path.strand_path.end_a_port|linkify }}{% else %}&mdash;{% endif %}</td>
                            <td>{% if path.strand_path.end_b_port %}{{ path.strand_path.end_b_port|linkify }}{% else %}&mdash;{% endif %}</td>
                            <td>{{ path.strand_path.get_completeness_display }}</td>
                            <td>{% include "netbox_fms/inc/assignment_status_badge.html" with assignment=path %}</td>
                            <td>{% with loss=path.get_calculated_loss_db %}{% if loss is not None %}{{ loss }}{% else %}&mdash;{% endif %}{% endwith %}</td>
                            <td>{% if path.actual_loss_db is not None %}{{ path.actual_loss_db }}{% else %}&mdash;{% endif %}</td>
                            <td>{% if path.wavelength_nm %}{{ path.wavelength_nm }}{% else %}&mdash;{% endif %}</td>
                            <td><a href="{{ path.get_absolute_url }}#trace" class="btn btn-sm btn-outline-secondary">{% trans "Trace" %}</a></td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
                {% else %}
                <p class="text-muted">{% trans "No fiber paths assigned." %}</p>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% plugin_full_width_page object %}
</div>
{% endblock %}