{% for epci in epciList %}
    <tr>
        <td><span class="fw-medium">{{ epci.suaNom }}</span></td>
        <td class="d-none d-md-table-cell">
            {% if epci.suaUrl %}
                <a href="{{ epci.suaUrl }}" target="_blank" class="text-primary">
                    <i class="fas fa-external-link-alt me-1"></i>{{ epci.suaUrl|slice(0, 30) }}{% if epci.suaUrl|length > 30 %}...{% endif %}
                </a>
            {% else %}
                <span class="text-muted">-</span>
            {% endif %}
        </td>
        <td class="d-none d-md-table-cell">
            {% if epci.suaLogoPartenaire == 1 %}
                <span class="badge bg-success"><i class="fas fa-check me-1"></i>Oui</span>
            {% else %}
                <span class="badge bg-secondary">Non</span>
            {% endif %}
        </td>
        <td class="text-end">
            <a href="{{ ea_url().setRoute('geolocale_epci_edit', {'id': epci.suaId}) }}"
               class="text-primary me-2"
               data-bs-toggle="tooltip"
               title="Modifier"
               data-controller="page-loader"
               data-action="click->page-loader#showLoader">
                <i class="fas fa-edit"></i>
            </a>
            <a href="{{ ea_url().setRoute('geolocale_epci_delete', {'id': epci.suaId}) }}"
               class="text-danger"
               data-bs-toggle="tooltip"
               title="Supprimer">
                <i class="fas fa-trash"></i>
            </a>
        </td>
    </tr>
{% else %}
    <tr><td colspan="4" class="text-center text-muted">Aucun EPCI</td></tr>
{% endfor %}