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

{% block extra_controls %}
{% if perms.netbox_fms.change_fiberfault %}
{% if object.located_at_status == 'estimated' %}
<form method="post" action="{% url 'plugins:netbox_fms:fiberfault_confirm_location' pk=object.pk %}" class="d-inline">
    {% csrf_token %}
    <button type="submit" class="btn btn-success">
        <i class="mdi mdi-map-marker-check"></i> {% trans "Confirm location" %}
    </button>
</form>
{% endif %}
{% if object.located_at_status != 'confirmed' %}
<form method="post" action="{% url 'plugins:netbox_fms:fiberfault_reestimate' pk=object.pk %}" class="d-inline">
    {% csrf_token %}
    <button type="submit" class="btn btn-outline-primary">
        <i class="mdi mdi-crosshairs-gps"></i> {% trans "Re-estimate" %}
    </button>
</form>
{% endif %}
{% endif %}
{% endblock extra_controls %}

{% block content %}
<div class="row mb-3">
    <div class="col col-md-6">
        <div class="card">
            <h5 class="card-header">{% trans "Fiber Fault" %}</h5>
            <table class="table table-hover attr-table">
                <tr>
                    <th scope="row">{% trans "Fiber Cable" %}</th>
                    <td>{{ object.fiber_cable|linkify }}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Status" %}</th>
                    <td>{% badge object.get_status_display bg_color=object.get_status_color %}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Description" %}</th>
                    <td>{{ object.description|placeholder }}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Reported at" %}</th>
                    <td>{{ object.reported_at|isodatetime }}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Resolved at" %}</th>
                    <td>{{ object.resolved_at|isodatetime|placeholder }}</td>
                </tr>
            </table>
        </div>
        <div class="card">
            <h5 class="card-header">{% trans "Location" %}</h5>
            <table class="table table-hover attr-table">
                <tr>
                    <th scope="row">{% trans "Status" %}</th>
                    <td>{% badge object.get_located_at_status_display bg_color=object.get_located_at_status_color %}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Located at" %}</th>
                    <td>
                        {{ object.located_at|linkify|placeholder }}
                        {% if closure_map_url %}
                            {% include 'netbox_fms/inc/show_on_map_button.html' with url=closure_map_url %}
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Distance from A end" %}</th>
                    <td>{% if object.distance_from_a is not None %}{{ object.distance_from_a }} m{% else %}{{ ''|placeholder }}{% endif %}</td>
                </tr>
                {% if route_place %}
                <tr>
                    <th scope="row">{% trans "Route segment" %}</th>
                    <td>
                        {% if route_segment %}
                            {{ route_segment.pathway|linkify }}
                            {% include 'netbox_fms/inc/show_on_map_button.html' with url=segment_map_url %}
                        {% else %}
                            <span class="text-muted">{{ route_place.note }}</span>
                        {% endif %}
                    </td>
                </tr>
                {% endif %}
                <tr>
                    <th scope="row">{% trans "Location mark" %}</th>
                    <td>{% if object.location_mark is not None %}{{ object.location_mark }} {{ object.fiber_cable.fiber_cable_type.get_mark_unit_display|default:'' }}{% else %}{{ ''|placeholder }}{% endif %}</td>
                </tr>
                {% if object.estimate_note %}
                <tr>
                    <th scope="row">{% trans "Estimate note" %}</th>
                    <td>{{ object.estimate_note }}</td>
                </tr>
                {% endif %}
            </table>
        </div>
        <div class="card">
            <h5 class="card-header">{% trans "OTDR shot" %}</h5>
            <table class="table table-hover attr-table">
                <tr>
                    <th scope="row">{% trans "Origin" %}</th>
                    <td>{{ object.otdr_origin|linkify|placeholder }}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Distance" %}</th>
                    <td>{% if object.otdr_distance is not None %}{{ object.otdr_distance }} m{% else %}{{ ''|placeholder }}{% endif %}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Strand" %}</th>
                    <td>{{ object.otdr_strand|linkify|placeholder }}</td>
                </tr>
            </table>
        </div>
    </div>
    <div class="col col-md-6">
        <div class="card">
            <h5 class="card-header">{% trans "Faulted Strands" %}</h5>
            <ul class="list-group list-group-flush">
                {% for strand in object.strands.all %}
                <li class="list-group-item">{{ strand|linkify }}</li>
                {% empty %}
                <li class="list-group-item text-muted">{% trans "Whole cable" %}</li>
                {% endfor %}
            </ul>
        </div>
    </div>
</div>
<div class="row mb-3">
    <div class="col col-md-12">
        {% include 'inc/panels/comments.html' %}
    </div>
</div>
{% plugin_full_width_page object %}
{% endblock %}