<div id="events-region"></div>
<div id="eventslist-region"></div>
<div class="panel panel-default">
    <div class="panel-heading">
        <h3>{{sectionName}}</h3>
    </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" class=empty_graphs_{{transactionGroupClass}}>
                    <br>
                    <center>{{trans "No data available during this timeframe. Please adjust filters and try again."}}</center>
                    <br>
                </div>
                <div id="graphs_list" class=graphs-list-{{transactionGroupNameClass}}></div>
            </div>
        </div>
    </div>
</div>
