<div class="travel-to-map {{#if @first}}travel-to-map--show{{/if}}" data-map-type="{{type}}">
    <section class="travel-to-map__background">
        <div class="grid-container">
            <div class="grid-x grid-padding-x">
                <div class="cell medium-order-2 medium-6 large-offset-1 large-6 large-order-1">
                    {{> @cp-travel-to-map-carousel}}
                </div>
                <div class="cell medium-order-1 medium-6 large-5 large-order-2 travel-to-map__map-cell">
                    <div class="travel-to-map__map-container"
                        data-location-names='{{ jsonSerializer locations }}'>
                         {{> @map-svg class="travel-to-map__svg-map" }}
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{#each locations}}
        {{#if information.title}}
        <section class="travel-to-info" data-location-code={{code}}>
            <div class="grid-container">
                <div class="grid-x grid-padding-x">
                    <div class="cell medium-10 medium-offset-1 small-no-pad">
                        {{> @cp-travel-info information}}
                    </div>
                </div>
            </div>
        </section>
        {{/if}}
    {{/each}}
</div>