
<md-dialog aria-label="Team Details" style="width:1200px;height:650px;">

<form ng-cloak name="myForm">
	<md-toolbar>
	<div class="md-toolbar-tools"
		style="background: cadetblue;">
		<h2>Billing Details </h2>
		<span flex></span>
		<md-button class="md-icon-button" ng-click="cancel()"> <i
			class="fa fa-times fa-2x"
			style="margin-top: 5px; font-size: 1.5em; float: left"></i> </md-button>
	</div>
	</md-toolbar>

	<md-dialog-content>
	<div class="md-dialog-content">
		<div class="form-group">
		 	<div class="row col-lg-12" style="margin-left: 0px;">
		 	<div class="row col-lg-12">
			<div class="col-xs-4">
				<p>
					<b>Employee Id:</b> {{employeeId}}
				</p>
			</div>
			<div class="col-xs-4" style="margin-left: 0px;">
				<p>
					<b>Employee Name:</b>&nbsp;&nbsp;&nbsp; {{employeeName}}
				</p>
			</div>
				<div class="col-xs-4" style="margin-left: 0px;">
				<p>
					<b>Project Name:</b>&nbsp;&nbsp;&nbsp; {{projectName}}
				</p>
			</div>
		</div>
			<div class="row col-lg-12">
			<div class="row col-lg-12" style="margin-left: -25px;">
			<div class="col-xs-4" style="margin-left: 0px;">
			
			<!-- <md-button class="md-raised" ng-click="toggleBillability()" style="width:220px;background: cadetblue;color:white;">Add Billability </md-button> -->	 
				
			</div>
		</div>
		<div class="row col-lg-12" ng-show="showBillable"  style="margin-left: 10px;border: 2px solid #999;margin-right: 100px">
		<div class="row col-lg-12" >
			
			<div class="col-xs-12" style="margin-left: 20px;">
				<p>
					<b>Please enter new billing details:</b>
					
				</p>
			</div>
			</div>
		 	<div class="row col-lg-12" >
			
			<div class="col-xs-4" style="margin-left: 100px;">
				<p>
					<b>Start Date:</b>
					<md-datepicker ng-model="fromDate" md-placeholder="Enter date"
						md-min-date="minDate" md-max-date="maxDate"
						onkeydown="return false"
						></md-datepicker>
				</p>
			</div>
				<div class="col-xs-4" style="margin-left: 100px;">
					<p>
					<b>End Date:</b>
					<md-datepicker ng-model="toDate" md-placeholder="Enter date"
						md-min-date="minDate" md-max-date="maxDate"
						onkeydown="return false"
						></md-datepicker>
				</p>
			</div>
		
		</div>
		<div class="row col-lg-12" >
			
		<div class="col-xs-12" align="center">
				<p >
				<md-button class="md-raised" ng-click="addBilling()" style="width:120px;background: cadetblue;color:white;">Add </md-button> 
				
				</p>
			</div>
		</div>
		</div>
		<div class="row col-lg-12"><br/>
		<div id="gridTest" ui-grid="gridOptions" ui-grid-edit ui-grid-pagination class="grid" 
			style="width:99%;height:280px;margin-left:10px;">
			<div class="watermark" ng-show="!gridOptions.data.length">No
				data available</div>
		</div>
		
	</div>
		</div> 
	</div>
	</md-dialog-content>

	<md-dialog-actions layout="row">  <md-button class="md-raised" ng-click="cancel()" style="width:120px;background: cadetblue;color:white;">
	Close </md-button> </md-dialog-actions>
</form>
</md-dialog>