<div id="events-region"></div>
<div id="eventslist-region"></div>
<div class="panel panel-default">
    <div class="panel-heading">
        <div class="row">
            <div class="col-md-6">
                <h3>{{trans "Data Channels"}}</h3>
            </div>
            <div class="col-md-6 event-btn-section">
            {{#unless isSubaccountVendor}}
                <button type="button" id="add_event" class="btn btn-default pull-right input-btn-left-space" data-toggle="modal" data-target="#add-event">{{trans "Add Event"}}</button>
            {{/unless}}
                <div id="shareUrlDiv" class="pull-right input-btn-left-space shareBtn">
                    <a href="" class="btn btn-default" id="share_button">{{trans "Share"}}</a>
                    <div id="share_url_message" class="tooltip bottom-arrow popover notDisplay">
                        <div class="popover-content">
                            <div class="form-group">
                                <input type="text" id="share_url" class="form-control" />
                            </div>
                            <small>{{trans "Right-click to copy URL and share with any user under your Label"}}</small>
                        </div>
                    </div>
                </div>
                <button type="button" id="overview_export" class="btn btn-default pull-right">
                <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> {{trans "Export"}} </button>
            </div>
            <div class="col-md-12">
                    <div id="downloadErrorMessage" class="alert alert-danger clearfix" style="display: none;">
                        <span class="glyphicon glyphicon-warning-sign alert-icon pull-left" aria-hidden="true"></span>
                        <div class="alert-message pull-left">
                            <h4>Export Failed:</h4>
                            <p>The export tool is currently unavailable. Please check back momentarily.</p>
                        </div>
                        <a id="clearMessage" class="pull-right">DISMISS</a>
                    </div>
                </div>
            </div>
    </div>
    <div class="panel-body">
        {{#if analyticsLoaderStateEnabled}}
            <div class="row analytics-loader-wrapper loader-space">
                <div class="loading analytics-loader" id="loading_graphs">
                    <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>
        {{else}}
            <div class="row">
                <div id="loading_graphs" 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>
        {{/if}}
            <div id="empty_graphs">
                <br>
                <center>{{trans "No data available during this timeframe. Please adjust filters and try again."}}</center>
                <br>
            </div>
            <div id="graphs_list"></div>
        </div>

        <div class="row" id="additional_info">
            <div class="col-md-7">
            <a href="/analytics/salesfeedinfo" id="data-sources-link" class="btn btn-default">{{trans "Data Sources List"}}</a>
            </div>
            <div class="col-md-5">
                <div class="well">
                    <ul id="hidden-channels" class="list-unstyled"></ul>
                    <div id="resetchannelMsg"></div>
                    <br>
                    <button id="reset" class="btn btn-default">{{trans "Reset Channels"}}</button>
                </div>
            </div>
        </div>
    </div>
</div>
