{{{customeditframe.editframeStart}}}
<div class="filtered-card-grid {{#ifEquals type "map"}}map-view{{/ifEquals}} {{#ifEquals type "mapAndCards"}}map-view{{/ifEquals}} {{#ifEquals type "cards"}}card-view{{/ifEquals}}"
     data-module="filteredCardGrid" data-datasource="{{datasource}}" data-filter-api-endpoint="{{filterApiEndpoint}}"
     data-map-filter-api-endpoint="{{mapFilterApiEndpoint}}" data-map-key="{{mapKey}}">
    <div class="grid-container filtered-card-grid__inner">
        <div class="grid-x grid-margin-x">
            {{#if title}}<h2 class="filtered-card-grid__title cell">{{{title}}}</h2>{{/if}}
            {{#if subtitle}}<p class="filtered-card-grid__subtitle cell">{{{subtitle}}}</p>{{/if}}
            {{#ifEquals type "mapAndCards"}}
            <div class="filtered-card-grid-toggle">
                <a href="#" class="filtered-card-grid-toggle__map-toggle js-show-map">Map View</a>
                <a href="#" class="filtered-card-grid-toggle__card-toggle js-show-cards">Card View</a>
            </div>
            {{/ifEquals}}
            {{#if filters}}
            <div class="filtered-card-grid__filters cell">
                {{> @cp-filter-tags}}
            </div>
            {{/if}}
        </div>
        <div class="filtered-card-grid__card-view js-card-view">
            <div class="filtered-card-grid__loader js-card-loader">{{> @loader }}</div>
            <div class="filtered-card-grid__results js-card-results" data-module="card">
            </div>
        </div>
        <div class="filtered-card-grid__map-view js-map-view">
            <div class="filtered-card-grid__map-result-overlay js-overlay">
                {{> @cp-card-standard-generic dynamicImage=true }}
                <a href="#" class="filtered-card-grid__map-result-overlay-close js-overlay-close">{{overlayCloseText}}</a>
                {{> @cp-button-secondary text=overlayButtonText url="#" cssClasses="filtered-card-grid__map-result-overlay-button js-overlay-button"}}
            </div>
            <div class="filtered-card-grid__map-results-container">
                <div class="filtered-card-grid__loader js-map-loader">{{> @loader }}</div>
                <div class="filtered-card-grid__map-results js-map-results" data-module="card"></div>
            </div>
            <div class="filtered-card-grid__map-container">
                <link href="https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css" rel="stylesheet" />
                <div class="filtered-card-grid__map" id="map"></div>
            </div>
        </div>
    </div>
</div>
{{{customeditframe.editframeStop}}}