<style type="text/css">

  	.subnavbar .mainnav > li:nth-child(4) > a{

  		color: #c44646;

  	}
  	.customInputWrap{
  		margin-top: 15px;
  	}
  	.customInputWrap label{
  		font-weight: normal;
  		margin-bottom: 0;
  	}
  </style>
  <div class="myLoader" ng-show="showLoader">
     <img src="../img/hourglass.gif" width="50px;">
  </div>
  
  <div class="container">
  	<div class="row">
  		<div class="col-md-5">
  			<div class="widget stacked">
  				<div class="widget-header">
  					<i class="fa fa-search" aria-hidden="true"></i>
  					<h3>Search and Dispatch Fuel</h3>
  				</div>
  				<div class="widget-content new-widget-content">

  					<form name="orderform" novalidate>

  
  						<div class="customInputWrap">
  							<div class="col-md-3 text-right">
  								<label>Company</label>
  							</div>
  							<div class="col-md-9">

  								<select ui-select2 ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;" required>

  									<option value="" selected disabled>Select Company</option>
  									<option ng-repeat="list in companyList">{{list.companyName}}</option>
  								</select>
  							</div>
  							<div class="clearfix"></div>
  						</div>
  
  						<div class="customInputWrap">
  							<div class="col-md-3 text-right">
  								<label>Aircraft</label>
  							</div>
  							<div class="col-md-3">

  								<select class="form-control" ng-model="order.aircraftName" required>

  									<option selected disabled value="">Select Aircraft</option>

  									<option ng-repeat="list in aircraftList" value="{{list}}">{{list.tail}}</option>

  								</select>
  							</div>
  							<div class="col-md-3 text-right">
  								<label>Requested Volume</label>
  							</div>
  							<div class="col-md-3">

  								<input type="text" ng-model="order.volume" class="form-control" required>

  							</div>
  							<div class="clearfix"></div>
  						</div>
  
  						<div class="customInputWrap">
  							<div class="col-md-3 text-right">

  								<label>Product</label>

  							</div>
  							<div class="col-md-8 col-md-offset-1">

  								<select class="form-control" ng-model="order.priceQuote" required>

  									<option value="" selected disabled>Select Product</option>

  									<option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 2}} {{margin.productName}}</option>

  								</select>
  							</div>
  							<div class="clearfix"></div>
  						</div>
  
  						<div class="customInputWrap">
  							<div class="col-md-3 text-right">
  								<label>Tier Break</label>
  							</div>
  							<div class="col-md-8 col-md-offset-1">
  								<select class="form-control" ng-model="order.tierBreak">

  									<option value="" selected disabled>Select Tier Break</option>

  									<option ng-repeat="list in tierList" value="{{list.minTierBreak}}-{{list.maxTierBreak}}">

  										{{list.minTierBreak}}-{{list.maxTierBreak}} = ${{list.marginTotal | number: 2}} {{list.marginTemplate.marginName}}

  									</option>
  								</select>
  							</div>
  							<div class="clearfix"></div>
  						</div>
  
  						<div class="customInputWrap">
  							<div class="col-md-3 text-right">
  								<label>Uplift Date</label>
  							</div>
  							<div class="col-md-3">

  								<input type="text" ng-model="order.upliftDate" datepicker class="form-control" style="width: 100px" required>

  							</div>
  							<div class="col-md-3 text-right">

  								<!-- <label>Departing FBO</label> -->

  							</div>
  							<div class="col-md-3">

  								<!-- <input type="text" ng-model="order.departingDate" datepicker class="form-control"> -->

  							</div>
  							<div class="clearfix"></div>
  						</div>
  
  						<div class="customInputWrap text-right">
  							<div class="col-xs-12">

  								<input type="cancel" value="Cancel" ng-click="cancelOrder()" class="btn btn-default" style="margin-right: 15px; width: 100px;">

  								<input type="submit" value="Dispatch" ng-click="dispatchFuel()" class="btn btn-primary" ng-disabled="orderform.$invalid">

  							</div>
  							<div class="clearfix"></div>
  						</div>
  
  					</form>
  				</div>
  			</div>
  		</div>
  	</div>

  </div>