{{#each this}}
<div class="baa-map-results__item" data-step-shop="{{type}}{{shopNumber}}" data-shop-division="{{division}}" data-shop-booking-status="{{onLineBookingStatus}}">
    <div class="recommended d-none" data-recommended>
        <img class="icon" src="">
        <span class="label"></span>
    </div>
	{{#if isAmplifonStore}}
	<div class="google-map-img-container image-not-loaded">
		<img class="google-map-img" alt="Google Map of {{latitude}},{{longitude}}">
	</div>
	{{/if}}
    <div class="baa-carousel-header__text">
        <p class="simple-text store-name"><span>{{shopName}}</span>
            <span class="grey-text baa-distance">{{#calculateDistance latitude longitude}}{{/calculateDistance}}</span>
        </p>
        <p class="simple-text text-small">{{customAddress}}</p>
    </div>
    {{#if isAmplifonStore}}
    <div class="appointment-slots-container"></div>
    <div class="booking-unavailable d-none">
        <div class="baa-no-slot-img">
            <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23888' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-linecap='round' d='M17 11V1M45 11V1M22.445 24.417L39.028 41M38.84 24.8L22.446 41.196M45 11V1M61 42L43 61'/%3E%3Cpath d='M28 5h27.495A5.508 5.508 0 0 1 61 10.51V34M18 5h36'/%3E%3Cpath stroke-linecap='round' d='M43 61H6.494A5.493 5.493 0 0 1 1 55.509V10.49A5.493 5.493 0 0 1 6.494 5h10.629M43 61V47.56c0-3.069 2.408-5.56 5.382-5.56H61'/%3E%3C/g%3E%3C/svg%3E%0A">
        </div>
        {{ booking_no_room_left }}
        <p class="item-h5 value-bold text-center request-callback" data-step-shop="{{type}}{{shopNumber}}"
           data-shop-division="{{division}}" data-request-callback>Request a callback</p>
    </div>
    {{else}}
    <div class="booking-unavailable">
        <div class="baa-no-slot-img">
            <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23888' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-linecap='round' d='M17 11V1M45 11V1M22.445 24.417L39.028 41M38.84 24.8L22.446 41.196M45 11V1M61 42L43 61'/%3E%3Cpath d='M28 5h27.495A5.508 5.508 0 0 1 61 10.51V34M18 5h36'/%3E%3Cpath stroke-linecap='round' d='M43 61H6.494A5.493 5.493 0 0 1 1 55.509V10.49A5.493 5.493 0 0 1 6.494 5h10.629M43 61V47.56c0-3.069 2.408-5.56 5.382-5.56H61'/%3E%3C/g%3E%3C/svg%3E%0A">
        </div>
        {{ booking_unavailable }}
        <p class="item-h5 value-bold text-center request-callback" data-step-shop="{{type}}{{shopNumber}}"
           data-shop-division="{{division}}" data-request-callback>Request a callback</p>
    </div>
    {{/if}}
    {{#if isAmplifonStore}}
    <div class="row">
        <div class="col-12">
            <p class="item-h5 value-bold text-center m-3 view-all d-none" data-step-shop="{{type}}{{shopNumber}}"
               data-shop-division="{{division}}" data-view-all></p>
        </div>
    </div>
    {{/if}}
</div>
{{else}}
<p>There are no stores for this search</p>
{{/each}}