<div class="row">
    <div class="col-md-12">
        <nav class="main-subnav">
            <a href="/analytics/index">{{trans "Top Charts"}}</a>
            <a href="/analytics/overview">{{trans "Overview"}}</a>
            <a href="/analytics/audience">{{trans "Audience"}}</a>
            {{#if sourceOfStreamsEnabled}}
                <a href="/analytics/engagement">{{trans "Engagement"}}</a>
            {{/if}}
            {{#unless isDeprecateHeatmapEnabled}}
                <a href="/analytics/heatmap" class="active">{{trans "Heatmap"}}</a>
            {{/unless}}
            {{#if showRevenueForecastSubnav}}
                <a href="/analytics/filmtransparency">{{trans "Film Transparency"}}</a>
            {{/if}}
            {{#if workstationPhysicalReportingEnabled }}
                <a href="/analytics/reporting/physical/report/product-view">{{trans "Physical Reporting"}}</a>
            {{/if}}
            {{#if dataStudioEnabled}}
                <a href="/analytics/datastudio">{{trans "Data Studio"}}</a>
            {{/if}}
        </nav>
    </div>
</div>
<form class="heatmap-form-border pull-left full-width">
    <div class="panel panel-secondary">
        <div class="panel-body">
            <div class='row'>
                <div class='col-md-3'>
                    <h6 class="view-by-title">{{trans "View by"}}</h6>
                    <div id="toggle-entity" class="btn-group btn-multiselect" role="group">
                        <button type="button" class="btn btn-default" data-entity="artist">
                        {{#if isFilmTVUser}}
                            {{#if isFilmUser}}
                                {{trans "Collection"}}
                            {{else}}
                                {{trans "Volume"}}
                            {{/if}}
                        {{else}}
                            {{trans "Artist"}}
                        {{/if}}
                        </button>
                        <button type="button" class="btn btn-default active" data-entity="release">{{#if isProjectMode}}{{trans "Project"}}{{else}}{{trans "Release"}}{{/if}}</button>
                    </div>
                </div>
                <div class='pull-right'>
                    <div id="datepicker" class="date-picker clearfix"></div>
                </div>
            </div><!-- /.row -->
            <br />
            <div class='row'>
                <div class='col-md-10'>
                    <div class='row'>
                        <div class='col-md-5'>
                            <div class="form-group">
                                <label class="search-release">{{trans "Search"}}</label>
                                <input name="entity-search" id="entity-search" class="typeahead form-control" type="text" placeholder="{{#if isProjectMode}}{{trans "Project"}}{{else}}{{trans "Release"}}{{/if}} name (required)">
                            </div>
                        </div>
                        <div class='col-md-6 pull-right'>
                            <div class="form-group">
                                <label>{{trans "Select Channel"}}</label>
                                <select name="channel-select" id="channel-select" class="form-control">
                                {{#unless isFilmTVUser}}
                                    <option value="23">{{trans "Album Downloads"}}</option>
                                    <option value="19">{{trans "Track Downloads"}}</option>
                                {{/unless}}
                                <option value="12">{{trans "Video Downloads"}}</option>
                                <option value="16">{{trans "Video Rental"}}</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-2 pull-right">
                    <button id="mapit" disabled class="btn btn-primary pull-right">{{trans "Apply"}}</button>
                </div>
            </div>
        </div>
    </div>
</form>
<div id='display-entity-container' class="panel panel-default">
    <div class='panel-heading'>
        <div class='row'>
            <div id="entity-display"></div>
        </div>
        <div class="row">
        </div>
    </div>
    <div class="panel-body">
        <div class="map-container">
            <div id="map_canvas" class="map-canvas"></div>
            <div id="spinner" class="progress progress-striped active">
                <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="100" role="progressbar" class="progress-bar"></div>
                <div>{{trans "Loading"}}</div>
            </div>
        </div>
    </div>
    <div class='panel-body'>
        <hr>
        <p id="analytics-disclaimer"><b>{{trans "Please Note"}}:</b>&nbsp;{{#if isProjectMode}}{{trans "The Orchard, through its sales activity reports received from select stores, has built these tools to allow you to track your sales activity. This data is meant to be a guide to how your project is performing, it is NOT ACCOUNTING DATA and may not identically correspond to the actual accounting & sales data reported in your statement."}}{{else}}{{{trans "Analytics disclaimer"}}}{{/if}}</p>
    </div>
</div>
