{% load helpers %}
{% load i18n %}

<div class="card">
    <h5 class="card-header">{% trans "WDM Circuits" %}</h5>
    <table class="table table-hover attr-table">
        {% for svc in wdm_services %}
        <tr>
            <td>
                <a href="{{ svc.get_absolute_url }}">{{ svc.name }}</a>
            </td>
            <td>{% for path in svc.wavelength_paths.all %}{{ path }}{% if not forloop.last %}, {% endif %}{% empty %}&mdash;{% endfor %}</td>
            <td>
                {% if svc.status == "active" %}
                <span class="badge text-bg-success">{{ svc.get_status_display }}</span>
                {% elif svc.status == "staged" %}
                <span class="badge text-bg-info">{{ svc.get_status_display }}</span>
                {% elif svc.status == "planned" %}
                <span class="badge text-bg-warning">{{ svc.get_status_display }}</span>
                {% else %}
                <span class="badge text-bg-secondary">{{ svc.get_status_display }}</span>
                {% endif %}
            </td>
        </tr>
        {% endfor %}
    </table>
</div>