{{!--
    Search results from the global website search function

    Related JS module(s): globalSearchResultItem.js
--}}
{{#each results}}
    {{~#compare _docType '!==' 'contact'}}
    <div class="search-results__item">
        {{!-- An image is only shown for first element in the result list --}}
        {{~#if @first}}
            <div class="search-results__item__image"><img src="{{image}}"></div>
        {{/if}}

        {{!-- Result link and teaser text --}}
        <div class="search-results__item__content">
            {{~#if siteTitle}}
                <h3><a href="{{url}}"
                       class="textlink">{{siteTitle}}</a></h3>
            {{/if}}
            {{~#if teaserText}}
                <p>{{teaserText}}</p>
            {{/if}}
        </div>

    </div>
    {{/compare}}
    {{~#compare _docType '===' 'contact'}}
     <div class="search-results__item">
        <div class="teaser teaser--card margin-bottom-m">

            {{!-- Contact image --}}
            <div class="image-wrapper">
                <img data-src="{{imageUrl}}" class="lazyload"/>
            </div>

            {{!-- Contact details --}}
            <div class="teaser__content-wrapper">

                {{~#if jobTitle}}
                    <h6>{{jobTitle}}</h6>
                {{/if}}
                {{~#if name}}
                    <h3>{{name}}</h3>
                {{/if}}
                <div class="teaser__text-wrapper">
                    <p>

                    {{~#if phoneNumber}}
					    <span class="teaser__contact__mobile">
                            <span class="icon icon-LMHIconphoneblack"></span>
                            <a href="tel:{{phoneNumber}}" class="textlink">{{phoneNumber}}</a>
					    </span>
                    {{/if}}
                    {{~#if email}}
                        <span class="teaser__contact__mail">
                            <span class="icon icon-LMHIconmailblack"></span>
                            <a href="mailto:{{email}}" class="textlink">{{email}}</a>
					    </span>
                    {{/if}}
                    </p>
                </div>
            </div>
        </div>
    </div>
    {{/compare}}
{{/each}}