{namespace is=TYPO3\CMS\IndexedSearch\ViewHelpers}
<f:alias map="{sword: searchParams.sword}">
    <f:render partial="Form" arguments="{_all}"/>
</f:alias>

<f:for each="{resultsets}" as="result">

    <f:if condition="{result.categoryTitle}">
        <h1>{result.categoryTitle}</h1>
    </f:if>

    <!-- show the info what was searched for -->
    <f:for each="{searchWords}" as="searchWord" key="key">
        <p>
            <f:if condition="{key} > 0">
                <f:then>
                    <f:translate key="searchFor.{searchWord.oper}" /> <strong>{searchWord.sword}</strong>
                </f:then>
                <f:else>
                    <f:translate key="searchFor" /> <strong>{searchWord.sword}</strong>
                </f:else>
            </f:if>
            {result.searchedInSectionInfo}
        </p>
    </f:for>

    <f:if condition="{result.count} > 0">
        <f:then>
            <p>
                <is:pageBrowsingResults numberOfResults="{result.count}" currentPage="{searchParams.pointer}" resultsPerPage="{searchParams.numberOfResults}" />
                {result.sectionText}
            </p>

            <!-- render the anchor-links to the sections inside the displayed result rows -->
            <f:if condition="{result.affectedSections}">
                <div class="list-group">
                    <f:for each="{result.affectedSections}" as="sectionData" key="sectionId">
                        <a href="#anchor_{sectionId}" class="list-group-item">
                            <span class="badge">
                                {sectionData.1}
                                <f:translate key="{f:if(condition: '{sectionData.1} > 1', then: 'word_pages', else: 'word_pages')}" />
                            </span>
                            <f:if condition="{sectionData.0}">
                                <f:then>{sectionData.0}</f:then>
                                <f:else><f:translate key="result.unnamedSection" /></f:else>
                            </f:if>
                        </a>
                    </f:for>
                </div>
            </f:if>

            <f:for each="{result.rows}" as="row">
                <f:if condition="{row.isSectionHeader}">
                    <f:then>
                        <div id="anchor_{row.sectionId}">
                            <h2>
                                <f:format.raw>{row.sectionTitle}</f:format.raw>
                                <span class="tx-indexedsearch-result-count">
                                    {row.numResultRows} <f:translate key="{f:if(condition: '{row.numResultRows} > 1', then: 'result.pages', else: 'result.page')}" />
                                </span>
                            </h2>
                        </div>
                    </f:then>
                    <f:else>
                        <f:render partial="Searchresult" arguments="{row: row}" />
                    </f:else>
                </f:if>
            </f:for>
            <is:pageBrowsing numberOfResults="{result.count}" maximumNumberOfResultPages="{settings.page_links}" currentPage="{searchParams.pointer}" resultsPerPage="{searchParams.numberOfResults}" />

        </f:then>
        <f:else>
            <div class="alert alert-info">
                <f:translate key="result.noResult" />
            </div>
        </f:else>
    </f:if>
</f:for>