{# {{ script({ add: "$('a.js-external').attr('target', '_blank');", dynamic: __oxid_include_dynamic }) }} #}
{% capture append = "oxidBlock_content" %}
    {% set search_title = "SEARCH"|translate %}
    {% set searchparamforhtml = oView.getSearchParamForHtml() %}
    {% set template_title = search_title ~ " - " ~ searchparamforhtml %}
    {% set search_head = "HITS_FOR"|translate %}
    {% set search_head = oView.getArticleCount() ~ " " ~ search_head ~ " "" ~ searchparamforhtml ~ """ %}
    {% set blEnableInfiniteScroll = oViewConf.getViewThemeParam("blEnableInfiniteScroll") %}

    <div class=c4s-search">
        {% block search_header %}
            <div class="c4s-search-header">
                <h1>
                    {{ search_head|raw }}
                </h1>
            </div>
        {% endblock %}

        {% block search_results %}
            {% if oView.getArticleCount() %}
                {% block search_listlocator_top %}
                    {% include "widget/locator/listlocator.html.twig" with {oPageLocator: oView.getPageNavigationLimitedTop(), blListDisplayType: false, iItemsPerPage: 0, blSort: false} %}
                {% endblock %}
            {% else %}
                <div class="alert alert-info mt-5" role="alert">{{ translate({ ident: "NO_ITEMS_FOUND" }) }}</div>
            {% endif %}

            {% if oView.getArticleList() %}
                {% set oPageNavigation = oView.getPageNavigation() %}
                {% if blEnableInfiniteScroll and oPageNavigation.NrOfPages > 1 %} {# todo infinite scrolling #}
    {# {{ script({ include: "js/vendor-config/c4s-infinitescroll-forsearch.min.js", priority: 9, dynamic: __oxid_include_dynamic }) }} #}
    {# {{ script({ include: "js/vendor-config/c4s-infinitescroll.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }} #}
                {% endif %}
                {% for oArticle in oView.getArticleList() %}
                    {% include "widget/product/list.html.twig" with {sListType: oView.getListDisplayType(), sListId: "search-articles", oArticles: oView.getArticleList(), blShowMainLink: true} %}
                {% endfor %}
            {% endif %}

            {% if oView.getArticleCount() %}
                {% block search_listlocator_bottom %}
                    {% include "widget/locator/listlocator.html.twig" with {oPageLocator: oView.getPageNavigationLimitedBottom(), sPosition: "bottom"} %}
                {% endblock %}
            {% endif %}
        {% endblock %}

        {% if blEnableInfiniteScroll %} {# todo #}
            <div class="page-load-status">
                <p class="infinite-scroll-request" style="display: none">{{ translate({ ident: "C4S_IS_LOADING" }) }}  <i class="fa-solid fa-spinner fa-2x fa-spin-pulse"></i></p>
                <p class="infinite-scroll-last" style="display: none">{{ translate({ ident: "C4S_IS_END" }) }}</p>
                <p class="infinite-scroll-error" style="display: none">{{ translate({ ident: "C4S_IS_ERROR" }) }}</p>
            </div>
        {% endif %}
    </div>
    {{ insert_tracker({title: template_title}) }}
{% endcapture %}
{% set template_title = "SEARCH"|translate %}

{% include "layout/page.html.twig" with {title: template_title, location: "SEARCH"|translate} %}