{{#each hottours}}
%HEADER%
<div class="h-card jsInfo" data-tourofferid="{{TourOfferId}}" data-type="hottour" data-price="{{PriceFrom}}">
    <div class="h-card__thumbnail">
        <a href="{{TourDetailsUrl}}">
            <img class="lazyload" data-src="{{ImageUrl}}" alt="" title="{{TourName}}" />
        </a>
        <div class="h-card__buttons cabinet-public-btn">
            <button type="button" class="btn jsAddToWishList {{#if InWishList}} active {{/if}}">
                <svg class="n-svg-icon" width="24" height="24">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink"
                         xlink:href="/images/icons-search.svg#favorites-fill"></use>
                </svg>
            </button>
            {{#if IsExcursion}}
            {{else}}
            <button type="button" class="btn jsAddToCompareList {{#if InCompareList}} active {{/if}}">
                <svg class="n-svg-icon" width="24" height="24">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink"
                         xlink:href="/images/icons-search.svg#compare"></use>
                </svg>
            </button>
            {{/if}}
        </div>
    </div>
    <div class="h-card__content">
        <div class="h-card__head">
            <a href="{{TourDetailsUrl}}" class="h-card__title">
                {{TourName}}
                {{#if StarsCount}}
                {{StarsCount}}
                <svg class="n-svg-icon n-svg-icon--rating-h" width="10" height="10">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink"
                         xlink:href="/images/icons-search.svg#star-bg"></use>
                </svg>
                {{/if}}
            </a>
            <div class="h-card__subtitle">
                {{DirectionName}} {{#if ResortName}}, {{ResortName}} {{/if}}
            </div>
            {{#if (or ReviewRate ReviewQty)}}
            <div class="h-card-rating">
                {{#if ReviewRate}}
                <div class="progress">
                    <div class="progress-bar {{ReviewRateClass}}" role="progressbar" style="width: {{ReviewRatePercent}}%"></div>
                </div>
                <span class="h-card-rating__text">{{ReviewRate}}</span>
                {{/if}}
                {{#if ReviewQty}}
                <a href="{{DetailsLink}}">({{ReviewQty}} {{ReviewQtyText}})</a>
                {{/if}}
            </div>
            {{/if}}
        </div>
        <div class="h-card__body">
            <div class="h-card__item">
                <svg width="24" height="24">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink"
                         xlink:href="/images/icons-search.svg#calendar-slim"></use>
                </svg>
                <div>
                    {{{getLoc 'S'}}} {{DateFromShort}} {{{getLoc 'Po'}}} {{DateToShort}} ({{DurationDay}} {{#if DurationRoad}} +{{DurationRoad}} <i class="icon-info jsHotDurationRoadPopover" data-toggle="popover" data-content="{{{getLoc 'VOteleVDoroge'}}}"></i> {{/if}} {{NightsText}})
                </div>
            </div>
            <div class="h-card__item">
                {{#each TransportIcons}}
                <svg width="24" height="24">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink"
                         xlink:href="/images/icons-search.svg#{{this}}"></use>
                </svg>
                {{/each}}
                <div>{{#if DeparturePointId}}{{{getLoc 'VyezdIz'}}}{{/if}} {{DeparturePointNameGenitive}}</div>
            </div>
            <div class="h-card__item">
                <svg width="16" height="20">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink"
                         xlink:href="/images/icons-search.svg#food"></use>
                </svg>
                <div>{{#if BoardName}}{{BoardName}}{{else}}{{{getLoc 'NeUkazan'}}}{{/if}}</div>
            </div>
        </div>
        <div class="h-card__footer">
            <div class="h-card__price">
                <span>{{PriceFromString}} </span> {{CurrencySign}}
            </div>
            <div class="h-card__subtext">
                {{PriceDescription}}
            </div>
            <a href="{{TourDetailsUrl}}" class="btn btn-brand btn-brand--orange h-card__btn">
                {{#if ButtonText}}
                {{ButtonText}}
                {{else}}
                {{{getLoc 'Zakazat'}}}
                {{/if}}
            </a>
        </div>
    </div>
</div>
%FOOTER%
{{/each}}