{% load helpers %}
{% load i18n %}
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0">{% trans "Open Faults" %}</h5>
        {% if perms.netbox_fms.add_fiberfault %}
        <a href="{% url 'plugins:netbox_fms:fiberfault_add' %}?fiber_cable={{ object.pk }}&amp;return_url={{ object.get_absolute_url|urlencode }}" class="btn btn-sm btn-danger">
            <i class="mdi mdi-alert-plus"></i> {% trans "Report fault" %}
        </a>
        {% endif %}
    </div>
    {% if open_faults %}
    <table class="table table-hover">
        <thead>
            <tr>
                <th>{% trans "Fault" %}</th>
                <th>{% trans "Strands" %}</th>
                <th>{% trans "Reported at" %}</th>
                <th>{% trans "Location mark" %}</th>
            </tr>
        </thead>
        <tbody>
            {% for fault in open_faults %}
            <tr>
                <td><a href="{{ fault.get_absolute_url }}">{{ fault.description|default:fault.pk }}</a></td>
                <td>{% for strand in fault.strands.all %}{{ strand.name }}{% if not forloop.last %}, {% endif %}{% empty %}{% trans "Whole cable" %}{% endfor %}</td>
                <td>{{ fault.reported_at|isodatetime }}</td>
                <td>{{ fault.location_mark|placeholder }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% else %}
    <div class="card-body text-muted">{% trans "No open faults." %}</div>
    {% endif %}
</div>