<div class="row">
    <div class="col-sm-12">
        <nav class="main-subnav">
            {{#if topChartsEnabled}}
                <a href="/analytics/index">{{trans "Top Charts"}}</a>
            {{/if}}
            <a href="/analytics/overview" class="active">{{trans "Overview"}}</a>
            {{#if audienceEnabled}}
                <a href="/analytics/audience">{{trans "Audience"}}</a>
            {{/if}}
            {{#if sourceOfStreamsEnabled}}
                <a href="/analytics/engagement">{{trans "Engagement"}}</a>
            {{/if}}
            {{#if comparisonEnabled}}
                <a href="/analytics/comparison">{{trans "Comparison"}}</a>
            {{/if}}
            {{#unless isDeprecateHeatmapEnabled}}
                <a href="/analytics/heatmap">{{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}}
            {{#if socialInsightsEnabled }}
                <a href="/analytics/social">{{trans "Social Insights"}}</a>
            {{/if}}
        </nav>
    </div>
</div>
<div id="filters"></div>
{{#if analyticsLoaderStateEnabled }}
    <div class="analytics-loader-wrapper loader-space overview-analytics-loader">
        <div class="loading analytics-loader" id="loading_sections">
            <div class="LoadingIndicator">
                <div class="LoadingIndicator-outer">
                    <div class="LoadingIndicator-dots">
                        <div class="LoadingIndicator-loader-dot"></div>
                        <div class="LoadingIndicator-loader-dot"></div>
                        <div class="LoadingIndicator-loader-dot"></div>
                        <div class="LoadingIndicator-loader-dot"></div>
                        <div class="LoadingIndicator-loader-dot"></div>
                    </div>
                </div>
            </div>
        </div>
        <div id="overview-transaction-group">
            <div class="panel-body message-space col-md-12 text-center" id="empty_transaction_group_graphs" style="display:none;">
                <br>
                {{trans "No data available during this timeframe. Please adjust filters and try again."}}
                <br>
            </div>
        </div>
    </div>
{{/if}}
<div id="graphs"></div>
<div id="barchart"></div>
<div id="disclaimer">
    <p id="analytics-disclaimer"><b>{{trans "Please Note"}} :</b> {{#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>
