{% deprecated 'The "@GosWebSocket/Collector/websocket.html.twig" template is deprecated and will be removed in GosWebSocketBundle 4.0.' %}
{% extends '@WebProfiler/Profiler/layout.html.twig' %}

{% block toolbar %}
    {% if collector.pushTotal %}
        {% set icon %}
            {{ include('@GosWebSocket/Collector/icon.svg') }}
            <span class="sf-toolbar-value">{{ collector.pushTotal }}</span>
        {% endset %}

        {% set text %}
            <div class="sf-toolbar-info-piece">
                <b>Pushes</b>
                <span class="sf-toolbar-status">{{ collector.pushTotal }}</span>
            </div>

            <div class="sf-toolbar-info-piece">
                <b>Duration</b>
                <span class="sf-toolbar-status">{{ '%0.2f'|format(collector.totalDuration) }} ms</span>
            </div>
        {% endset %}

        {{ include('@WebProfiler/Profiler/toolbar_item.html.twig', { link: true }) }}
    {% endif %}
{% endblock %}

{% block menu %}
    <span class="label {{ collector.pushTotal == 0 ? 'disabled' }}">
        <span class="icon">{{ include('@GosWebSocket/Collector/icon.svg') }}</span>
        <strong>Websocket</strong>
    </span>
{% endblock %}

{% block panel %}
    <h2>Websocket Pushes</h2>

    {% if collector.pushTotal == 0 %}
        <div class="empty">
            <p>No messages were pushed.</p>
        </div>
    {% else %}
        <div class="metrics">
            <div class="metric">
                <span class="value">{{ collector.pushTotal }}</span>
                <span class="label">Total Pushes</span>
            </div>

            <div class="metric">
                <span class="value">{{ '%0.2f'|format(collector.totalDuration) }} <span class="unit">ms</span></span>
                <span class="label">Duration</span>
            </div>
        </div>

        {% if collector.durations|length %}
            <h2>Push Durations</h2>

            <div class="metrics">
                {% for pusher, duration in collector.durations %}
                    <div class="metric">
                        <span class="value">{{ '%0.2f'|format(duration) }} <span class="unit">ms</span></span>
                        <span class="label">{{ pusher|upper }} ({{ collector.pusherCounts[pusher] }})</span>
                    </div>
                {% endfor %}
            </div>
        {% endif %}
    {% endif %}
{% endblock %}