{% extends '@WebProfiler/Profiler/layout.html.twig' %}

{% block toolbar %}
    {% if collector.displayInWdt %}
        {% set icon %}
            <img height="28" alt="Twig" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAMAAABWBG9SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMjY5ODc2QTRFRDIxMUUyOUQzNUI2QTkwQjU4RkU2QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMjY5ODc2QjRFRDIxMUUyOUQzNUI2QTkwQjU4RkU2QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVCRTZBQjUxNEVDRTExRTI5RDM1QjZBOTBCNThGRTZCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVCRTZBQjUyNEVDRTExRTI5RDM1QjZBOTBCNThGRTZCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YSuGKQAAAWJQTFRFOz09PD09PT4+hISDUlJSkpKT/v7+PkBAQUFBUVBQ8fDwPD4+hYSDv76+oKGhNjc34+Litra1W1pasbCweXl5vby8U1NTt7a2e3t709PTREVFg4KCtLS0OTs74ODgODo6goGBVVVV8PDwv7+/8fHxkZKSd3Z2b25ucHFxMzU1mZqaT09P9vb2hIWEnZyceXh3zs7OlZaXWVpa19fX09PUnqCg29rbp6enT1BPkJGRn6CggoGAwsHB+vr6vLy8wcHBj4+PTU1NoaKieXh4fX18hoSE1dXWTk5NUVFQTk9OUE9PT05O6enpl5iYVVZWe3p5zMzMz87OS0xLtbW1iomJ+/v73dzdMjQ0gX9/0dDQOjw8ODg4UE9Oj42NUlNT6urql5eY8fHwWFlYiIeGUlNShIODrq2tMTIys7KynJ2eS0pJf319srGx3t7ffHx71NTUenp62traT1BQPz8/P0BA////xP9xOwAAAHZ0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAFiqUcAAADxSURBVHjaYijFAhgoFNRN8ixCARZGegwp5m6S+UhA0kRdgkE7EF2zlggDi2ipsAIzHCgIlyYABXlL/WWZ4EDWpZS1ACQYIc8IB/LWUMGQIA8vd29OMHCMLVUtYFDMKA1VUeLyiU/kAgElnVLLAgYx0VJjcRmbUltxQRCQiQSpZFEuVYvijmGT42AvAQKGPKiZ0gzcQmwCUEEesKAyFkGgmakYgn45pckYgorBpa6YZvKWZqdrZrHJRfODQLg+WNCuNCDTKq1UxYkPBEztSw1FGIoM0IPOt4AhTji3EBmYhTlLMGhIFaMBKQcGGsQ7QIABAMedrCZHnT6FAAAAAElFTkSuQmCC"/>
            <span class="sf-toolbar-info-piece-additional-detail">Twig</span>
        {% endset %}
        {% set text %}
            <div class="sf-toolbar-info-piece">
                <b>Template{{ 1 == collector.templates|length ? ':' : 's'}}</b>
                <span>
                    {% if 1 == collector.templates|length %}
                        {% set template = collector.templates|first %}
                        {% if template.path %}
                            <a class="sf-toolbar-info-method" href="{{ template.path|file_link(1) }}">
                                {{ template.name }}
                            </a>
                        {% else %}
                            {{ template.name }}
                        {% endif %}
                    {% else %}
                        {{ collector.templates|length }}
                    {% endif %}
                </span>
            </div>
            <div class="sf-toolbar-info-piece">
                <b>Globals</b>
                <span>{{ collector.globals|length }}</span>
            </div>
            <div class="sf-toolbar-info-piece">
                <b>Extensions</b>
                <span>{{ collector.extensions|length }}</span>
            </div>
            <div class="sf-toolbar-info-piece">
                <b>avail. Tests</b>
                <span>{{ collector.tests|length }}</span>
            </div>
            <div class="sf-toolbar-info-piece">
                <b>avail. Filters</b>
                <span>{{ collector.filters|length }}</span>
            </div>
            <div class="sf-toolbar-info-piece">
                <b>avail. Functions</b>
                <span>{{ collector.functions|length }}</span>
            </div>
        {% endset %}
        {% include '@WebProfiler/Profiler/toolbar_item.html.twig' with { 'link': profiler_url } %}
    {% endif %}
{% endblock %}

{% block menu %}
    <span class="label">
        <span class="icon">
            <img width=30 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAqCAYAAAAqAaJlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBCQTQ1NUY0QkM1MTFFMEE4QjFCOTM4QzI2QzNENjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBCQTQ1NjA0QkM1MTFFMEE4QjFCOTM4QzI2QzNENjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEJBNDU1RDRCQzUxMUUwQThCMUI5MzhDMjZDM0Q2MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEJBNDU1RTRCQzUxMUUwQThCMUI5MzhDMjZDM0Q2MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuwAElIAAAJ4SURBVHja7Ji9bhNBEMdnd++iiyIsW5ZfILYTKhJ4AzoKmkjUqaggXSRAPACCiCBBkCmh4BVQKCjyBJAmCorjlJTY4Dvuc2/ZOeei+CPGvsTHnnRjySet15qf5v47szOkWCrdLZfLd8IwdEBRs2zbuL++/lmToLdr1cWHQcAh4FwpSEIIMErB8VyoVCquJiMaIqh8QLFwTSlQLrm6fyxAPs55qOEPXIIWFhZg6+WreVVgGWOlw4ODH292XoMlegrVzm9YqteU0W2zdWKHQvStaeP+cNQ8NvB1pGVCwo0L2FhYlSJ9ISxGFEGfPn4ivu5/gzldmzmI5wdwa/UmPHvxPHqV9epiR2p28sh2frWh0+1KWD0FWD/yN3VkY6Myx2Gew+fMT/8EfihkyHLYVLNBbIE8oSj8NAz9oL+pYeP8emNlBQzDAD2F1OVL0KXl5eSRfbCxQTKj2eZxKzuw9VpVZKbcPtrclOV2f6jcor6uS33tNBp9kb+3tia6pimvdzTBAcNyuwpb29skkWYtywLTsWEu6C+3fhCAaZmj2g+wHCdRxfMCP/KX+IARKtsKMlwGqVynI66OuEYTlmf0g/7yCpbD5rAqwarWe+UyyGFz2P8Fi7euzPVgIHD+BKdf/eujt4toXjW0fwLr+UkIe/j9yACCc1I4/Tp/HbvgloYfQob3T2A9Pwlg46LwtvFuKq+fdnevrA1qtk6KU8ngXyNP2fY4Az3bpbSe6shzEH6mB+yykblKY4zN47CODMJiO+J6Lnz88N5WJqdSBu32T/A5P8uvWtxTOa4HX/b21EqsMog6Y2fZBWGdKMcR8ltPYWic0ArI+VeAAQAHsPLrOHrwLwAAAABJRU5ErkJggg==" />
        </span>
        <strong>Twig</strong>
        <span class="count">
            <span>{{ collector.extensions|length }}</span>
        </span>
    </span>
{% endblock %}

{% block panel %}
    {% set profiler_markup_version = profiler_markup_version|default(1) %}

    {% if profiler_markup_version == 2 %}
        <h2>Twig metrics</h2>
        <div class="metrics">
            <div class="metric">
                <span class="value">{{ collector.globals|length }}</span>
                <span class="label">Globals</span>
            </div>
            <div class="metric">
                <span class="value">{{ collector.extensions|length }}</span>
                <span class="label">Extensions</span>
            </div>
            <div class="metric">
                <span class="value">{{ collector.tests|length }}</span>
                <span class="label">Tests</span>
            </div>
            <div class="metric">
                <span class="value">{{ collector.filters|length }}</span>
                <span class="label">Filters</span>
            </div>
            <div class="metric">
                <span class="value">{{ collector.functions|length }}</span>
                <span class="label">Functions</span>
            </div>
        </div>
    {% endif %}

    {% if collector.templates|length %}
        <h2>Twig Templates</h2>
        <table>
            <tr>
                <th>Template</th>
                <th>Parameters</th>
            </tr>
            {% for template in collector.templates %}
            <tr>
                <th>
                    {% if template.path %}
                        <a href="{{ template.path|file_link(1) }}">
                            {{ template.name }}
                        </a>
                    {% else %}
                        {{ template.name }}
                    {% endif %}
                </th>
                <td>
                    {% for parameter, metadata in template.parameters %}
                        {% if metadata.type == 'boolean' %}
                            {% set value = metadata.value ? 'true' : 'false' %}
                        {% elseif metadata.type == 'string' %}
                            {% set maxStrLength = 40 %}
                            {% set value = metadata.value %}
                            {% if value|length > maxStrLength %}
                                {% set value = value|slice(0, maxStrLength) ~ '…' %}
                            {% endif %}
                            {% set value = '"' ~ value ~ '"' %}
                        {% else %}
                            {% set value = metadata.value %}
                        {% endif %}
                        <code>
                            {{ parameter }}: <em style="color: #aaa">{{ metadata.type }}</em>
                            <span style="color: #009E00">{{ value }}</span>
                        </code>
                        {% if not loop.last %}<br />{% endif %}
                    {% endfor %}
                </td>
            </tr>
            {% endfor %}
        </table>
    {% endif %}

    {% if collector.globals|length %}
        <h2>Twig Globals</h2>
        <table>
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Value</th>
                </tr>
            </thead>
            <tbody>
                {% for global in collector.globals %}
                    <tr>
                        <th>{{ global.name }}</th>
                        <td>{{ global.value }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}

    {% if collector.extensions|length %}
        <h2>Twig Extensions</h2>
        <table>
            <thead>
                <tr>
                    <th>Extension</th>
                    <th>Class</th>
                </tr>
            </thead>
            <tbody>
                {% for extension in collector.extensions %}
                    <tr>
                        <th>{{ extension.name }}</th>
                        <td>{{ extension.class }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}

    {% if collector.tests|length %}
        <h2>Twig Tests available</h2>
        <table>
            <thead>
                <tr>
                    <th>Test</th>
                    <th>Call</th>
                    <th>Extension</th>
                </tr>
            </thead>
            <tbody>
                {% for test in collector.tests %}
                    <tr>
                        <th>{{ test.name }}</th>
                        <td>{{ test.call }}</td>
                        <td>{{ test.extension }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}

    {% if collector.filters|length %}
        <h2>Twig Filters available</h2>
        <table>
            <thead>
                <tr>
                    <th>Filter</th>
                    <th>Call</th>
                    <th>Extension</th>
                </tr>
            </thead>
            <tbody>
                {% for filter in collector.filters %}
                    <tr>
                        <th>{{ filter.name }}</th>
                        <td>{{ filter.call }}</td>
                        <td>{{ filter.extension }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}

    {% if collector.functions|length %}
        <h2>Twig Functions available</h2>
        <table>
            <thead>
                <tr>
                    <th>Function</th>
                    <th>Call</th>
                    <th>Extension</th>
                </tr>
            </thead>
            <tbody>
                {% for function in collector.functions %}
                    <tr>
                        <th>{{ function.name }}</th>
                        <td>{{ function.call }}</td>
                        <td>{{ function.extension }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}
{% endblock %}