<div class="widget views-widget">
	<div class="widget-header">
		<div class="left">
            <div style="overflow:visible; {{#if segmentations}}height: 18px;{{/if}}">
                {{#if segmentations}}
                <div class="title small">{{page-title}}</div>
                {{else}}
                <div class="title">{{page-title}}</div>
                {{/if}}
            </div>
            <div>
				{{#if segmentations}}
                    <div class="cly-select float" id="segment-key-dropdown">
                        <div class="select-inner">
                            <div class="text-container">
                                <div class="text">{{active-segmentation}}</div>
                            </div>
                            <div class="right combo"></div>
                        </div>
                        <div class="select-items square" style="width:220px;">
                            <div>
                                <div data-value="" class="segmentation-option item" data-localize="views.all-segments"></div>
                                {{#each segmentations}}
                                    <div data-value="{{this}}" class="segmentation-option item">{{this}}</div>
                                {{/each}}
                            </div>
                        </div>
                    </div>
				{{/if}}
            <div class="cly-select float" style='display:none;' id="segment-value-dropdown">
                        <div class="select-inner">
                            <div class="text-container">
                                <div class="text">{{active-segmentation-key}}</div>
                            </div>
                            <div class="right combo"></div>
                        </div>
                        <div class="select-items square" style="width:220px;">
                            <div>
                            </div>
                        </div>
                    </div>
            </div>
		</div>
		{{> date-selector }}
	</div>
    <div class="widget-content" style="border:none;">
        <div class="cly-button-menu-trigger"></div>
        <div class="cly-button-menu dark" tabindex="1">
            {{#eachOfArray domains}}
            <div class="item">{{value}}</div>
            {{/eachOfArray}}
        </div>
		<div id="big-numbers-container" class="dashboard">
			{{#each usage}}
			<div class="big-numbers top seven-column help-zone-vs" data-help-localize="help.{{this.help}}">
				<div class="inner">
					<div class="select" id="{{this.id}}">
						<div class="title">{{this.title}}</div>
					</div>
				</div>
			</div>
			{{/each}}
		</div>
	</div>
	<div class="widget-footer" style="height:220px; padding-top:20px; padding-bottom:10px; overflow:visible; box-shadow:none; position:relative;">
        <div id="empty-graph" data-localize="views.empty-graph"></div>
		<div id="dashboard-graph" class="graph" style="height:100%; margin-left:-10px;"></div>
        <div class="graph-no-data">
            <div class="inner">
                <div class="icon"></div>
                <div class="text" data-localize="common.graph.no-data"></div>
            </div>
        </div>
	</div>
</div>
<div class="views-table-block">
	<table id="ViewsDataTableOne" class="d-table views-table help-zone-vb no-fix" cellpadding="0" cellspacing="0" data-help-localize="help.{{{table-helper}}}">
	</table>
	<div class="cly-button-menu" tabindex="1">
        <a class="item delete-view">
            <i class="fa fa-trash" />
            <span data-localize='common.delete'></span>
        </a>
	</div>
</div>