{namespace neos=Neos\Neos\ViewHelpers}
{namespace search=Newland\Toubiz\Search\Neos\ViewHelpers}
{namespace vh=Newland\NeosViewHelpers\ViewHelpers}
{namespace offer=Newland\Toubiz\Offer\Neos\ViewHelpers}

<li class="tb-search-result-list__item tb-search-result-list__item--article tb-search-result-list__item--offer">
    <offer:link.offer
        offer="{offer}"
        class="tb-search-result-list__link"
        additionalAttributes="{
            itemscope: 'itemscope',
            itemtype: 'http://schema.org/Offer',
            itemid: 'urn:uuid:{offer.persistenceObjectIdentifier}'
        }">

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

            <div class="tb-search-result-list__content">
                <f:comment>
                    TODO: Output more information like price and description
                    <p>
                        <vh:format.crop maxCharacters="250" append="..." input="{offer.description -> f:format.htmlentitiesDecode()}" respectWordBoundaries="true" />
                    </p>
                </f:comment>

                <f:if condition="{offer.previewimage}">
                    <div class="tb-search-result-list__image-wrapper">
                        <img
                            data-src="{offer.previewimage}"
                            alt="{offer.name}"
                            class="block lazyload" />
                    </div>
                </f:if>
            </div>
        </article>
    </offer:link.offer>
</li>