<div class="trip-ideas-map-day js-day" id="day{{@index}}" data-day-number="{{dayIndex}}" data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}">
    {{> @cp-medium-image responsiveImage}}
    <div class="trip-ideas-map-day__eyebrow">
        <span class="trip-ideas-map-day__day-name">{{dayName}}</span>
        <span class="trip-ideas-map-day__from-location">{{fromLocation}}</span>
    </div>
    <div class="trip-ideas-map-day__content">
        <h2 class="trip-ideas-map-day__title">{{title}}</h2>
        <p class="trip-ideas-map-day__subtitle">{{subtitle}}</p>
        {{#if dayItems.length}}
        {{> @cp-button-primary text=ctaText url="#" modifier="with-arrow" cssClasses="js-day-items-open-trigger trip-ideas-map-day__cta"}}
        {{/if}}
    </div>
    {{#if dayItems.length}}
    <div class="trip-ideas-map-day-items js-day-items">
        {{#each dayItems}}
            {{> @cp-day-item }}
        {{/each}}
    </div>
    {{/if}}
</div>