<div class="container top-toolbar" ng-controller="TopToolbarCtrl">
	<div class="row">
		<div class="col-xs-12">
			<div class="btn-group btn-page-main">
				<button type="button" class="btn btn-default gt-dropdown-toggle" data-toggle="dropdown">
					{{section | capitalize}} <span ng-if="subSection" class="show-xs-only-inline dvdr">{{subSection}}</span>
					<span class="caret"></span>
				</button>				
				<ul class="dropdown-menu contacts-mobile-menu-top" role="menu">
					<li>
						<a href="#/workplaces/{{workplace.ID}}/outbox">Emails</a>							
					</li>
					<li>
						<a href="#/workplaces/{{workplace.ID}}/contacts">Contacts</a>
						<!---  mobile menu -->
						<ul class="nav show-xs-only">
							<li>		
								<a href="#">My Databases</a>
								<ul class="nav">
									<li ng-class="{'active': g.ID == gid}" ng-repeat="g in groups.db"><a href="#/workplaces/{{wpid}}/contacts/{{g.placement}}/{{g.ID}}">{{g.GroupName}}</a></li>
								</ul>
							</li>
							<li>
								<a href="#">My Groups</a>
								<ul class="nav">
									<li ng-class="{'active': g.ID == gid}" ng-repeat="g in groups.local"><a href="#/workplaces/{{wpid}}/contacts/{{g.placement}}/{{g.ID}}">{{g.GroupName}}</a></li>
								</ul>
							</li>
						</ul>
						<!---  /mobile menu -->							
					</li>
				</ul>
			</div>
			<div class="toolbar-separator"></div>
<!-- 			<button id="gl-btn-compose" type="button" class="hide-xs-only-inline btn btn-success btn-sm" ng-click="compose()">Compose</button> -->
<!-- 			<button ng-class="{'active': showExclusionList}" class="hide-xs-only-inline btn btn-default" ng-click="toggleExclusionList()">Show Exclusion List</button> -->
		</div>
	</div>
</div>
<hr class="toolbar-hr">	