<div class="md-padding" id="popupContainer" ng-controller="subStatusController" ng-init="getSubStatusDetails()">
	<div class="container-fluid mainDivHeaderClass">
		<div class="row">
			<div class="col-lg-12">
				<h1 class="no-padding">Employee SubStatus Report
					<span class="right">
						<i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i>
					</span>
				</h1>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<div class="form-horizontal">
			<div class="form-group">
			<div class="form-inline col-lg-12">
				<div class="form-group row col-lg-4 col-sm-4 substatus-dropdown">
					<label class="col-lg-3" for="fromDate">Start Date: </label>
					<md-datepicker class="col-lg-9"
							ng-model="fromDate" md-placeholder="Enter date"
							md-min-date="minDate" md-max-date="maxDate"
							onkeydown="return false"
							ng-change="validateDates(fromDate, 'FromDate')">
					</md-datepicker>
				</div>
				<div class="form-group row col-lg-4 col-sm-5 substatus-dropdown">
					<label class="col-lg-3" for="toDate">End Date: </label>
					<md-datepicker
					class="col-lg-8"
							ng-model="toDate" md-placeholder="Enter date"
							md-min-date="minDate" md-max-date="maxDate"
							onkeydown="return false"
							ng-change="validateDates(toDate, 'ToDate')">
					</md-datepicker>
				</div>
				<div class="form-group col-lg-3 col-sm-5 d-flex substatus-dropdown">
 					<label class="col-lg-5" for="fromDate">SubStatus: </label>
 					<md-select class="col-lg-7 " ng-model="empSubStatusValue" md-selected-text="getSelectedSubStatus() " id="empSubStatus" name="empSubStatus">
                       <md-optgroup label="Employee SubStatus ">
                           <md-option ng-value="empSubStatusValue " ng-repeat="empSubStatusValue in empSubStatuses">{{empSubStatusValue}}</md-option>
                       </md-optgroup>
                   </md-select>	
				</div>
				<div class="form-group col-lg-1 col-sm-2" style="margin-left: 20px;">
					<label for="submitBtn"> <md-button
							class="md-raised md-primary"
							ng-click="getSubStatusDetails('click')"> <i
							class="fa fa-search fa-2x"></i> Search</md-button></label>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-12">
				<div id="gridTest" ui-grid="gridOptions" ui-grid-pagination ui-grid-exporter
					class="myGrid substatus-report-grid">
					<div class="watermark" ng-show="!gridOptions.data.length">No
						data available</div>
				</div>
			</div>
		</div>
	</div>
</div>