<div class="sitecore-search-results-item js-search-page-card" data-search-id="{{searchId}}">
    <a class="sitecore-search-results-item__link js-link" href="{{#if link.url}}{{link.url}}{{else}}#{{/if}}" {{#if link.target}}target="{{link.target}}"{{#ifEquals link.target "_blank"}} rel="noopener"{{/ifEquals}}{{/if}}>
        <div class="sitecore-search-results-item__image-wrapper">
            {{> @cp-medium-image responsiveImage}}
        </div>
        <div class="sitecore-search-results-item__content">
            <p class="sitecore-search-results-item__category">{{category}}</p>
            <p class="sitecore-search-results-item__title js-check-highlight">{{title}}</p>
            <p class="sitecore-search-results-item__subtitle js-check-highlight">{{subtitle}}</p>
            {{#if minuteRead}}
            <p class="sitecore-search-results-item__minute-read">{{minuteRead}}</p>
            {{/if }}
            {{#if distance}}
                {{#ifEquals travelMethod 'boat'}}
                <p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--boat">{{distance}}</p>
                {{/ifEquals}}
                {{#ifEquals travelMethod 'bus'}}
                <p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--bus">{{distance}}</p>
                {{/ifEquals}}
                {{#ifEquals travelMethod 'car'}}
                <p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--car">{{distance}}</p>
                {{/ifEquals}}
                {{#ifEquals travelMethod 'cycle'}}
                <p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--cycle">{{distance}}</p>
                {{/ifEquals}}
                {{#ifEquals travelMethod 'hiking'}}
                <p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--hiking">{{distance}}</p>
                {{/ifEquals}}
                {{#ifEquals travelMethod 'plane'}}
                <p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--plane">{{distance}}</p>
                {{/ifEquals}}
                {{#ifEquals travelMethod 'taxi'}}
                <p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--taxi">{{distance}}</p>
                {{/ifEquals}}
                {{#ifEquals travelMethod 'train'}}
                <p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--train">{{distance}}</p>
                {{/ifEquals}}
            {{/if }}
            {{#if reviewRating}}
            <p class="sitecore-search-results-item__rating">
                {{#ifEquals reviewRating 1}}
                <span class="sitecore-search-results-item__rating-filled"></span>
                <span class="sitecore-search-results-item__rating-unfilled"></span>
                <span class="sitecore-search-results-item__rating-unfilled"></span>
                <span class="sitecore-search-results-item__rating-unfilled"></span>
                <span class="sitecore-search-results-item__rating-unfilled"></span>
                {{/ifEquals}}
                {{#ifEquals reviewRating 2}}
                <span class="sitecore-search-results-item__rating-filled"></span>
                <span class="sitecore-search-results-item__rating-filled"></span>
                <span class="sitecore-search-results-item__rating-unfilled"></span>
                <span class="sitecore-search-results-item__rating-unfilled"></span>
                <span class="sitecore-search-results-item__rating-unfilled"></span>
                {{/ifEquals}}
                {{#ifEquals reviewRating 3}}
                <span class="sitecore-search-results-item__rating-filled"></span>
                <span class="sitecore-search-results-item__rating-filled"></span>
                <span class="sitecore-search-results-item__rating-filled"></span>
                <span class="sitecore-search-results-item__rating-unfilled"></span>
                <span class="sitecore-search-results-item__rating-unfilled"></span>
                {{/ifEquals}}
                {{#ifEquals reviewRating 4}}
                <span class="sitecore-search-results-item__rating-filled"></span>
                <span class="sitecore-search-results-item__rating-filled"></span>
                <span class="sitecore-search-results-item__rating-filled"></span>
                <span class="sitecore-search-results-item__rating-filled"></span>
                <span class="sitecore-search-results-item__rating-unfilled"></span>
                {{/ifEquals}}
                {{#ifEquals reviewRating 5}}
                <span class="sitecore-search-results-item__rating-filled"></span>
                <span class="sitecore-search-results-item__rating-filled"></span>
                <span class="sitecore-search-results-item__rating-filled"></span>
                <span class="sitecore-search-results-item__rating-filled"></span>
                <span class="sitecore-search-results-item__rating-filled"></span>
                {{/ifEquals}}
            {{reviewRating}}/5</p>
            {{/if }}
        </div>
    </a>
</div>