<div class="app-header bg-header-1">
	<div class="layout-fixed full-h text-center">
		<div class="full-h v-bottom-i pdB15">
			<div class="app-content-header bg-header-1">
				<div class="text-title-header-1 nowrap mgT10">Create Appointment</div>
			</div>
		</div>
	</div>
	<button class="popup-close-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#popupAddApp')"></button>
</div>
<div class="app-content">
	<form class="app-content-inner content-pd ng-invalid ng-invalid-required ng-dirty ng-valid-parse" id="formCreateToSchedule" name="formCreateToSchedule" ng-submit="validateFormCreateToSchedule(formCreateToSchedule)" novalidate="">
		<button type="submit" id="submitFormAddAppointment" style="display:none;">Submit</button>
		<ion-scroll class="scroll-area scroll-view ionic-scroll scroll-y" direction="y" has-bouncing="false" overflow-scroll="false" delegate-handle="scrollAppointmentEditAppToSchedule" on-scroll="scrollContent('scrollAppointmentEditAppToSchedule')">
			<div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
				<div class="box-setting-4">
					<div class="content content-in">
						<div class="itm">
							<label class="label-form-field-1">Appointment type</label>
							<div class="layout-fixed">
								<div>
									<div class="input-form-field-1" ng-class="{ 'has-errors' : formCreateToSchedule.appointmentgroup_id.$invalid  }">
										<input type="text" placeholder="" value="Select" name="seletedAppointmentType" class="h32px">
										<div class="sign-r clear">
											<button class="bg-transparent full-h right pdR10" type="button">
												<svg class="h17px clr-symbol-clickable" viewBox="0 0 63.215 63.215"> <g> <g> <path fill="#1075BB" d="M59.807,15.717L31.491,43.791L3.419,15.475c-0.777-0.785-2.044-0.789-2.828-0.012c-0.784,0.777-0.789,2.044-0.012,2.827    l29.194,29.448c0.365,0.368,0.835,0.563,1.312,0.589c0.139,0.008,0.278-0.001,0.415-0.021c0.054,0.008,0.106,0.021,0.16,0.022    c0.544,0.029,1.099-0.162,1.515-0.576l29.447-29.196c0.785-0.777,0.79-2.043,0.012-2.828    C61.856,14.943,60.59,14.939,59.807,15.717z"></path> </g> </g> </svg>
											</button>
										</div>
										<select class="field-overlay ng-pristine ng-untouched ng-valid ng-empty" ng-model="dataAddAppointment.appointmentgroup_id" ng-options="item.id as item.name for item in AppointmentType" ng-change="setValueShowSelect('seletedAppointmentType', 'seletedAppointmentType', '')" required id="seletedAppointmentType" name="appointmentgroup_id">
										</select>
									</div>
								</div>
							</div>
						</div>
						<div class="itm" ng-if="type_add_app == '1' ">
							<label class="label-form-field-1">Date of Appointment</label>
							<div class="layout-fixed">
								<div>
									<div class="input-form-field-1" ng-class="{ 'has-errors' : formCreateToSchedule.dateofappt.$invalid  }" style="">
										<input type="text" class="h32px" value="" placeholder="Choose date" id="dateofappt" name="dateofappt">
										<div class="field-overlay datetime" date="" ion-datetime-picker="" ng-model="dataAddAppointment.dateofappt" name="dateofappt" required="">
											{{dataAddAppointment.dateofappt| date: 'MM/dd/yyyy'}}
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="itm" ng-if="type_add_app == '1' ">
							<div class="layout-fixed input-1-group">
								<div>
									<label class="label-form-field-1">Arrival window</label>
									<div class="layout-fixed">
										<div>
											<div class="input-form-field-1 has-errors" ng-class="{ 'has-errors' : formCreateToSchedule.arrivalwindowView.$invalid  }" ng-click="focusHandle($event)">
												<input id="arrivalwindowView" name="arrivalwindowView" ng-model="dataAddAppointment.arrivalwindow" type="text" class="h32px ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required" placeholder="" time-pickker="" required="" readonly="" style="">
											</div>
										</div>
									</div>
								</div>
								<div>
									<label class="label-form-field-1">Endarrival window</label>
									<div class="layout-fixed">
										<div>
											<div class="input-form-field-1 has-errors" ng-class="{ 'has-errors' : formCreateToSchedule.endarrivalwindowView.$invalid  }" ng-click="focusHandle($event)">
												<input id="endarrivalwindowView" name="endarrivalwindowView" ng-model="dataAddAppointment.endarrivalwindow" type="text" class="h32px ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required" placeholder="" time-pickker="" required="" readonly="">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="itm">
							<label class="label-form-field-1">Pref field worker</label>
							<div class="layout-fixed">
								<div>
									<div class="input-form-field-1">
										<input type="text" placeholder="" value="Select" name="seletedPrefFieldwokerName" class="h32px">
										<div class="sign-r clear">
											<button class="bg-transparent full-h right pdR10" type="button">
												<svg class="h17px clr-symbol-clickable" viewBox="0 0 63.215 63.215"> <g> <g> <path fill="#1075BB" d="M59.807,15.717L31.491,43.791L3.419,15.475c-0.777-0.785-2.044-0.789-2.828-0.012c-0.784,0.777-0.789,2.044-0.012,2.827    l29.194,29.448c0.365,0.368,0.835,0.563,1.312,0.589c0.139,0.008,0.278-0.001,0.415-0.021c0.054,0.008,0.106,0.021,0.16,0.022    c0.544,0.029,1.099-0.162,1.515-0.576l29.447-29.196c0.785-0.777,0.79-2.043,0.012-2.828    C61.856,14.943,60.59,14.939,59.807,15.717z" /> </g> </g> </svg>
											</button>
										</div>
										<select class="field-overlay" ng-model="dataAddAppointment.prefieldworker" ng-options="item.id as item.name for item in fieldworkerSelect" ng-change="setValueShowSelect('selectPrefFieldWorkder', 'seletedPrefFieldwokerName', 'preffieldworkerforapp')" id="selectPrefFieldWorkder">
											<option>Select</option>
										</select>
									</div>
								</div>
							</div>
						</div>
						<div class="itm">
							<label class="label-form-field-1">Not home until</label>
							<div class="layout-fixed">
								<div>
									<div class="input-form-field-1" ng-click="focusHandle($event)">
										<input id="nothomeutilView" name="nothomeutilView" ng-model="dataAddAppointment.nothomeutil" type="text" class="h32px ng-pristine ng-untouched ng-valid ng-not-empty" placeholder="" time-pickker="" readonly="" style="">
									</div>
								</div>
							</div>
						</div>
						<div class="itm">
							<label class="label-form-field-1">Call ahead</label>
							<div class="layout-fixed">
								<div>
									<div class="input-form-field-1" ng-click="focusHandle($event)" style="">
										<input type="text" placeholder="" name="seletedCallAheadName" class="h32px" value="Select">
										<div class="sign-r clear">
											<button class="bg-transparent full-h right pdR10" type="button">
												<svg class="h17px clr-symbol-clickable" viewBox="0 0 63.215 63.215"> <g> <g> <path fill="#1075BB" d="M59.807,15.717L31.491,43.791L3.419,15.475c-0.777-0.785-2.044-0.789-2.828-0.012c-0.784,0.777-0.789,2.044-0.012,2.827    l29.194,29.448c0.365,0.368,0.835,0.563,1.312,0.589c0.139,0.008,0.278-0.001,0.415-0.021c0.054,0.008,0.106,0.021,0.16,0.022    c0.544,0.029,1.099-0.162,1.515-0.576l29.447-29.196c0.785-0.777,0.79-2.043,0.012-2.828    C61.856,14.943,60.59,14.939,59.807,15.717z"></path> </g> </g> </svg>
											</button>
										</div>
										<select class="field-overlay ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required has-errors" ng-options="item.id as item.name for item in callaheads" ng-model="dataAddAppointment.callahead_id" ng-change="setValueShowSelect('selectedCallAhead', 'seletedCallAheadName', '')" id="selectedCallAhead" name="callahead_id" ng-class="{ 'has-errors' : formCreateToSchedule.callahead_id.$invalid  }">
											<option selected="selected"></option>
										</select>
									</div>
								</div>
							</div>
						</div>
						<div class="itm">
							<label class="label-form-field-1">Flexible client</label>
							<div class="layout-fixed">
								<div>
									<div class="input-form-field-1" ng-click="focusHandle($event)" style="" ng-class="{ 'has-errors' : formCreateToSchedule.selectedFlexName.$invalid  }">
										<input type="text" placeholder="" value="" name="selectedFlexName" class="h32px">
										<div class="sign-r clear">
											<button class="bg-transparent full-h right pdR10" type="button">
												<svg class="h17px clr-symbol-clickable" viewBox="0 0 63.215 63.215"> <g> <g> <path fill="#1075BB" d="M59.807,15.717L31.491,43.791L3.419,15.475c-0.777-0.785-2.044-0.789-2.828-0.012c-0.784,0.777-0.789,2.044-0.012,2.827    l29.194,29.448c0.365,0.368,0.835,0.563,1.312,0.589c0.139,0.008,0.278-0.001,0.415-0.021c0.054,0.008,0.106,0.021,0.16,0.022    c0.544,0.029,1.099-0.162,1.515-0.576l29.447-29.196c0.785-0.777,0.79-2.043,0.012-2.828    C61.856,14.943,60.59,14.939,59.807,15.717z"></path> </g> </g> </svg>
											</button>
										</div>
										<select class="field-overlay ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required has-errors" required="" ng-model="dataAddAppointment.flexiblecustomer_id" ng-options="item.id as item.name for item in flexiblecustomers" ng-change="setValueShowSelect('selectedFlexCus', 'selectedFlexName', '')" id="selectedFlexCus" ng-class="{ 'has-errors' : formCreateToSchedule.flexiblecustomer_id.$invalid  }" name="flexiblecustomer_id" style="">
										</select>
									</div>
								</div>
							</div>
						</div>
						<div class="itm">
							<label class="label-form-field-1">Invoice number</label>
							<div class="layout-fixed">
								<div>
									<div class="input-form-field-1" ng-click="focusHandle($event)" style="">
										<input type="text" placeholder="" value="Select" name="selectedInvoiceNumber" class="h32px">
										<div class="sign-r clear">
											<button class="bg-transparent full-h right pdR10" type="button">
												<svg class="h17px clr-symbol-clickable" viewBox="0 0 63.215 63.215"> <g> <g> <path fill="#1075BB" d="M59.807,15.717L31.491,43.791L3.419,15.475c-0.777-0.785-2.044-0.789-2.828-0.012c-0.784,0.777-0.789,2.044-0.012,2.827    l29.194,29.448c0.365,0.368,0.835,0.563,1.312,0.589c0.139,0.008,0.278-0.001,0.415-0.021c0.054,0.008,0.106,0.021,0.16,0.022    c0.544,0.029,1.099-0.162,1.515-0.576l29.447-29.196c0.785-0.777,0.79-2.043,0.012-2.828    C61.856,14.943,60.59,14.939,59.807,15.717z"></path> </g> </g> </svg>
											</button>
										</div>
										<select class="field-overlay ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required has-errors" ng-model="dataAddAppointment.order_id" ng-options="item.id as item.name for item in orderData" ng-change="setValueShowSelect('selectedInvoiceNumber', 'selectedInvoiceNumber', '')" id="selectedInvoiceNumber" ng-class="{ 'has-errors' : formCreateToSchedule.order_id.$invalid  }" id="selectedInvoiceNumber" name="order_id">
										</select>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="scroll-bar scroll-bar-v">
				<div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 375px; transform-origin: center bottom 0px;"></div>
			</div>
		</ion-scroll>
	</form>
</div>  
<div class="app-control">
	<div class="layout-fixed full-h pdT2">
		<div class="full-h">
			<button class="button-form-field-1 position-right full pdR15" onclick="document.getElementById('submitFormAddAppointment').click()">
				<svg class="icon h12px" viewBox="0 0 512 512"> <path d="M504.502,75.496c-9.997-9.998-26.205-9.998-36.204,0L161.594,382.203L43.702,264.311c-9.997-9.998-26.205-9.997-36.204,0    c-9.998,9.997-9.998,26.205,0,36.203l135.994,135.992c9.994,9.997,26.214,9.99,36.204,0L504.502,111.7    C514.5,101.703,514.499,85.494,504.502,75.496z" /> </svg>
				Submit
			</button>
		</div>
	</div>
</div>
