<div class="trip-ideas-map-navigation js-map-navigation">
    <div class="trip-ideas-map-navigation__sidebar js-trip-ideas-sidebar">
        {{#each days}}
            <div class="day-sidebar{{#if @first}} is-active{{/if}}" data-id="day{{@index}}">
                <p class="day-sidebar__index">{{dayIndex}}</p>
                <p class="day-sidebar__day-name">{{dayName}}</p>
                <div class="day-sidebar__detail-bar"><div class="day-sidebar__progress-bar js-progress-bar"></div></div>
                {{#unless @last}}
                    {{> @cp-trip-ideas-distance }}
                {{/unless}}
            </div>
        {{/each}}
    </div>
    <div class="trip-ideas-map-navigation__day-picker js-trip-ideas-day-picker">
        <div class="grid-x grid-padding-x">
            {{> @cp-trip-ideas-day-picker}}
        </div>
    </div>
</div>