{% if trackers is not empty %}
    <table class="table table-striped">
        <thead>
        <tr>
            <th>Date</th>
            <th>De</th>
            <th>Vers</th>
            <th>Utilisateur</th>
            <th>Service</th>
            <th>Libellé</th>
            <th>Infos</th>
        </tr>
        </thead>
        <tbody>
        {% for tracker in trackers %}
            <tr>
                <td>{{ tracker.createdAt|date('d/m/Y H:i:s') }}</td>
                <td>{{ tracker.fromUrl }}</td>
                <td>{{ tracker.toUrl }}</td>
                <td>{{ tracker.userId.fullName }}</td>
                <td>
                    {% if tracker.serviceCreated %}
                        {{ tracker.serviceCreated.serviceRE.label }}
                    {% else %}
                        N/A
                    {% endif %}
                </td>
                <td>{{ tracker.libelle }}</td>
                <td>
                    {% if tracker.infos is not empty %}
                        <ul style="list-style-type: none; padding-left: 0; overflow-y: auto; max-height: 300px; margin: 0;">
                            {% for key, value in tracker.infos %}
                                <li style="text-align: left">
                                    <span style="color: #0066cc; font-weight: bold">{{ key }}</span>:
                                    {% if value is iterable %}
                                        {% if value is empty %}
                                            null
                                        {% else %}
                                            <ul style="list-style-type: none; padding-left: 20px;">
                                                {% if key == 'serviceData' %}
                                                    {% for item in value %}
                                                        <li>
                                                            <span style="color: #0066cc; font-weight: bold">{{ item.key }}</span>:
                                                            {{ item.value|default('null') }}
                                                        </li>
                                                    {% endfor %}
                                                {% else %}
                                                    {% for subKey, subValue in value %}
                                                        <li>
                                                            <span style="color: #0066cc; font-weight: bold">{{ subKey }}</span>:
                                                            {% if subValue is iterable %}
                                                                {{ subValue|json_encode }}
                                                            {% else %}
                                                                {{ subValue|default('null') }}
                                                            {% endif %}
                                                        </li>
                                                    {% endfor %}
                                                {% endif %}
                                            </ul>
                                        {% endif %}
                                    {% else %}
                                        {{ value|default('null') }}
                                    {% endif %}
                                </li>
                            {% endfor %}
                        </ul>
                    {% else %}
                        Aucune info
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% else %}
    <p>Aucune donnée de suivi disponible.</p>
{% endif %}