<div class="trip-ideas-map-day-item js-day-item" data-day-index="{{@../index}}" data-day-item-index="{{@index}}" data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}">
    <h3 class="trip-ideas-map-day-item__title">{{title}}</h3>
    <div class="trip-ideas-map-day-item__caption">
        {{#if caption.location}}
        <span class="trip-ideas-map-day-item__location-icon"></span>
        <p class="trip-ideas-map-day-item__location">
            {{caption.location}}
        </p>
        {{/if}}
        {{#if caption.description}}
        <p class="trip-ideas-map-day-item__description">
            {{caption.description}}
        </p>
        {{/if}}
    </div>
    <div class="trip-ideas-map-day-item__image">
        {{> @cp-medium-image responsiveImage}}
    </div>
    <div class="trip-ideas-map-day-item__subtitle">
        <p>{{{subtitle}}}</p>
    </div>
    {{#each pointsOfInterest}}
        {{> @cp-points-of-interest}}
    {{/each}}
    {{> @cp-trip-ideas-distance }}
</div>