<style>
.grid-align {
    text-align: left;
}
</style>
<div class="md-padding" style="width: 100%; padding: 3px 0px 0px 0px;"
	id="popupContainer" ng-controller="assignRoleController"
	ng-init="getUserRoles()">
	<div class="container-fluid mainDivHeaderClass">
		<div class="row">
			<div class="col-lg-12">
				<p align="center" class="col-xs-11"
					style="vertical-align: middle; font-weight: bold; font-size: 30px;">Manage
					Employees</p>
				<p align="right" class="col-xs-1"
					style="vertical-align: middle; font-weight: bold; font-size: 1.5em; margin-top: 8px; cursor: pointer;">
					<i class="fa fa-refresh" aria-hidden="true"
						ng-click="refreshPage()"></i>
				</p>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<br/>
	<div class="form-group col-lg-7 col-md-7 col-sm-7 col-xs-12"></div>
	<div  class="row col-lg-12" style="margin-left: 0px;">
	<input type="radio" ng-model="status" value="Active" ng-click="getUserRoles()"> Active 
	<input type="radio" ng-model="status" value="In Active" ng-click="getUserRoles()"> Inactive
	<input type="radio" ng-model="status" value="both" ng-click="getUserRoles()"> Both
	
	</div>
	<div class="row col-lg-12" style="margin-left: 0px;">

		<div id="gridTest" ui-grid="gridOptions" ui-grid-pagination 
			class="myGrid" style="width:99%;height:370px;margin-left:0px;">
			<div class="watermark" ng-show="!gridOptions.data.length">No
				data available</div>

		</div>
	</div>
	<div class="form-horizontal">
		<div class="form-group">
			<div class="form-inline col-lg-12" style="margin-left: 10px;">
				<!-- <div class="form-group col-lg-3 col-md-4 col-sm-6 col-xs-12">
					<div class="input-group"
						style="">
						<input type="text" ng-model="empSearchId" id="empSearchId"
							ng-blur="validateEmpId()" class="form-control"
							placeholder="Employee ID"
							style="border-radius: 3px 0px 0px 3px;"> <span
							class="input-group-btn">
							<button class="btn btn-secondary" type="button"
								ng-click="getEmployeeRole()"
								style="border: 1px solid #ccc; border-radius: 0px 3px 3px 0px;">
								<i class="fa fa-search fa-2x" style="font-size: 1.3em;"
									aria-hidden="true"></i>
							</button>
						</span>
					</div>
				</div> -->
				<!-- <div class="form-group col-lg-7 col-md-7 col-sm-7 col-xs-12"></div> -->
				<div class="form-group col-lg-2" style="margin-top: 30px;margin-left: 355px;">
					<label class="" for="submitBtn"><md-button
							class="md-raised md-primary"
							style="width:142px;background: cadetblue;margin:0px;"
							ng-click="assignRole('Add', parentData)"> <i
							class="fa fa-plus-circle fa-2x"
							style="margin-top: 5px; font-size: 1.5em; float: left"></i> Add
						Employee</md-button></label>
				</div>
			</div>
		</div>

	
	</div>
	<div class="row col-lg-12" style="height: 15px;"></div>
</div>