<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-name-header-1 nowrap">To schedule</div>
                <div class="text-title-header-1 nowrap mgT5">Appointment specific information</div>
            </div>
        </div>
    </div>
    <button class="popup-close-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#scheduleEditModal')">
        <svg class="block h18px" viewBox="0 0 64 64"> <g> <path fill="#FFF" d="M28.941,31.786L0.613,60.114c-0.787,0.787-0.787,2.062,0,2.849c0.393,0.394,0.909,0.59,1.424,0.59   c0.516,0,1.031-0.196,1.424-0.59l28.541-28.541l28.541,28.541c0.394,0.394,0.909,0.59,1.424,0.59c0.515,0,1.031-0.196,1.424-0.59   c0.787-0.787,0.787-2.062,0-2.849L35.064,31.786L63.41,3.438c0.787-0.787,0.787-2.062,0-2.849c-0.787-0.786-2.062-0.786-2.848,0   L32.003,29.15L3.441,0.59c-0.787-0.786-2.061-0.786-2.848,0c-0.787,0.787-0.787,2.062,0,2.849L28.941,31.786z" /> </g> </svg>
    </button>
</div>
<div class="app-content">
    <form class="app-content-inner content-pd" id="formAppointmentEdit" name="formAppointmentEdit" ng-submit="validateForm(formAppointmentEdit, 'EditAppToSchedule')" novalidate="">
        <button type="submit" id="submitFormEditAppointment" style="display:none;">Submit</button>
        <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false" delegate-handle="scrollAppointmentEditAppToSchedule" on-scroll="scrollContent('scrollAppointmentEditAppToSchedule')">
            <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-click="focusHandle($event)">
                                    <textarea autocomplete="off"
                                    class="ion-autocomplete"
                                    ion-autocomplete=""
                                    item-value-key="id"
                                    item-view-value-key="name"
                                    items-clicked-method="clickOnItemAppType(callback,'apptype')"
                                    items-method="filterAppType(query)"
                                    items-method-value-key="items"
                                    items-removed-method="removeItemsAutocomplete(callback,'apptype')"
                                    max-selected-items="1"
                                    ng-model="autocompleteList.appType"
                                    external-model="initialAppType"
                                    model-to-item-method="setValueForInputAppType(modelValue)"
                                    placeholder="Find" readonly="readonly" style="width:100%" type="text"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <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' : formAppointmentEdit.dateofappt.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" value="{{editAppointmentsData.dataApp.dateofappt| date: 'MM/dd/yyyy'}}" placeholder="Choose date" id="dateofappt" name="dateofappt">
                                    <div class="field-overlay datetime" date="" ion-datetime-picker="" ng-model="editAppointmentsData.dataApp.dateofappt" name="dateofappt" required="">
                                        {{editAppointmentsData.dataApp.dateofappt| date: 'MM/dd/yyyy'}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <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" ng-class="{ 'has-errors' : formAppointmentEdit.arrivalwindow.$invalid  }" ng-click="focusHandle($event)">
                                            <input id="arrivalwindowView" name="arrivalwindowView" ng-model="editAppointmentsData.dataApp.arrivalwindow" type="text" class="h32px" placeholder="" time-pickker required />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <label class="label-form-field-1">End</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formAppointmentEdit.endarrivalwindow.$invalid  }" ng-click="focusHandle($event)">
                                            <input id="endarrivalwindowView" name="endarrivalwindowView" ng-model="editAppointmentsData.dataApp.endarrivalwindow" type="text" class="h32px" placeholder="" time-pickker required />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Field worker</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formAppointmentEdit.fieldworker.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" placeholder="" value="Select" name="seletedFieldwokerName">
                                    <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-options="item.id as item.name for item in fieldworkerByAppType" ng-model="editAppointmentsData.dataApp.fieldworker" name="fieldworker" ng-change="setValueShowSelect('selectFieldWorkder', 'seletedFieldwokerName', 'fieldworkerforapp')" id="selectFieldWorkder" required></select>
                                </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" ng-click="focusHandle($event)">
                                    <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="editAppointmentsData.dataApp.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="editAppointmentsData.dataApp.nothomeutil" type="text" class="h32px" placeholder="" time-pickker />
                                </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-class="{ 'has-errors' : formAppointmentEdit.callahead_id.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" placeholder="" name="seletedCallAheadName" 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-options="item.id as item.name for item in callaheads" ng-model="editAppointmentsData.dataApp.callahead_id" ng-change="setValueShowSelect('selectedCallAhead', 'seletedCallAheadName', '')" id="selectedCallAhead" name="callahead_id" ng-class="{ 'has-errors' : formAppointmentEdit.callahead_id.$invalid  }" required=""></select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Appointment Sub Type</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formAppointmentEdit.customertype_id.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" value="Select" name="selectedCusTypeName" 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-options="item.id as item.name for item in customertypes | filter : {status:1}"
                                    ng-model="editAppointmentsData.dataApp.customertype_id" 
                                    ng-change="setValueShowSelect('selectedCusType', 'selectedCusTypeName', '')" 
                                    id="selectedCusType" ng-class="{ 'has-errors' : formAppointmentEdit.customertype_id.$invalid  }" 
                                    name="customertype_id" required="">
                            </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-class="{ 'has-errors' : formAppointmentEdit.flexiblecustomer_id.$invalid  }" ng-click="focusHandle($event)">
                            <input type="text" placeholder="" value="Select" 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" /> </g> </g> </svg>
                                </button>
                            </div>
                            <select class="field-overlay" required ng-model="editAppointmentsData.dataApp.flexiblecustomer_id" ng-options="item.id as item.name for item in flexiblecustomers" ng-change="setValueShowSelect('selectedFlexCus', 'selectedFlexName', '')" id="selectedFlexCus" ng-class="{ 'has-errors' : formAppointmentEdit.flexiblecustomer_id.$invalid  }" name="flexiblecustomer_id"></select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <label class="label-form-field-1">Appt added by user</label>
                <div class="layout-fixed">
                    <div>
                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formAppointmentAdd.addby_id.$invalid  }" ng-click="focusHandle($event)">
                            <input type="text" placeholder="Select User" value="{{currAddbyShow}}" name="selectedAddbyName" 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" required ng-init="editAppointmentsData.dataApp.addby_id = currentuserId" ng-model="editAppointmentsData.dataApp.addby_id" ng-change="setValueShowSelect('selecteAddby', 'selectedAddbyName', '')" id="selecteAddby" name="addby_id" ng-class="{ 'has-errors' : formAppointmentAdd.addby_id.$invalid  }">
                                <option value="" ng-init="">Select</option>
                                <option value="{{item.id}}" ng-if="item.id > '0'" ng-repeat="item in users">{{item.first_name}} {{item.last_name}}</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="box-setting-4">
        <div class="content content-in">
            <div class="itm">
                <label class="label-form-field-1">Office appointment note</label>
                <div class="layout-fixed">
                    <div>
                        <div class="input-form-field-1" ng-click="focusHandle($event)">
                            <textarea class="h65px bold pdTB5-i" ng-model="editAppointmentsData.dataApp.officeapptnote" placeholder="Office Appt Note"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <label class="label-form-field-1">Working invoce</label>
                <div class="layout-fixed">
                    <div>
                        <div class="input-form-field-1" ng-click="focusHandle($event)">
                            <textarea autocomplete="off"
                            class="ion-autocomplete"
                            ion-autocomplete=""
                            item-value-key="id"
                            item-view-value-key="name"
                            items-clicked-method="clickOnItemOrder(callback)"
                            items-method="filterOrder(query,editAppointmentsData.dataApp.customer_id)"
                            items-method-value-key="items"
                            items-removed-method="removeItemsAutocomplete(callback,'order')"
                            max-selected-items="1"
                            ng-model="autocompleteList.dataOrder"
                            external-model="initialOrderId"
                            model-to-item-method="setValueForInputOrderId(modelValue)"
                            placeholder="Find" readonly="readonly" style="width:100%" type="text"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="box-setting-4">
        <div class="content content-in">
            <div class="itm no-saperator">
                <label class="label-form-field-1">Find jobsite</label>
                <div class="layout-fixed">
                    <div>
                        <div class="input-form-field-1" ng-click="focusHandle($event)">
                            <input type="text" placeholder="" value="Select" name="selectedJobsiteName" 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="editAppointmentsData.dataJobsite.id" ng-change="setValueShowSelect('selectJobsite', 'selectedJobsiteName', 'jobsiteEdit')" id="selectJobsite">
                                <option value="">Select</option>
                                <option value="addnew">Add new jobsite</option>
                                <option value="{{item.id}}" ng-repeat="item in jobsitesByCustomer">{{item.label}}</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm" ng-if="jobsiteshow">
                <label class="label-form-field-1">Label</label>
                <div class="layout-fixed">
                    <div>
                        <div class="input-form-field-1" ng-click="focusHandle($event)">
                            <input class="h32px" placeholder="" type="text" ng-model="editAppointmentsData.dataJobsite.label" required ng-disabled="editJobsiteField">
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm" ng-if="jobsiteshow">
                <label class="label-form-field-1">Street Address</label>
                <div class="layout-fixed" ng-if="editJobsiteField">
                    <div>
                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formAppointmentEdit.street.$invalid  }" name="street" ng-click="focusHandle($event)">
                            <input class="h32px" type="text" ng-model="editAppointmentsData.dataJobsite.street" ng-disabled="editJobsiteField">
                        </div>
                    </div>
                </div>
                <div class="layout-fixed" ng-if="!editJobsiteField">
                    <div>
                        <div class="input-form-field-1" ng-click="focusHandle($event)">
                            <!-- <ion-google-place getplace="true" location-changed="locationChangeEditApp" ng-model="editAppointmentsData.dataJobsite.street" placeholder="Enter address" style="padding: 0px;border-width: 0px;" ng-disabled="editJobsiteField"></ion-google-place> -->
                            <tags-input ng-model="holdValueAddress.editAppointment"
                            add-on-paste="true"
                            display-property="description"
                            key-property="place_id"
                            on-tag-adding="selectAddressApp($tag,'editapp')"
                            enable-editing-last-tag="true"
                            max-tags="1"
                            min-tags="1"
                            on-tag-removed="removetagapp($tag,'editapp')">
                            <auto-complete load-on-empty="true" source="loadAddress($query)"></auto-complete>
                        </tags-input>
                    </div>
                </div>
                <input type="hidden" ng-model="editAppointmentsData.dataJobsite.street">
            </div>
        </div>
        <div class="itm" ng-if="jobsiteshow">
            <div class="layout-fixed input-1-group">
                <div class="layout-w-1:2">
                    <label class="label-form-field-1">City</label>
                    <div class="layout-fixed">
                        <div>
                            <div class="input-form-field-1" ng-class="{ 'has-errors' : formAppointmentEdit.city.$invalid  }" ng-click="focusHandle($event)">
                                <input class="h32px locality" name="city" placeholder="" type="text" ng-model="editAppointmentsData.dataJobsite.city" required ng-disabled="editJobsiteField">
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <label class="label-form-field-1">State</label>
                    <div class="layout-fixed">
                        <div>
                            <div class="input-form-field-1" ng-class="{ 'has-errors' : formAppointmentEdit.state.$invalid  }" ng-click="focusHandle($event)">
                                <input class="h32px administrative_area_level_1" placeholder="" type="text" ng-model="editAppointmentsData.dataJobsite.state" name="state" required ng-disabled="editJobsiteField"/>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <label class="label-form-field-1">Zip Code</label>
                    <div class="layout-fixed">
                        <div>
                            <div class="input-form-field-1" ng-class="{ 'has-errors' : formAppointmentEdit.zipcode.$invalid  }" ng-click="focusHandle($event)">
                                <input class="ft-fifth h32px postal_code" placeholder="" type="text" ng-model="editAppointmentsData.dataJobsite.zipcode" name="zipcode" required ng-disabled="editJobsiteField"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="itm" ng-if="jobsiteshow">
            <label class="label-form-field-1">Apt #/ Unit #</label>
            <div class="layout-fixed">
                <div>
                    <div class="input-form-field-1" ng-click="focusHandle($event)">
                        <input class="h32px" placeholder="" type="text" ng-model="editAppointmentsData.dataJobsite.apt_unit" ng-disabled="editJobsiteField">
                    </div>
                </div>
            </div>
        </div>
        <div class="itm" ng-if="jobsiteshow">
            <label class="label-form-field-1">Contact Person</label>
            <div class="layout-fixed">
                <div>
                    <div class="input-form-field-1" ng-class="{ 'has-errors' : formAppointmentEdit.contactperson.$invalid  }" ng-click="focusHandle($event)">
                        <input class="h32px" placeholder="" type="text" ng-model="editAppointmentsData.dataJobsite.contactperson" name="contactperson" required ng-disabled="editJobsiteField" />
                    </div>
                </div>
            </div>
        </div>
        <div class="itm" ng-if="jobsiteshow">
            <div class="layout-fixed input-1-detail">
                <div>
                    <label class="label-form-field-1">Contact Phone</label>
                    <div class="layout-fixed" ng-if="!editJobsiteField">
                        <div>
                            <div class="input-form-field-1" ng-class="{ 'has-errors' : formAppointmentEdit.contactphone.$invalid  }" ng-click="focusHandle($event)">
                                <input class="h32px" placeholder="" name="contactphone" type="text" phone-input pattern=".{14,20}" ng-model="editAppointmentsData.dataJobsite.contactphone" required ng-disabled="editJobsiteField" />
                            </div>
                        </div>
                    </div>
                    <div class="layout-fixed" ng-if="editJobsiteField">
                        <div>
                            <div class="input-form-field-1" ng-click="focusHandle($event)">
                                <input class="h32px" placeholder="" name="contactphone" type="text" ng-model="editAppointmentsData.dataJobsite.contactphone" ng-disabled="editJobsiteField" />
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="layout-fixed">
                        <div>
                            <div class="input-form-field-1" ng-click="focusHandle($event)">
                                <input type="text" class="h32px" name="" value="" placeholder="Detail" ng-model="editAppointmentsData.dataJobsite.detail" ng-disabled="editJobsiteField">
                            </div>
                        </div>
                    </div>
                </div> 
            </div>
        </div>
    </div>
</div>
</ion-scroll>
</form>
</div>
<div class="app-control">
    <div class="layout-fixed full-h pdT2">
        <div class="w42px full-h relative">
            <button class="bg-transparent pd0-i full text-left pdL10-i" type="button" onclick="openQuickOption(this)">
                <svg class="h20px" viewBox="0 0 460.713 460.713"> <g> <rect y="115.356" width="302" height="30" fill="#FFFFFF" /> <polygon points="335.786,202.231 398.25,264.694 460.713,202.232  " fill="#FFFFFF" /> <rect y="315.356" width="302" height="30" fill="#FFFFFF" /> <rect y="215.356" width="302" height="30" fill="#FFFFFF" /> </g> </svg>
            </button>
            <div class="quick-popup box-popup-1 display-bottom-left mgB55" onclick="closeQuickOption(this)">
                <div class="popup-content w140px">
                    <ul class="list-item-03">
                        <li ng-click="editAppointmentsToSchedule(editAppointmentsData.dataApp.id)">
                            <div class="layout-fixed">
                                <div class="icon-area">
                                    <svg class="h15px" viewBox="0 0 423.755 423.755"> <path d="M43.84,281.457c-18.585-44.869-18.586-94.29,0-139.159c10.649-25.709,26.678-48.152,46.86-66.135l60.86,60.86V15.099   H29.635l39.88,39.88c-64.293,58.426-88.5,153.2-53.391,237.959c14.167,34.202,37.07,64.159,66.234,86.634   c28.275,21.789,61.873,36.201,97.162,41.677l4.601-29.646C120.778,381.774,68.337,340.597,43.84,281.457z" fill="#FFFFFF" /> <path d="M407.516,292.938c21.652-52.272,21.652-109.848,0-162.12c-14.167-34.202-37.071-64.159-66.234-86.633   C313.007,22.395,279.409,7.983,244.12,2.507l-4.601,29.646c63.342,9.829,115.783,51.005,140.28,110.146   c18.586,44.869,18.586,94.29,0,139.159c-10.649,25.709-26.678,48.152-46.859,66.135l-60.86-60.86v121.924h121.924l-39.801-39.801   C377.118,348.099,395.334,322.348,407.516,292.938z" fill="#FFFFFF" /> </svg>
                                </div>
                                <div class="name-area text-link-1">
                                    Reset all
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="popup-overlay"></div>
            </div>
        </div>
        <div class="w95px full-h">
            <button class="button-form-field-1 darkgray position-left full pdL20" type="button" ng-click="closeTarget('#scheduleEditModal')">
                <svg class="icon h12px" viewBox="0 0 408 408"> <path d="M408,178.5H96.9L239.7,35.7L204,0L0,204l204,204l35.7-35.7L96.9,229.5H408V178.5z" /> </svg>
                Back
            </button>
        </div>
        <div class="full-h">
            <button class="button-form-field-1 position-right full pdR20" onclick="getElementById('submitFormEditAppointment').click()">
                <svg class="icon h14px" viewBox="0 0 59 59"> <path d="M46,35c-6.617,0-12,5.383-12,12s5.383,12,12,12s12-5.383,12-12S52.617,35,46,35z M46,57c-5.514,0-10-4.486-10-10   s4.486-10,10-10s10,4.486,10,10S51.514,57,46,57z" style="fill: rgb(255, 255, 255);" /> <path d="M52,46h-5v-5c0-0.553-0.447-1-1-1s-1,0.447-1,1v6c0,0.553,0.447,1,1,1h6c0.553,0,1-0.447,1-1S52.553,46,52,46z" style="fill: rgb(255, 255, 255);" /> <path d="M53,5c0-0.552-0.448-1-1-1h-5V1c0-0.553-0.448-1-1-1h-7c-0.552,0-1,0.447-1,1v3H16V1c0-0.553-0.448-1-1-1H8   C7.448,0,7,0.447,7,1v3H2C1.448,4,1,4.448,1,5v9h52V5z M14,5v3H9V5V2h5V5z M45,5v3h-5V5V2h5V5z" style="fill: rgb(255, 255, 255);" /> <path d="M46,32c2.528,0,4.908,0.635,7,1.743v-3.565V17c0-0.553-0.448-1-1-1H2c-0.552,0-1,0.447-1,1v39c0,0.553,0.448,1,1,1h32.851   C32.465,54.343,31,50.844,31,47C31,38.729,37.729,32,46,32z M38,22h8v8h-4.515H38V22z M16,50H8v-8h8V50z M16,40H8v-8h8V40z M16,30   H8v-8h8V30z M26,50h-7h-1v-8h8V50z M26,40h-8v-8h8V40z M26,30h-8v-8h1h7V30z M28,22h7h1v8h-8V22z" style="fill: rgb(255, 255, 255);" /> </svg>
                Schedule Appointment
            </button>
        </div>
    </div>
</div>
