<ol class="breadcrumb">
	<li><a href="#/">Dashboard</a></li>
	<li>Work Order Visits</li>
	<li class="active">{{vm.action}} Work Order Visit</li>
</ol>

<div class="container-fluid">
	<div class="row">
		<div class="col-md-12">
			<form name="form" class="form-horizontal" novalidate>
				<input type="hidden" ng-if="vm.action == 'Edit'" name="id" id="id" ng-model="vm.work_order_visit.id">
				<div class="panel panel-midnightblue">
					<div class="panel-heading">
						<h2>{{vm.action}} Work Order Visit</h2>
					</div>
					<div class="panel-body">
						<p>Fields with <span style="color: #cc0000;">*</span> are required.</p>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="status" class="col-sm-2 control-label">Status <span style="color: #cc0000;">*</span></label>
							<div class="col-sm-8" style="padding-top: 6px;">
								<span class="badge" ng-class="{'badge-warning': vm.work_order_visit.status_formatted == 'Pending', 'badge-danger': vm.work_order_visit.status_formatted == 'Canceled', 'badge-info': vm.work_order_visit.status_formatted == 'Confirmed', 'badge-success': vm.work_order_visit.status_formatted == 'Done'}">{{vm.work_order_visit.status_formatted}}</span>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="finished" class="col-sm-2 control-label">Finished <span style="color: #cc0000;">*</span></label>
							<div class="col-sm-8" style="padding-top: 6px;">{{vm.work_order_visit.finished_formatted}}</div>
						</div>
						<div class="form-group">
							<label for="work_order_id" class="col-sm-2 control-label">Work Order <span style="color: #cc0000;">*</span></label>
							<div class="col-sm-8" style="padding-top: 6px;">
								<a href="#/work-orders/{{vm.work_order.id}}">
									{{vm.work_order.number}}
								</a>
							</div>
						</div>
						<div class="form-group">
							<label for="customer_id" class="col-sm-2 control-label">Customer <span style="color: #cc0000;">*</span></label>
							<div class="col-sm-8" style="padding-top: 6px;">
								<a href="#/customers/{{vm.work_order.customer.id}}">
									{{vm.work_order.customer.name}}
								</a>
							</div>
						</div>
						<div class="form-group">
							<label for="property_id" class="col-sm-2 control-label">Property <span style="color: #cc0000;">*</span></label>
							<div class="col-sm-8" style="padding-top: 6px;">
								<a href="#/properties/{{vm.work_order.customer.id}}/detail/{{vm.work_order.property.id}}">
									{{vm.work_order.property.location.address}}
								</a>
							</div>
						</div>
						<div class="form-group">
							<label for="when" class="col-sm-2 control-label">When <span style="color: #cc0000;">*</span></label>
							<div class="col-sm-8" style="padding-top: 6px;" ng-if="vm.action == 'Edit' && vm.work_order_visit.status_formatted != 'Pending'">
								{{vm.work_order_visit.date_formatted}} {{vm.work_order_visit.start_time_formatted}} - {{vm.work_order_visit.end_time_formatted}}
							</div>
							<div class="col-sm-8" ng-if="vm.action == 'New' || (vm.action == 'Edit' && vm.work_order_visit.status_formatted == 'Pending')">
								<div class="input-group">
									<span class="input-group-addon">Date <span style="color: #cc0000;">*</span></span>
									<input type="text" name="date" id="date" ng-focus="vm._openCalendar($event, 'date')" class="form-control datepicker" is-open="vm.calendar_opened['date']" datepicker-popup="MM/dd/yyyy" close-text="Close" ng-model="vm.work_order_visit.date" ng-required="true" />
									<span class="input-group-addon">From</span>
									<input type="text" name="start_time" class="form-control" id="start_time" time-picker ng-model="vm.work_order_visit.start_time" />
									<span class="input-group-addon">To</span>
									<input type="text" name="end_time" class="form-control" id="end_time" time-picker ng-model="vm.work_order_visit.end_time" />
								</div>
							</div>
						</div>
						<div class="form-group">
							<label for="employees" class="col-sm-2 control-label">Assigned To <span style="color: #cc0000;">*</span></label>
							<div class="col-sm-8">
								<ui-select multiple required ng-model="vm.selected_employees" ng-disabled="disabled" style="width: 100%" name="employees">
									<ui-select-match placeholder="Select an employee...">{{$item.name}}</ui-select-match>
									<ui-select-choices repeat="employee.id as employee in vm._employees | filter:$select.search">
										<span ng-bind-html="employee.name | highlight: $select.search"></span>
									</ui-select-choices>
								</ui-select>
								<p class="help-block">You must select at least one employee</p>
							</div>
						</div>
						<h4 class="page-header" ng-if="vm.action == 'Edit'">Technical Information</h4>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="was_filter_cleaned" class="col-sm-2 control-label">Filter Was Cleaned? <span ng-if="vm.work_order_visit.status_formatted == 'Done'" style="color: #cc0000;">*</span></label>
							<div class="col-sm-3">
								<div class="radio-inline">
									<label>
										<input type="radio" name="was_filter_cleaned" id="was_filter_cleaned" value="0" ng-model="vm.work_order_visit.was_filter_cleaned" ng-required="vm.work_order_visit.status_formatted == 'Done'"> No
									</label>
								</div>
								<div class="radio-inline">
									<label>
										<input type="radio" name="was_filter_cleaned" id="was_filter_cleaned" value="1" ng-model="vm.work_order_visit.was_filter_cleaned" ng-required="vm.work_order_visit.status_formatted == 'Done'"> Yes
									</label>
								</div>
							</div>
							<label for="skimmed_top_pool" class="col-sm-2 control-label">Skimmed Top of the Pool? <span ng-if="vm.work_order_visit.status_formatted == 'Done'" style="color: #cc0000;">*</span></label>
							<div class="col-sm-3">
								<div class="radio-inline">
									<label>
										<input type="radio" name="skimmed_top_pool" id="skimmed_top_pool" value="0" ng-model="vm.work_order_visit.technical_information.skimmed_top_pool" ng-required="vm.work_order_visit.status_formatted == 'Done'"> No
									</label>
								</div>
								<div class="radio-inline">
									<label>
										<input type="radio" name="skimmed_top_pool" id="skimmed_top_pool" value="1" ng-model="vm.work_order_visit.technical_information.skimmed_top_pool" ng-required="vm.work_order_visit.status_formatted == 'Done'"> Yes
									</label>
								</div>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="emptied_skimmer_basked" class="col-sm-2 control-label">Emptied Skimmer Basked? <span ng-if="vm.work_order_visit.status_formatted == 'Done'" style="color: #cc0000;">*</span></label>
							<div class="col-sm-3">
								<div class="radio-inline">
									<label>
										<input type="radio" name="emptied_skimmer_basked" id="emptied_skimmer_basked" value="0" ng-model="vm.work_order_visit.technical_information.emptied_skimmer_basked" ng-required="vm.work_order_visit.status_formatted == 'Done'"> No
									</label>
								</div>
								<div class="radio-inline">
									<label>
										<input type="radio" name="emptied_skimmer_basked" id="emptied_skimmer_basked" value="1" ng-model="vm.work_order_visit.technical_information.emptied_skimmer_basked" ng-required="vm.work_order_visit.status_formatted == 'Done'"> Yes
									</label>
								</div>
							</div>
							<label for="vacuumed_bottom_pool" class="col-sm-2 control-label">Vacuumed Bottom of the Pool? <span ng-if="vm.work_order_visit.status_formatted == 'Done'" style="color: #cc0000;">*</span></label>
							<div class="col-sm-3">
								<div class="radio-inline">
									<label>
										<input type="radio" name="vacuumed_bottom_pool" id="vacuumed_bottom_pool" value="0" ng-model="vm.work_order_visit.technical_information.vacuumed_bottom_pool" ng-required="vm.work_order_visit.status_formatted == 'Done'"> No
									</label>
								</div>
								<div class="radio-inline">
									<label>
										<input type="radio" name="vacuumed_bottom_pool" id="vacuumed_bottom_pool" value="1" ng-model="vm.work_order_visit.technical_information.vacuumed_bottom_pool" ng-required="vm.work_order_visit.status_formatted == 'Done'"> Yes
									</label>
								</div>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="brushed_pool_walls" class="col-sm-2 control-label">Brushed Pool Walls? <span ng-if="vm.work_order_visit.status_formatted == 'Done'" style="color: #cc0000;">*</span></label>
							<div class="col-sm-3">
								<div class="radio-inline">
									<label>
										<input type="radio" name="brushed_pool_walls" id="brushed_pool_walls" value="0" ng-model="vm.work_order_visit.technical_information.brushed_pool_walls" ng-required="vm.work_order_visit.status_formatted == 'Done'"> No
									</label>
								</div>
								<div class="radio-inline">
									<label>
										<input type="radio" name="brushed_pool_walls" id="brushed_pool_walls" value="1" ng-model="vm.work_order_visit.technical_information.brushed_pool_walls" ng-required="vm.work_order_visit.status_formatted == 'Done'"> Yes
									</label>
								</div>
							</div>
							<label for="adjusted_pool_chemistry" class="col-sm-2 control-label">Adjusted Pool Chemistry? <span ng-if="vm.work_order_visit.status_formatted == 'Done'" style="color: #cc0000;">*</span></label>
							<div class="col-sm-3">
								<div class="radio-inline">
									<label>
										<input type="radio" name="adjusted_pool_chemistry" id="adjusted_pool_chemistry" value="0" ng-model="vm.work_order_visit.technical_information.adjusted_pool_chemistry" ng-required="vm.work_order_visit.status_formatted == 'Done'"> No
									</label>
								</div>
								<div class="radio-inline">
									<label>
										<input type="radio" name="adjusted_pool_chemistry" id="adjusted_pool_chemistry" value="1" ng-model="vm.work_order_visit.technical_information.adjusted_pool_chemistry" ng-required="vm.work_order_visit.status_formatted == 'Done'"> Yes
									</label>
								</div>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="phosphate_treatment" class="col-sm-2 control-label">Phosphate Treatment? <span ng-if="vm.work_order_visit.status_formatted == 'Done'" style="color: #cc0000;">*</span></label>
							<div class="col-sm-3">
								<div class="radio-inline">
									<label>
										<input type="radio" name="phosphate_treatment" id="phosphate_treatment" value="0" ng-model="vm.work_order_visit.technical_information.phosphate_treatment" ng-required="vm.work_order_visit.status_formatted == 'Done'"> No
									</label>
								</div>
								<div class="radio-inline">
									<label>
										<input type="radio" name="phosphate_treatment" id="phosphate_treatment" value="1" ng-model="vm.work_order_visit.technical_information.phosphate_treatment" ng-required="vm.work_order_visit.status_formatted == 'Done'"> Yes
									</label>
								</div>
							</div>
						</div>
						<h4 class="page-header" ng-if="vm.action == 'Edit'">Chemicals</h4>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="ph" class="col-sm-2 control-label">PH</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: 6, ceil: 10, step: 0.2, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.ph"></rzslider>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="chlorine" class="col-sm-2 control-label">Chlorine</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: 0, ceil: 6, step: 0.5, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.chlorine"></rzslider>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="alkalinity" class="col-sm-2 control-label">Alkalinity</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: 0, ceil: 130, step: 10, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.alkalinity"></rzslider>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="alkalinity" class="col-sm-2 control-label">Hardness Level</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: 0, ceil: 500, step: 50, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.hardness_level"></rzslider>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="salt_level" class="col-sm-2 control-label">Salt Level</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: 0, ceil: 4000, step: 500, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.salt_level"></rzslider>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="conditioner" class="col-sm-2 control-label">Conditioner</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: 0, ceil: 100, step: 10, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.conditioner"></rzslider>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="phosphate" class="col-sm-2 control-label">Phosphate</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: 0, ceil: 1000, step: 50, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.phosphate"></rzslider>
							</div>
						</div>
						<!--<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="ph" class="col-sm-2 control-label">PH</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: -6, ceil: 9, step: 0.1, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.ph"></rzslider>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="chlorine" class="col-sm-2 control-label">Chlorine</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: 0, ceil: 10, step: 0.1, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.chlorine"></rzslider>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="alkalinity" class="col-sm-2 control-label">Alkalinity</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: 20, ceil: 150, step: 10, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.alkalinity"></rzslider>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="calcium" class="col-sm-2 control-label">Calcium</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: 100, ceil: 500, step: 10, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.calcium"></rzslider>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="stabilizer" class="col-sm-2 control-label">Stabilizer</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: 0, ceil: 200, step: 10, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.stabilizer"></rzslider>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="conditioner" class="col-sm-2 control-label">Conditioner</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: 0, ceil: 100, step: 1, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.conditioner"></rzslider>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="salt_level" class="col-sm-2 control-label">Salt Level</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: 1000, ceil: 5000, step: 100, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.salt_level"></rzslider>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="phosphate" class="col-sm-2 control-label">Phosphate</label>
							<div class="col-sm-8">
								<rzslider rz-slider-options="{floor: 0, ceil: 1000, step: 5, precision: 1, showSelectionBar: true, selectionBarGradient: {from: 'white', to: '#FC0'}}" rz-slider-model="vm.work_order_visit.chemicals.phosphate"></rzslider>
							</div>
						</div>-->
						<h4 class="page-header" ng-if="vm.action == 'Edit'">Notes to Customer</h4>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="weather_condition" class="col-sm-2 control-label">Weather Condition</label>
							<div class="col-sm-3">
								<select class="form-control" name="weather_condition" id="weather_condition" ng-model="vm.work_order_visit.notes_to_customer.weather_condition">
									<option value="">-- Select --</option>
									<option value="Nice">Nice</option>
									<option value="Windy">Windy</option>
									<option value="Rainy">Rainy</option>
									<option value="Lightning">Lightning</option>
								</select>
							</div>
							<label for="not_swim_for" class="col-sm-2 control-label">Do not Swim for</label>
							<div class="col-sm-3">
								<select class="form-control" name="not_swim_for" id="not_swim_for" ng-model="vm.work_order_visit.notes_to_customer.not_swim_for">
									<option value="">-- Select --</option>
									<option value="No Restrictions">No Restrictions</option>
									<option value="24 Hours">24 Hours</option>
									<option value="48 Hours">48 Hours</option>
									<option value="72 Hours">72 Hours</option>
								</select>
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="" class="col-sm-2 control-label">Notes</label>
							<div class="col-sm-4">
								<input type="checkbox" name="add_water" id="add_water" value="1" ng-model="vm.work_order_visit.notes_to_customer.add_water"> Pool water level is low. Please add water<br />
								<input type="checkbox" name="pool_door_inaccessible" id="pool_door_inaccessible" value="1" ng-model="vm.work_order_visit.notes_to_customer.pool_door_inaccessible"> Pool doors inaccessible or pet in vicinity<br />
								<input type="checkbox" name="no_power" id="no_power" value="1" ng-model="vm.work_order_visit.notes_to_customer.no_power"> No power to equipment. Please check breakers<br />
							</div>
							<div class="col-sm-4">
								<input type="checkbox" name="phosphate_treatment" id="phosphate_treatment" value="1" ng-model="vm.work_order_visit.notes_to_customer.phosphate_treatment"> Phosphate treatment. Pool will be cloudy for 24-48 hours<br />
								<input type="checkbox" name="call_office" id="call_office" value="1" ng-model="vm.work_order_visit.notes_to_customer.call_office"> Please call the office<br />
								<input type="checkbox" name="time_change_filter_cartridge" id="time_change_filter_cartridge" value="1" ng-model="vm.work_order_visit.notes_to_customer.time_change_filter_cartridge"> Time to change the filter cartridge<br />
							</div>
						</div>
						<div class="form-group" ng-if="vm.action == 'Edit'">
							<label for="other_notes" class="col-sm-2 control-label">Other Notes</label>
							<div class="col-sm-8">
								<textarea class="form-control" name="other_notes" id="other_notes" ng-model="vm.work_order_visit.other_notes" rows="5"></textarea>
							</div>
						</div>
						<!--<h4 class="page-header">List of Services <span style="color: #cc0000;">*</span></h4>
						<div class="form-group">
							<label for="services" class="col-sm-2 control-label"></label>
							<div class="col-sm-5">
								<ui-select ng-model="vm._service_item.service" ng-disabled="disabled" style="width: 100%">
									<ui-select-match placeholder="Select a service...">{{$select.selected.name}}</ui-select-match>
									<ui-select-choices repeat="service in vm._services | filter: $select.search | limitTo: 40">
										<span ng-bind-html="service.service_category.name + ' / ' + service.name | highlight: $select.search"></span>
									</ui-select-choices>
								</ui-select>
							</div>
							<div class="col-sm-2">
								<input type="number" class="form-control" ng-model="vm._service_item.qty" value="1" placeholder="Qty">
							</div>
							<div class="col-sm-1">
								<a ng-click="vm._addServiceToList()" title="Add Service To List" class="btn btn-default"><i class="ti ti-plus"></i></a>
							</div>
						</div>
						<div class="form-group" ng-if="vm._servicesList.length">
							<div class="col-sm-2"></div>
							<div class="col-sm-8">
								<table class="table table-bordered">
									<thead>
										<tr>
											<th>Service</th>
											<th width="10%">Qty</th>
											<th width="10%">Actions</th>
										</tr>
									</thead>
									<tbody>
										<tr ng-repeat="service in vm._servicesList track by $index">
											<td>{{service.service.name}}</td>
											<td>{{service.qty}}</td>
											<td>
												<a ng-click="vm._removeServiceFromList($index)" title="Remove Service From List" class="btn btn-xs btn-danger">
													<i class="ti ti-minus"></i>
												</a>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
						<h4 class="page-header">List of Products</h4>
						<div class="form-group">
							<label for="products" class="col-sm-2 control-label"></label>
							<div class="col-sm-5">
								<ui-select ng-model="vm._product_item.product" ng-disabled="disabled" style="width: 100%">
									<ui-select-match placeholder="Select a product...">{{$select.selected.name}}</ui-select-match>
									<ui-select-choices repeat="product in vm._products | filter: $select.search | limitTo: 40">
										<span ng-bind-html="product.product_category.name + ' / ' + product.name | highlight: $select.search"></span>
									</ui-select-choices>
								</ui-select>
							</div>
							<div class="col-sm-2">
								<input type="number" class="form-control" ng-model="vm._product_item.qty" value="1" placeholder="Qty">
							</div>
							<div class="col-sm-1">
								<a ng-click="vm._addProductToList()" title="Add Product To List" class="btn btn-default"><i class="ti ti-plus"></i></a>
							</div>
						</div>
						<div class="form-group" ng-if="vm._productsList.length">
							<div class="col-sm-2"></div>
							<div class="col-sm-8">
								<table class="table table-bordered">
									<thead>
										<tr>
											<th>Product</th>
											<th width="10%">Qty</th>
											<th width="10%">Actions</th>
										</tr>
									</thead>
									<tbody>
										<tr ng-repeat="product in vm._productsList">
											<td>{{product.product.name}}</td>
											<td>{{product.qty}}</td>
											<td>
												<a ng-click="vm._removeProductFromList($index)" title="Remove Product From List" class="btn btn-xs btn-danger">
													<i class="ti ti-minus"></i>
												</a>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>-->
					</div>
					<div class="panel-footer">
						<div class="row">
							<div class="col-sm-8 col-sm-offset-2">
								<a ng-click="vm._save(vm.work_order_visit)" ng-disabled="!form.$valid || vm._servicesList.length == 0 || vm.selected_employees.length == 0" class="btn-primary btn">Save</a>
								<a href="#/work-order-visits/{{vm.work_order_visit.id}}" class="btn-default btn" ng-if="vm.action == 'Edit'">Cancel</a>
								<a href="#/work-orders/{{vm.work_order.id}}" class="btn-default btn" ng-if="vm.action == 'New'">Cancel</a>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
