{namespace vh=Newland\NeosViewHelpers\ViewHelpers}

<li class="tb-search-result-list__item tb-search-result-list__item--{result.scope} {additionalClass.wrapper}">
    <a
        href="{url}"
        class="tb-search-result-list__link {additionalClass.link}"
        itemscope="itemscope"
        itemtype="{schemaOrg.itemType}"
        itemid="urn:uuid:{result.identifier}"
    >

        <article>
            <header>
                <h3 class="tb-search-result-list__title {additionalClass.title}">
                    {title -> f:format.htmlentitiesDecode()}
                </h3>
            </header>

            <div class="tb-search-result-list__content {additionalClass.content}">
                <p>
                    <vh:format.crop
                        maxCharacters="250"
                        append="..."
                        input="{content -> f:format.htmlentitiesDecode()}"
                        respectWordBoundaries="true"
                    />
                </p>

                <f:if condition="{image}">
                    <div class="tb-search-result-list__image-wrapper {additionalClass.imageWrapper}">
                        <img data-src="{image.sourceUri}" alt="{image.title}" class="lazyload {additionalClass.image}" />
                    </div>
                </f:if>
            </div>
        </article>
    </a>
</li>

<f:if condition="{explain} && {result.rawResult._explanation}">
    <details style="border: 3px solid yellow; margin-bottom: 25px;">
        <summary><strong>Score: {result.rawResult._explanation.value}</strong></summary>

        <table>
            <f:for each="{result.rawResult._explanation.details}" as="ex">
                <vh:render partial="ElasticSearchExplanation" arguments="{ explanation: ex, depth: explanationDepth, result: result }" />
            </f:for>
        </table>
    </details>
</f:if>