<section class="search-row">

    {% set banner = page.media[page.header.primaryImage].loading('lazy').html(page.title,page.title)|raw ?: page.media.images|first  %}

    {% if banner %}
        <div class="search-image">
            <a href="{{ page.url }}">{{ banner }}</a>
        </div>
    {% endif %}
    <div class="search-item">
        <div class="search-title">
            <h3><a href="{{ page.url }}">{{ page.title }}</a></h3>
        </div>

        <div class="search-details">
        {% if plugin.translate_date.enabled %}
            <span class="search-date">{{ page.date|td(null, config.system.pages.dateformat.short) }}</span>
        {% else %}
            <span class="search-date">{{ page.date|date(config.system.pages.dateformat.short) }}</span>
        {% endif %}
        </div>

        <p>{{ page.summary|truncate(200)|raw }}</p>

        <hr/>
    </div>
</section>
