<div class="row">
    <div id="divController">
        <div class="panel panel-primary" id="divEventDrillDownHeader" style="display:none">
            <div class="panel-heading">
                <div class="btn-group pull-right" ng-show="isCEventAttribute">
                    <button type="button" id="swiu2" class="btn btn-white btn-xs">{{selectedCEventAttribute}}</button>
                    <button aria-expanded="false" type="button" class="btn btn-white btn-xs dropdown-toggle" data-toggle="dropdown" style="margin-right: 10px;">
                        <span class="caret"></span>
                    </button>

                    <ul class="dropdown-menu" role="menu" style=" height: 300px; overflow: auto; width: 200px;" ng-if="cList.length > 10">
                        <li ng-repeat="attr in cList" ng-if="attr.type=='string'">
                            <a href ng-click="showCAttributeStats(attr.name)">{{attr.name}}</a>
                        </li>
                    </ul>
                    <ul class="dropdown-menu" role="menu" ng-if="cList.length <= 10">
                        <li ng-repeat="attr in cList" ng-if="attr.type=='string'">
                            <a href ng-click="showCAttributeStats(attr.name)">{{attr.name}}</a>
                        </li>
                    </ul>
                </div>
                <div class="btn-group pull-right">
                    <button type="button" id="swiu1" class="btn btn-white btn-xs" style="text-transform: capitalize;">{{selectedEventAttribute}}</button>
                    <button aria-expanded="false" type="button" class="btn btn-white btn-xs dropdown-toggle" data-toggle="dropdown" style="margin-right: 10px;">
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu" ng-if="eventList.length > 10" style=" height: 300px; overflow: auto; width: 200px;">
                        <li ng-repeat="attr in eventAttributeList" ng-if="attr.type=='string'">
                            <a href ng-click="showAttributeStats(attr.name, attr.cname)" style="text-transform: capitalize;">{{attr.name}}</a>
                        </li>
                    </ul>
                    <ul class="dropdown-menu" role="menu" ng-if="eventList.length <= 10">
                        <li id="noAttrs" style="color: black;text-align: center;">No Attributes Found</li>
                        <li ng-repeat="attr in eventAttributeList" ng-if="attr.type=='string'">
                            <a href ng-click="showAttributeStats(attr.name, attr.cname)" style="text-transform: capitalize;">{{attr.name}}</a>
                        </li>
                    </ul>
                </div>
                <div class="btn-group pull-right">
                    <button type="button" id="swiu" class="btn btn-white btn-xs" style="text-transform: capitalize;">{{selectedEvent}}</button>
                    <button aria-expanded="false" type="button" class="btn btn-white btn-xs dropdown-toggle" data-toggle="dropdown" style="margin-right: 10px;">
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu " role="menu" ng-if="eventList.length > 10" style=" height: 300px; overflow: auto; width: 200px;">
                        <li ng-repeat="evt in eventList">
                            <a style="text-transform: capitalize;" href ng-click="populateEventAttributes(evt.event)" ng-if="evt.event != '_App_Stop' &&  evt.event != '_App_Start'">{{evt.event}}</a>
                        </li>
                    </ul>
                    <ul class="dropdown-menu " role="menu" ng-if="eventList.length <= 10">
                        <li ng-repeat="evt in eventList">
                            <a style="text-transform: capitalize;" href ng-click="populateEventAttributes(evt.event)" ng-if="evt.event != '_App_Stop' &&  evt.event != '_App_Start'">{{evt.event}}</a>
                        </li>
                    </ul>
                </div>
                <h4 class="panel-title p-heading">Drill-down into Event Attributes</h4>
            </div>
            <div class="panel-body">

            </div>
        </div>
        <!--  <div style="height:auto; width:400"> -->
        <canvas id="eventAttributeChart" height="150" width="200"></canvas>
        <!-- </div> -->
    </div>
</div>