{{#results}}
<!--Add class special for special-->
    <div class="result {{specialClass}}" data-location="{{locationId}}">
        <a href="{{target.url}}">
            <div class="image">
                <div class="image-container">
                    <div class="lodging-result-carousel carousel-with-lightbox-wrapper">
                        <div class="carousel buttons-small buttons-white-bkg">
                            <div class="slides swipe non-mobile-block" data-autoplay="{{imageCarousel.shouldAutoplay}}" data-hasdots="false" >
                                <div class="swipe-wrap">
                                    {{#imageCarousel.mediaItems}}
                                    <div class="slide" data-title="{{title}}">
                                        <div class="slide-image-wrapper" >
                                            {{#isImage}}
                                            <picture>
                                                <source media="(min-width: 480px)" srcset="{{imageUrlTablet}}" />
                                                <img src="{{imageUrlMobile}}" data-mediatype="image" class="media-item-element" alt="{{image.alt}}" loading="lazy"/>
                                            </picture>
                                            {{/isImage}}
                                           
                                        </div>
                                    </div>
                                    {{/imageCarousel.mediaItems}}
                                </div>
                            </div>
                            <div class="slides swipe mobile-only" data-autoplay="{{imageCarousel.shouldAutoplay}}" data-hasdots="{{imageCarousel.hasDots}}" >
                                <div class="swipe-wrap">
                                    {{#imageCarousel.mediaItems}}
                                    <div class="slide" data-title="{{title}}">
                                        <div class="slide-image-wrapper">
                                            {{#isImage}}
                                            <picture>
                                                <source media="(min-width: 480px)" srcset="{{imageUrlTablet}}" />
                                                <img src="{{imageUrlMobile}}" data-mediatype="image" class="media-item-element" alt="{{image.alt}}" loading="lazy"/>
                                            </picture>
                                            {{/isImage}}
                                        </div>
                                    </div>
                                    {{/imageCarousel.mediaItems}}
                                </div>
                            </div>
                        </div>
                    </div>
                
                </div>

                <div class="featured {{featuredClass}}">
                    {{promoText}}
                </div>
                <div class="rating {{trustYouClass}}">
                    <div class="trust-you-guid hidden">{{trustYouGUID}}</div>
                    <span class="score">{{trustYouScore}}</span> <span class="fa fa-star"></span>
                </div>

                {{#isInCart}}
                <div class="in-cart" aria-hidden='true' title='In cart'>
                    <span class='fal fa-shopping-cart' />
                </div>
                {{/isInCart}}
            </div>

            <div class="details">

                {{#locations}}
                <div class="location" data-name="{{displayName}}">
                    {{displayName}}
                </div>
                {{/locations}}
                <div class="name">
                    {{name}}
                </div>
                <div class="price">
                    {{{lowestRateText}}}
                </div>

            </div>
        </a>
    </div> 
{{/results}}
{{^results}}   
<h3 class="no-results">{{noresults}}</h3>  
{{/results}}
<div class="clear"></div>

<script type="text/javascript">
    function clickRatings(event, url) {
        event.stopPropagation();

        if(url.length > 0)
            window.open(url, '_blank');
    }
</script>