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

{% block title %}Test - index{% endblock %}
{#{% block jaa %}#}
{#    <script>#}

{#            const eventSource = new EventSource("{{ mercure('http://solutions-easy.moi/connect')|raw }}");#}

{#            eventSource.onmessage = event => {#}
{#                console.log(JSON.parse(event))#}
{#                // You can update the UI or handle the message as needed#}
{#            };#}

{#    </script>#}
{#{% endblock %}#}

{% block body %}
    {% if app.user %}
        <div class="mb-3">
            You are logged in as {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Logout</a>
        </div>
    {% endif %}
    <h1>Testing Page</h1>

{#    <h2>Active Tabs per User</h2>#}
{#    <ul>#}
{#        {% for topic, count in counts %}#}
{#            <li>{{ topic }}: {{ count }} tab(s) open</li>#}
{#        {% endfor %}#}
{#    </ul>#}

{#    <h2>All Subscriptions</h2>#}
{#    <ul>#}
{#        {% for sub in subscriptions %}#}
{#            <li>#}
{#                Topic: {{ sub.topic }}<br>#}
{#                Subscriber: {{ sub.subscriber }}<br>#}
{#                Active: {{ sub.active ? 'Yes' : 'No' }}#}
{#            </li>#}
{#        {% endfor %}#}
{#    </ul>#}
{#    {{  mercure('http://portail.solutions-easy.moi/connect?userId=' ~ app.user.userIdentifier) }}#}

{% endblock %}