<ol class="breadcrumb">
  <li><a href="/">{{trans "home"}}</a></li>
  <li><a href="/stats" id="haveanid">{{trans "analytics"}}</a></li>
  <li class="active">{{trans "overview"}}</li>
</ol>
<div class="row">
    <div class="col-md-9">
        <h1>{{trans "Overview"}}</h1>
    </div>
    <div class="col-md-3 text-right">
            <div id="shareUrlDiv">
                <a href="" class="btn btn-default btn-sm" id="share_button">{{trans "Share"}}</a>
                <div id="share_url_message" class="event_tooltip popover" style="display:none;">
                    <div class="popover-content">
                        <input type="text" id="share_url" class="form-control" />
                        <small>{{trans "Right-click to copy URL and share with any user under your Label"}}</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div id="breakdown" class="panel panel-default">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12">
                        <h6>{{trans "View by"}}:</h6>
                        <div class="btn-group btn-multiselect" id="btn_wrap">
                            {{#each filters}}{{> filter-btn this}}{{/each}}
                        </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-12">
                        <div id="dim_wrap" class="well well-blue clearfix">
                            <div class="card-1" id="vendor_wrap"></div>
                            <div class="hidden" id="imprint_ids_wrap"></div>
                            <div class="hidden" id="artist_ids_wrap"></div>
                            <div class="hidden" id="catalog_ids_wrap"></div>
                            <div class="hidden" id="isrc_ids_wrap"></div>
                            <div class="hidden" id="genre_ids_wrap"></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div id="date-picker"class="date-picker col-md-12">
                        <div class="pull-left">
                            <h6>{{trans "Start Date"}}:</h6>
                            <input class="btn btn-default" type="text" id="from_date">
                        </div>
                        <div class="pull-left">
                            <div class="btn-group btn-multiselect">
                                <button type="button" class="btn btn-default date-shift" data-month="1">1 Month</button>
                                <button type="button" class="btn btn-default date-shift" data-month="3">3 Month</button>
                                <button type="button" class="btn btn-default date-shift" data-month="6">6 Month</button>
                                <button type="button" class="btn btn-default date-shift" data-month="12">1 Year</button>
                                <button type="button" class="btn btn-default date-shift" data-month="36">3 Year</button>
                                <button type="button" class="btn btn-default">{{trans "All"}}</button>
                            </div>
                        </div>
                        <div class="pull-left">
                            <h6>{{trans "End Date"}}:</h6>
                            <input class="btn btn-default" type="text" id="to_date">
                        </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div id="filter-by" class="col-md-12">
                        <h6>{{trans "Filter by"}}:</h6>
                        <div class="row">
                            <div class="col-xs-10">
                                <div id="source_type_ids_wrap" class="pull-left"></div>
                                <div id="country_ids_wrap" class="pull-left"></div>
                            </div>
                            <div class="col-xs-2 text-right">
                                <button type="button" id="update" class="btn btn-update">{{trans "Apply"}}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>