{% extends 'base.html.twig' %}

{% block title %}Liste des connecteurs{% endblock %}

{% block body %}
<h1>Liste des connecteurs</h1>

{% if connectors is empty %}
    <p>Aucun connecteur trouvé.</p>
{% else %}
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Nom</th>
                <th>Slug</th>
                <th>Couleur</th>
                <th>Comptes</th>
                <th>Comptes du connecteur</th>
            </tr>
        </thead>
        <tbody>
        {% for connector in connectors %}
            <tr>
                <td><a href="{{ path('connector_detail', {'id': connector.id}) }}">{{ connector.id }}</a></td>
                <td>{{ connector.name }}</td>
                <td>{{ connector.slug }}</td>
                <td style="background-color: #{{ connector.color }};">{{ connector.color }}</td>
                <td>
                    <a href="{{ path('app_accounts') }}">Voir les comptes</a>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endif %}
{% endblock %}