{# templates/data_collector/template.html.twig #}
{% extends '@WebProfiler/Profiler/layout.html.twig' %}

{% block toolbar %}
    {% set count = collector.structuredData|length %}
    {% set icon %}
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
             fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
             stroke-linejoin="round"
             class="icon icon-tabler icons-tabler-outline icon-tabler-puzzle">
            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
            <path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1"></path>
        </svg>
        <span class="sf-toolbar-value">{{ count }}</span>
    {% endset %}

    {% set text %}
        {# this is the content displayed when hovering the mouse over
           the toolbar panel #}
        <div class="sf-toolbar-info-piece">
            <b>Structured data</b>
            <span class="sf-toolbar-status sf-toolbar-status-grey">{{ count }} </span>
        </div>
    {% endset %}

    {{ include('@WebProfiler/Profiler/toolbar_item.html.twig', {
        link: count > 0 ? profiler_url : false
    }) }}
{% endblock %}

{% block menu %}
    {% set count = collector.structuredData|length %}
    <span class="label label-status-none ">
        <span class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                 stroke-linejoin="round"
                 class="icon icon-tabler icons-tabler-outline icon-tabler-puzzle">
                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                <path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1"></path>
            </svg>
        </span>
        <strong>Structured data</strong>
        <span class="count">
            <span>{{ count }}</span>
        </span>
    </span>
{% endblock %}


{% block panel %}
    {# Optional, for showing the most details. #}
    <h2>Structured Datas</h2>
    <h4>Documentation & Validator</h4>
    <div class="card">
        <code><a href="https://schema.org/docs/documents.html"
                 target="_blank">https://schema.org/docs/documents.html</a></code>
    </div>
    <div class="card">
        <code><a href="https://validator.schema.org/" target="_blank">https://validator.schema.org/</a></code>
    </div>
    <h2>Datas</h2>
    <table>
        {% for item in collector.structuredData %}
            <tr>
                <td>{{ item.type }}</td>
            </tr>
            <tr>
                <td>
                    {% for label, data in item.json %}
                        {{ label }} : {{ dump(data) }}
                    {% endfor %}
                </td>
            </tr>
        {% endfor %}
    </table>
{% endblock %}