<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">{{editUsersData.dataUser.display_name}}</div>
                <div class="text-title-header-1 nowrap mgT10">Edit information</div>
            </div>
        </div>
    </div>
    <button class="popup-back-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#popupEmployeeEdit')"></button>
</div>
<!-- <div class="app-tab-part">
    <div class="layout-fixed full-h">
        <div>
            <div class="tab-link tab-link-5 layout-fixed w-auto-i center">
                <div class="itm active pdLR7">
                    <div class="icon">
                        <button class="full bg-transparent pd0-i" type="button">
                            <svg class="block h16px center" viewBox="0 0 203.613 203.613"> <path fill="#b1c7d7" d="M59.316,32.273v139.066c0,16.279-12.65,29.523-28.2,29.523h-2.915C12.651,200.863,0,187.619,0,171.339V32.273  C0,15.995,12.651,2.75,28.201,2.75h2.915C46.666,2.75,59.316,15.995,59.316,32.273z M203.613,41.203v119.467  c0,12.789-10.405,23.194-23.195,23.194H74.415c-2.762,0-5-2.238-5-5V24.749c0-2.762,2.238-5,5-5h107.743  C193.988,19.749,203.613,29.373,203.613,41.203z M110.59,150.696c0-3.531-2.862-6.393-6.393-6.393c-3.531,0-6.393,2.862-6.393,6.393  s2.862,6.393,6.393,6.393C107.728,157.089,110.59,154.227,110.59,150.696z M110.59,121.954c0-3.531-2.862-6.393-6.393-6.393  c-3.531,0-6.393,2.862-6.393,6.393c0,3.531,2.862,6.393,6.393,6.393C107.728,128.347,110.59,125.485,110.59,121.954z M110.59,93.212  c0-3.531-2.862-6.393-6.393-6.393c-3.531,0-6.393,2.862-6.393,6.393c0,3.531,2.862,6.393,6.393,6.393  C107.728,99.605,110.59,96.743,110.59,93.212z M142.968,150.696c0-3.531-2.862-6.393-6.393-6.393c-3.531,0-6.393,2.862-6.393,6.393  s2.862,6.393,6.393,6.393C140.106,157.089,142.968,154.227,142.968,150.696z M142.968,121.954c0-3.531-2.862-6.393-6.393-6.393  c-3.531,0-6.393,2.862-6.393,6.393c0,3.531,2.862,6.393,6.393,6.393C140.106,128.347,142.968,125.485,142.968,121.954z   M142.968,93.212c0-3.531-2.862-6.393-6.393-6.393c-3.531,0-6.393,2.862-6.393,6.393c0,3.531,2.862,6.393,6.393,6.393  C140.106,99.605,142.968,96.743,142.968,93.212z M175.346,150.696c0-3.531-2.862-6.393-6.393-6.393  c-3.531,0-6.393,2.862-6.393,6.393s2.862,6.393,6.393,6.393C172.484,157.089,175.346,154.227,175.346,150.696z M175.346,121.954  c0-3.531-2.862-6.393-6.393-6.393c-3.531,0-6.393,2.862-6.393,6.393c0,3.531,2.862,6.393,6.393,6.393  C172.484,128.347,175.346,125.485,175.346,121.954z M175.346,93.212c0-3.531-2.862-6.393-6.393-6.393  c-3.531,0-6.393,2.862-6.393,6.393c0,3.531,2.862,6.393,6.393,6.393C172.484,99.605,175.346,96.743,175.346,93.212z M187.017,47.521  c0-5.812-4.729-10.54-10.54-10.54H91.011c-2.762,0-5,2.238-5,5v19.097c0,2.762,2.238,5,5,5h91.006c2.762,0,5-2.238,5-5V47.521z" /> </svg>
                        </button>
                    </div>
                    <h3 class="text">Contact Information</h3>
                </div>
                <div class="itm pdLR7">
                    <div class="icon">
                        <button class="full bg-transparent pd0-i" type="button">
                            <svg class="block h18px center" viewBox="0 0 779.11 779.11"> <path fill="#b1c7d7" d="M662.914,632.351H530.07H254.474c-11.49,0-20.806,9.315-20.806,20.806v12.805c0,11.49,9.315,20.81,20.806,20.81h275.598    h132.844h68.82v-54.418L662.914,632.351L662.914,632.351z" /> <circle fill="#b1c7d7" r="115.19" cy="189.625" cx="211.187" /> <path fill="#b1c7d7" d="M492.234,472.147l-263.969-0.146l-6.25-0.02v-30.632l-0.217-25.64c0-61.245-49.651-110.898-110.899-110.898    c-2.075,0-4.136,0.07-6.184,0.182l-0.156-0.182C46.813,304.813,0,351.625,0,409.372v295.303h222.015V578.876l-2.937-0.231    c-0.209-0.019-0.261,0.002-0.391,0.002c-15.021,0-29.417-6.324-39.562-17.399l-90.112-98.363    c-2.873-3.135-2.66-8.003,0.476-10.874c3.133-2.873,8.003-2.659,10.874,0.476l90.111,98.362    c7.322,7.993,17.648,12.881,28.521,13.039c0.723,0.01,10.594,0.152,10.594,0.152h262.645c25.375,0,45.947-20.571,45.947-45.947    C538.182,492.717,517.609,472.147,492.234,472.147z" /> <path fill="#b1c7d7" d="M765.197,309.111c-10.744-3.681-22.439,2.049-26.123,12.794l-87.209,254.59H339.803c-11.356,0-20.567,9.206-20.567,20.564    s9.211,20.566,20.567,20.566h326.507c6.994,0,13.168-3.503,16.879-8.841c1.283-1.694,2.33-3.607,3.059-5.729L778,335.225    C781.67,324.486,775.947,312.79,765.197,309.111z" /> </svg>
                        </button>
                    </div>
                    <h3 class="text">Job Information</h3>
                </div>
                <div class="itm pdLR7">
                    <div class="icon">
                        <button class="full bg-transparent pd0-i" type="button">
                            <svg class="block h16px center" viewBox="0 0 455 455"> <path style="fill: #a05902" d="M379.16,18.871L348.82,0l-30.336,18.871L288.15,0l-30.335,18.871L227.481,0L197.15,18.871L166.821,0l-30.327,18.871  L106.162,0L75.831,18.871L45.5,7v441l30.34-11.871L106.18,455l30.336-18.871L166.85,455l30.335-18.871L227.519,455l30.331-18.871  L288.179,455l30.327-18.871L348.838,455l30.331-18.871L409.5,448V7L379.16,18.871z M263.368,262.037H121.632v-30h141.735V262.037z   M263.368,192.037H121.632v-30h141.735V192.037z M263.368,122.037H121.632v-30h141.735V122.037z M333.368,381.835h-40v-30h40  V381.835z M333.368,262.037h-40v-30h40V262.037z M333.368,192.037h-40v-30h40V192.037z M333.368,122.037h-40v-30h40V122.037z" /> </svg>
                        </button>
                    </div>
                    <h3 class="text">Available Skills</h3>
                </div>
                <div class="itm pdLR7">
                    <div class="icon">
                        <button class="full bg-transparent pd0-i" type="button">
                            <svg class="block h16px center" viewBox="0 0 43.028 43.028"> <path fill="#b1c7d7" d="M39.561,33.971l-0.145,0.174c-4.774,5.728-11.133,8.884-17.902,8.884c-6.77,0-13.128-3.155-17.903-8.884l-0.144-0.174   l0.034-0.223c0.922-6.014,4.064-10.845,8.847-13.606l0.34-0.196l0.271,0.284c2.259,2.37,5.297,3.674,8.554,3.674   s6.295-1.305,8.554-3.674l0.271-0.284l0.34,0.196c4.783,2.761,7.925,7.592,8.848,13.606L39.561,33.971z M21.514,21.489   c5.924,0,10.744-4.82,10.744-10.744C32.258,4.821,27.438,0,21.514,0S10.77,4.821,10.77,10.744S15.59,21.489,21.514,21.489z" /> </svg>
                        </button>
                    </div>
                    <h3 class="text">HR Information</h3>
                </div>
            </div>
        </div>
    </div>
</div> -->
<form class="app-content" id="formEditUser" name="formEditUser" ng-submit="validateForm(formEditUser,'Edit',file)" novalidate="">
    <div class="app-content-inner content-pd">
        <button type="submit" id="submitFormEditUser" class="hidden">Submit</button>
        <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false" delegate-handle="scrollEdit" on-scroll="scrollContent('scrollEdit')">
            <div class="box-setting-4 form-field-container no-saperator" id="contactInfoEdit">
                <div class="title">Contact Information</div>
                <div class="content content-in">
                    <div class="itm">
                        <div class="layout-fixed input-1-group">
                            <div>
                                <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.first_name.$invalid  }">First name</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.first_name.$invalid  }" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" id="first_name" name="first_name" ng-model="editUsersData.dataUser.first_name" placeholder="" required="" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <label class="label-form-field-1">Middle name</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" id="middle_name" name="middle_name" ng-model="editUsersData.dataUser.middle_name" placeholder="" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.last_name.$invalid  }">Last name</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.last_name.$invalid  }" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" id="last_name" name="last_name" ng-model="editUsersData.dataUser.last_name" placeholder="" required="" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="layout-fixed input-1-group">
                            <div>
                                <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.nick_name.$invalid  }">Nick name</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.nick_name.$invalid  }" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" id="nick_name" name="nick_name" ng-model="editUsersData.dataUser.nick_name" placeholder="" required="" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.display_name.$invalid  }">Display name</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.display_name.$invalid  }" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" id="display_name" name="display_name" ng-model="editUsersData.dataUser.display_name" placeholder="" required="" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="layout-fixed input-1-group">
                            <div>
                                <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.cell_phone.$invalid  }">Cell phone</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.cell_phone.$invalid  }" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" id="cell_phone" name="cell_phone" ng-model="editUsersData.dataUser.cell_phone" pattern=".{10,20}" phone-input="" placeholder="" required="" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.office_phone.$invalid  }">Office phone</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.office_phone.$invalid  }" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" id="office_phone" name="office_phone" ng-model="editUsersData.dataUser.office_phone" pattern=".{10,20}" phone-input="" placeholder="" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <label class="label-form-field-1">Extension phone</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" name="extension_phone" ng-model="editUsersData.dataUser.extension_phone" pattern="^[0-9][0-9]{0,14}$" placeholder="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.email.$invalid  }">Email</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.email.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="email" class="h32px" id="email" name="email" ng-model="editUsersData.dataUser.email" placeholder="" required="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.EditressEditEmployeee.$invalid  }">Address</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.EditressEditEmployeee.$invalid  }" ng-click="focusHandle($event)">
                                    <!--  <ion-google-place getplace="true" id="EditressEditEmployeee" location-changed="locationChangedEdit" name="EditressEditEmployeee" ng-model="editUsersData.dataUserDetail.street" placeholder="" required="" style="padding: 0px;border-width: 0px;"></ion-google-place> -->
                                    <tags-input ng-model="holdValueAddress.editUserAddress"
                                    add-on-paste="true"
                                    display-property="description"
                                    key-property="place_id"
                                    on-tag-adding="selectAddress($tag,'edituser')"
                                    enable-editing-last-tag="true"
                                    max-tags="1"
                                    min-tags="1"
                                    on-tag-removed="removetag($tag,'edituser')">
                                    <auto-complete load-on-empty="true" source="loadAddress($query)"></auto-complete>
                                </tags-input>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" ng-model="editUsersData.dataUserDetail.street" id="EditressEditEmployeee" name="EditressEditEmployeee" required />
                </div>
                <div class="itm">
                    <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-click="focusHandle($event)">
                                        <input type="text" class="locality h32px" id="city" name="city" ng-model="editUsersData.dataUserDetail.city" placeholder="">
                                    </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-click="focusHandle($event)">
                                        <input type="text" class="administrative_area_level_1 h32px" id="state" name="state" ng-model="editUsersData.dataUserDetail.state" placeholder="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.zipcode.$invalid  }">Zip code</label>
                            <div class="layout-fixed">
                                <div>
                                    <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.zipcode.$invalid  }" ng-click="focusHandle($event)">
                                        <input type="text" class="postal_code h32px" id="zipcode" name="zipcode" ng-model="editUsersData.dataUserDetail.zipcode" numbers-only="numbers-only" placeholder="" required="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="itm">
                    <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.emergency_contact.$invalid  }">Emergency contact/ Relation/ Phone #</label>
                    <div class="layout-fixed">
                        <div>
                            <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.emergency_contact.$invalid  }" ng-click="focusHandle($event)">
                                <input class="h32px" name="emergency_contact" ng-model="editUsersData.dataUserDetail.emergency_contact" required="" type="text">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="itm">
                    <label class="label-form-field-1">Profile picture</label>
                    <div class="layout-fixed">
                        <div>
                            <div class="input-form-field-1" ng-click="focusHandle($event)">
                                <div class="w60px h60px relative obove">
                                    <img class="full" ng-src="{{imageURI}}" ng-if="imageURI" />
                                    <img class="full" ng-src="{{editUsersData.dataUser.image_pic}}" check-image ng-if="!imageURI" />
                                </div>
                                <div class="sign-r clear">
                                    <button class="bg-transparent full-h right pdR10" type="button" ng-click="openPickerForProfile()">
                                        <svg class="h20px" viewBox="0 0 280.028 280.028"> <g> <path style="fill:#016A87;" d="M201.27,35.004h35.003c4.839,0,8.751,3.92,8.751,8.751v8.751h-52.505v-8.751   C192.519,38.925,196.43,35.004,201.27,35.004z" /> <path style="fill:#2C9AB9;" d="M17.502,52.506h245.024c9.661,0,17.502,7.841,17.502,17.502v140.014   c0,9.661-7.841,17.502-17.502,17.502H17.502C7.841,227.523,0,219.682,0,210.022V70.008C0,60.347,7.841,52.506,17.502,52.506z" /> <path style="fill:#FFF;" d="M122.512,35.004c57.992,0,105.01,47.018,105.01,105.01s-47.018,105.01-105.01,105.01   s-105.01-47.018-105.01-105.01S64.52,35.004,122.512,35.004z" /> <path style="fill:#016A87;" d="M122.512,61.257c43.5,0,78.758,35.257,78.758,78.758c0,43.492-35.257,78.758-78.758,78.758   s-78.758-35.257-78.758-78.758C43.754,96.523,79.011,61.257,122.512,61.257z" /> <path style="fill:#2B414D;" d="M122.512,87.51c29,0,52.505,23.514,52.505,52.505s-23.505,52.505-52.505,52.505   c-28.992,0-52.505-23.522-52.505-52.505S93.52,87.51,122.512,87.51z" /> <path style="fill:#FFFFFF;" d="M144.389,105.011c7.246,0,13.126,5.881,13.126,13.126c0,7.254-5.881,13.126-13.126,13.126   s-13.126-5.872-13.126-13.126S137.143,105.011,144.389,105.011z" /> <path style="fill:#FFFFFF;" d="M249.399,70.008c7.246,0,13.126,5.872,13.126,13.126s-5.881,13.126-13.126,13.126   c-7.246,0-13.126-5.872-13.126-13.126C236.273,75.88,242.154,70.008,249.399,70.008z" /> <g> <rect x="201.27" y="35.004" style="fill:#016A87;" width="8.751" height="17.502" /> <rect x="218.771" y="35.004" style="fill:#016A87;" width="8.751" height="17.502" /> <path style="fill:#016A87;" d="M236.273,35.004v17.502h8.751v-8.751C245.024,38.925,241.112,35.004,236.273,35.004z" /> </g> </g> </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="box-setting-4 form-field-container no-saperator" id="jobInfoEdit">
            <div class="title">Job Information</div>
            <div class="content content-in">
                <div class="itm">
                    <div class="layout-fixed input-1-group">
                        <div>
                            <label class="label-form-field-1">Department</label>
                            <div class="layout-fixed" ng-class="{ 'has-errors' : formEditUser.department.$invalid  }">
                                <div>
                                    <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.department.$invalid  }" ng-click="focusHandle($event)">
                                        <input type="text" class="h32px" id="department" value="{{Input_value.department}}" placeholder="">
                                        <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" name="department" ng-change="getDepartmentsGroup(editUsersData.dataUser.department_id)" ng-model="editUsersData.dataUser.department_id" required="">
                                            <option value="">Select</option>
                                            <option ng-repeat="item in departments" value="{{item.id}}">{{item.name}}</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.department_group.$invalid  }">Department group</label>
                            <div class="layout-fixed">
                                <div>
                                    <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.department_group.$invalid  }" ng-click="focusHandle($event)">
                                        <input type="text" class="h32px" id="department_group" value="{{Input_value.departmentGroup}}" required="" placeholder="">
                                        <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" name="department_group" ng-change="setValueDepartmentGroupInput(editUsersData.dataUser.department_group)" ng-model="editUsersData.dataUser.department_group" required="">
                                            <option value="">Select</option>
                                            <option ng-repeat="item in departmentsGroup" value="{{item.id}}">{{item.name}}</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="itm">
                    <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.positiontitle_id.$invalid  }">Position title</label>
                    <div class="layout-fixed">
                        <div>
                            <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.positiontitle_id.$invalid  }" ng-click="focusHandle($event)">
                                <input type="text" class="h32px" id="positiontitle_id" value="{{Input_value.positiontitle}}" placeholder="">
                                <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" name="positiontitle_id" ng-change="populatecurrent_hiredate('Edit',editUsersData.dataUserPositiontitles.positiontitle_id)" ng-model="editUsersData.dataUserPositiontitles.positiontitle_id" required="">
                                    <option value="">Select</option>
                                    <option ng-repeat="item in positiontitles_by_department" value="{{item.id}}">{{item.name}}</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="itm">
                    <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.role_id.$invalid  }">User role</label>
                    <div class="layout-fixed">
                        <div>
                            <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.role_id.$invalid  }" ng-click="focusHandle($event)">
                                <input type="text" class="h32px" id="role_id" value="{{Input_value.role}}" placeholder="">
                                <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" name="role_id" ng-change="setValueRoleInput(editUsersData.dataUserRole.role_id)" ng-model="editUsersData.dataUserRole.role_id" ng-options="item.id as item.name for item in roles" required="">
                                    <option value="">Select</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="itm">
                    <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.supervisor_user1.$invalid  }">Primary supervisor</label>
                    <div class="layout-fixed">
                        <div>
                            <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.supervisor_user1.$invalid  }" ng-click="focusHandle($event)">
                                <input type="text" class="h32px" id="supervisor_user1" value="{{Input_value.supervisor_user1}}" placeholder="">
                                <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" name="supervisor_user1" ng-change="setValueSuperVisor1Input(editUsersData.dataUser.supervisor_user1)" ng-model="editUsersData.dataUser.supervisor_user1" ng-options="item.id as item.nameWithpos for item in usersVisor" required="">
                                    <option value="">Select</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="itm">
                    <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.supervisor_user2.$invalid  }">Secondary supervisor:</label>
                    <div class="layout-fixed">
                        <div>
                            <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.supervisor_user2.$invalid  }" ng-click="focusHandle($event)">
                                <input type="text" class="h32px" id="supervisor_user2" value="{{Input_value.supervisor_user2}}" placeholder="">
                                <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" name="supervisor_user2" ng-change="setValueSuperVisor2Input(editUsersData.dataUser.supervisor_user2)" ng-model="editUsersData.dataUser.supervisor_user2" ng-options="item.id as item.nameWithpos for item in usersVisor" required="">
                                    <option value="">Select</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="itm">
                    <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.startlocationEditEmployeee.$invalid  }">Starting location</label>
                    <div class="layout-fixed">
                        <div>
                            <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.startlocationEditEmployeee.$invalid  }" ng-click="focusHandle($event)">
                                <!-- <ion-google-place id="startlocationEditEmployeee" name="startlocationEditEmployeee" ng-model="editUsersData.dataUserDetail.start_location" placeholder="" required="" style="padding: 0px;border-width: 0px;"></ion-google-place> -->
                                <tags-input ng-model="holdValueAddress.editUserStarLocation"
                                add-on-paste="true"
                                display-property="description"
                                key-property="place_id"
                                on-tag-adding="selectAddress($tag,'edituserstarlocation')"
                                enable-editing-last-tag="true"
                                max-tags="1"
                                min-tags="1"
                                on-tag-removed="removetag($tag,'edituserstarlocation')">
                                <auto-complete load-on-empty="true" source="loadAddress($query)"></auto-complete>
                            </tags-input>
                        </div>
                    </div>
                </div>
                <input type="hidden" ng-model="editUsersData.dataUserDetail.start_location" id="startlocationEditEmployeee" name="startlocationEditEmployeee" required />
            </div>
            <div class="itm">
                <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.driverornot.$invalid  }">Has RGD Vehicle Permissions ?</label>
                <div class="layout-fixed">
                    <div>
                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.driverornot.$invalid  }" ng-click="focusHandle($event)">
                            <input type="text" class="h32px" placeholder="" value="{{Input_value.driverornot}}">
                            <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" name="driverornot" ng-change="setValueDriverornot(editUsersData.dataUserDetail.driverornot)" ng-model="editUsersData.dataUserDetail.driverornot" required="" ng-options="item.id as item.name for item in driverOrNotSelect">
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm" ng-show="editUsersData.dataUserDetail.driverornot == 1">
                <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.assigned_vehicle.$invalid  }">Assigned vehicle</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="clickedMethodVehicles(callback,'edit')"
                            items-method="getAutocompleteVehicles(query,false,'edit')"
                            items-method-value-key="items"
                            items-removed-method="removeMethodVehicles(callback,'edit')"
                            max-selected-items="1"
                            ng-model="autocompleteList.dataUserVehiclesEdit"
                            placeholder=""
                            style="width:100%"
                            type="text"
                            external-model="initialVehicleEdit"
                            model-to-item-method="setValueForVehiclesEdit(modelValue)"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.assignlocationEditEmployeee.$invalid  }">Assigned location</label>
                <div class="layout-fixed">
                    <div>
                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.assignlocationEditEmployeee.$invalid  }" ng-click="focusHandle($event)">
                            <input type="text" class="h32px" placeholder="" value="{{Input_value.assigned_location}}">
                            <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" name="assignlocationEditEmployeee" ng-change="setValueAssignLocation(editUsersData.dataUserDetail.assigned_location_id)" ng-model="editUsersData.dataUserDetail.assigned_location_id" ng-options="item.id as item.name for item in assignedLocations" required="">
                                <option value="">Select</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>



            <div class="itm">
                <label class="label-form-field-1">Appointment groups</label>
                <div class="layout-fixed">
                    <div>
                        <div class="input-form-field-1" ng-click="focusHandle($event)">
                            <textarea ion-autocomplete type="text" readonly="readonly" class="ion-autocomplete"
                            placeholder=""
                            items-method="getAppointmentGroup(query,false,'edit')"
                            ng-model="autocompleteList.dataUserAppointmentGroupsEdit"
                            max-selected-items="50"
                            autocomplete="off"
                            item-view-value-key="name"
                            item-value-key="id"
                            items-method-value-key="items"
                            items-clicked-method="clickedMethodAppGroup(callback,'edit')"
                            items-removed-method="removeMethodAppGroup(callback,'edit')"
                            external-model="initialAppointmentGroupEdit"
                            model-to-item-method="setValueForAppointmentGroupEdit(modelValue)"
                            style="width:100%"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.order_schedule.$invalid  }">Appointment/ Schedule view order</label>
                <div class="layout-fixed">
                    <div>
                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.order_schedule.$invalid  }" ng-click="focusHandle($event)">
                            <input type="text" class="h32px" id="order_schedule" name="order_schedule" ng-model="editUsersData.dataUser.order_schedule" placeholder="" required="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="box-setting-4 form-field-container no-saperator" id="skillsInfoEdit">
        <div class="title clear">
            Available Skills
            <span class="text-date-1 clr-black text-none-transform-i right mgT5" ng-if="editUsersData.positiontitles">{{editUsersData.positiontitles}}</span>
        </div>
        <div class="content content-in">
            <div class="itm" ng-if="!editUsersData.positiontitles">
                <div class="layout-fixed">
                    <div class="pdB5">
                        <label class="label-form-field-1 normal">Please choose Position title first</label>
                    </div>
                </div>
            </div>
            <div class="itm" ng-repeat="item in listSkillCheckbox track by $index">
                <div class="layout-fixed">
                    <div class="pdB5">
                        <label class="label-form-field-1 normal">{{item.skillName}}</label>
                    </div>
                    <div class="w60px clear">
                        <div class="checkedbox-toggle-1 block-i right">
                            <input type="checkbox" checklist-model="editUsersData.userSkillArrId.skillId" checklist-value="item.skillId"><i></i><span></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="box-setting-4 form-field-container" id="hrInfoEdit">
        <div class="title">HR Information</div>
        <div class="content content-in">
            <div class="itm">
                <div class="layout-fixed input-1-group">
                    <div>
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.currentwage.$invalid  }">Current wage</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.currentwage.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" id="currentwage" name="currentwage" ng-model="editUsersData.dataUserDetail.currentwage" placeholder="" required="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.currentwage_detail_id.$invalid  }">Detail</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.currentwage_detail_id.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" placeholder="" value="{{Input_value.currentwage_detail_name}}">
                                    <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" name="currentwage_detail_id" ng-change="setValueCurrentWageDetail(editUsersData.dataUserDetail.currentwage_detail_id)" ng-model="editUsersData.dataUserDetail.currentwage_detail_id" ng-options="item.id as item.name for item in wagedetails" required="">
                                        <option value="">Select</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <div class="layout-fixed input-1-group">
                    <div>
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.startwage.$invalid  }">Starting wage</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.startwage.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" id="startwage" name="startwage" ng-model="editUsersData.dataUserDetail.startwage" placeholder="" required="" value="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.startwage_detail_id.$invalid  }">Detail</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.startwage_detail_id.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" placeholder="" value="{{Input_value.startwage_detail_name}}">
                                    <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" name="startwage_detail_id" ng-change="setValueStartingWageDetail(editUsersData.dataUserDetail.startwage_detail_id)" ng-model="editUsersData.dataUserDetail.startwage_detail_id" ng-options="item.id as item.name for item in wagedetails" required="">
                                        <option value="">Select</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <div class="layout-fixed input-1-group">
                    <div>
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.company_hiredate.$invalid  }">Company hire date</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.company_hiredate.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" name="company_hiredate" placeholder="" value="{{editUsersData.dataUserDetail.company_hiredate| date: 'MM/dd/yyyy'}}">
                                    <div class="field-overlay datetime" date="" id="company_hiredate" ion-datetime-picker="" name="company_hiredate" ng-model="editUsersData.dataUserDetail.company_hiredate" required="">
                                        {{editUsersData.dataUserDetail.company_hiredate| date: 'MM/dd/yyyy'}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.company_startdate.$invalid  }">Start date</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.company_startdate.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" name="company_startdate" placeholder="" value="{{editUsersData.dataUserDetail.company_startdate| date: 'MM/dd/yyyy'}}">
                                    <div class="field-overlay datetime" date="" id="company_startdate" ion-datetime-picker="" name="company_startdate" ng-model="editUsersData.dataUserDetail.company_startdate" required>
                                        {{editUsersData.dataUserDetail.company_startdate| date: 'MM/dd/yyyy'}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <div class="layout-fixed input-1-group">
                    <div>
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.current_hiredate.$invalid  }">Current position hire date</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.current_hiredate.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" name="current_hiredate" placeholder="" value="{{editUsersData.dataUserPositiontitles.current_hiredate| date: 'MM/dd/yyyy'}}">
                                    <div class="field-overlay datetime" date="" id="current_hiredate" ion-datetime-picker="" name="current_hiredate" ng-model="editUsersData.dataUserPositiontitles.current_hiredate" required="">
                                        {{editUsersData.dataUserPositiontitles.current_hiredate| date: 'MM/dd/yyyy'}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.current_startdate.$invalid  }">Start date</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.current_startdate.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" name="current_startdate" placeholder="" value="{{editUsersData.dataUserPositiontitles.current_startdate| date: 'MM/dd/yyyy'}}">
                                    <div class="field-overlay datetime" date="" id="current_startdate" ion-datetime-picker="" name="current_startdate" ng-model="editUsersData.dataUserPositiontitles.current_startdate" required="">
                                        {{editUsersData.dataUserPositiontitles.current_startdate| date: 'MM/dd/yyyy'}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <div class="layout-fixed input-1-group">
                    <div>
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.last_review.$invalid  }">Last review</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.last_review.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" name="last_review" placeholder="" value="{{editUsersData.dataUserDetail.last_review| date: 'MM/dd/yyyy'}}">
                                    <div class="field-overlay datetime" date="" id="last_review" ion-datetime-picker="" name="last_review" ng-model="editUsersData.dataUserDetail.last_review" required="">
                                        {{editUsersData.dataUserDetail.last_review| date: 'MM/dd/yyyy'}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.next_review.$invalid  }">Next review</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.next_review.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" name="next_review" placeholder="" required="" value="{{editUsersData.dataUserDetail.next_review| date: 'MM/dd/yyyy'}}">
                                    <div class="field-overlay datetime" date="" id="next_review" ion-datetime-picker="" name="next_review" ng-model="editUsersData.dataUserDetail.next_review">
                                        {{editUsersData.dataUserDetail.next_review| date: 'MM/dd/yyyy'}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.last_raise.$invalid  }">Last raise</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.last_raise.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" name="last_raise" placeholder="" value="{{editUsersData.dataUserDetail.last_raise| date: 'MM/dd/yyyy'}}">
                                    <div class="field-overlay datetime" date="" id="last_raise" ion-datetime-picker="" name="last_raise" ng-model="editUsersData.dataUserDetail.last_raise" required="">
                                        {{editUsersData.dataUserDetail.last_raise| date: 'MM/dd/yyyy'}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.bio.$invalid  }">Employee bio</label>
                <div class="layout-fixed">
                    <div>
                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.bio.$invalid  }" ng-click="focusHandle($event)">
                            <input type="text" class="h32px" id="bio" name="bio" ng-model="editUsersData.dataUserDetail.bio" placeholder="" required="" value="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.notes.$invalid  }">Employee notes</label>
                <div class="layout-fixed">
                    <div>
                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.notes.$invalid  }" ng-click="focusHandle($event)">
                            <textarea class="h65px" id="notes" name="notes" ng-model="editUsersData.dataUserDetail.notes" placeholder="" required=""></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <div class="layout-fixed input-1-group">
                    <div>
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.driver_license.$invalid  }">Driver's license #</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.driver_license.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" id="driver_license" name="driver_license" ng-model="editUsersData.dataUserDetail.driver_license" placeholder="" required="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.usertype_id.$invalid  }">User type</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.usertype_id.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" id="usertype_id" placeholder="" value="{{Input_value.usertype}}">
                                    <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" name="usertype_id" ng-change="setValueUserType(editUsersData.dataUser.usertype_id)" ng-model="editUsersData.dataUser.usertype_id" required="">
                                        <option value="">Select</option>
                                        <option ng-repeat="item in usertypes" value="{{item.id}}">{{item.name}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.dob.$invalid  }">DOB</label>
                <div class="layout-fixed">
                    <div>
                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.dob.$invalid  }" ng-click="focusHandle($event)">
                            <input type="text" class="h32px" name="dob" placeholder="" value="{{editUsersData.dataUserDetail.dob| date: 'MM/dd/yyyy'}}">
                            <div class="field-overlay datetime" date="" id="dob" ion-datetime-picker="" name="dob" ng-model="editUsersData.dataUserDetail.dob" required="">
                                {{editUsersData.dataUserDetail.dob| date: 'MM/dd/yyyy'}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <label class="label-form-field-1">Company supplied items</label>
                <div class="layout-fixed">
                    <div>
                        <div class="input-form-field-1" ng-click="focusHandle($event)">
                            <textarea ion-autocomplete type="text" readonly="readonly" class="ion-autocomplete"
                            placeholder=""
                            items-method="getSuppliersItem(query,false,'edit')"
                            ng-model="autocompleteList.dataUserSuppliersEdit"
                            max-selected-items="50"
                            autocomplete="off"
                            item-view-value-key="name"
                            item-value-key="id"
                            items-method-value-key="items"
                            items-clicked-method="clickedMethodSuppliersItem(callback,'edit')"
                            items-removed-method="removeMethodSuppliersItem(callback,'edit')"
                            external-model="initialSuppliersItemEdit"
                            model-to-item-method="setValueForInputSuppliersItemEdit(modelValue)"
                            style="width:100%"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <label class="label-form-field-1" ng-class="{ 'has-errors' : formEditUser.pushchatroom.$invalid  }">Push job status chat room</label>
                <div class="layout-fixed">
                    <div>
                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formEditUser.pushchatroom.$invalid  }" ng-click="focusHandle($event)">
                            <input type="text" class="h32px" id="pushchatroom" placeholder="" value="{{Input_value.pushchatroom}}">
                            <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" name="pushchatroom" ng-change="setValuePushChatRoomInput(editUsersData.dataUser.pushchatroom)" ng-model="editUsersData.dataUser.pushchatroom" ng-options="item.id as item.name for item in roomsall" required="">
                                <option value="">Select</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="itm">
                <label class="label-form-field-1" ng-class="{ 'has-errors' : !editUsersData.dataUserDetail.color }">Color<span class="pdL2" style="color: {{editUsersData.dataUserDetail.color}}">{{editUsersData.dataUserDetail.color}}</span></label>
                <div class="layout-fixed relative obove">
                    <div>
                        <div class="input-form-field-1" ng-class="{ 'has-errors' : !editUsersData.dataUserDetail.color }" style="background-color: {{editUsersData.dataUserDetail.color}};" ng-click="focusHandle($event)">
                            <input class="fz0-i" type='text' id="editUsersDataColor" name="editUsersDataColor" required="" readonly color-picker ng-model="editUsersData.dataUserDetail.color" />
                            <input class="full-w fz0-i" type='text' ng-model="editUsersData.dataUserDetail.color" style="background-color: {{editUsersData.dataUserDetail.color}};" ng-change="inputChangeColor(editUsersData.dataUserDetail.color,'edit')" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</ion-scroll>
</div>
</form>
<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 onclick="">
                            <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="full-h">
            <button class="button-form-field-1 darkgray position-left full" type="button" ng-click="closeTarget('#popupEmployeeEdit');">
                Cancel
            </button>
        </div>
        <div class="full-h">
            <button class="button-form-field-1 position-right full" type="button" onclick="getElementById('submitFormEditUser').click()">
                <svg class="icon h12px" viewBox="0 0 267.745 267.745"> <path style="fill:#030104;" d="M218.266,0v67.921c0,10.77-8.82,19.59-19.6,19.59H68.057c-10.77,0-19.579-8.82-19.579-19.59V0.02   h-16.71l0,0c-13.154,0-23.893,11.417-23.893,25.378v219.263c0,12.699,9.769,23.084,21.721,23.084H238.15   c11.951,0,21.721-10.385,21.721-23.075V50.969L218.266,0z M221.54,231.295c0,9.406-7.688,17.084-17.084,17.084H66.219   c-9.396,0-17.074-7.678-17.074-17.084v-71.194c0-9.406,7.678-17.085,17.074-17.085h138.237c9.396,0,17.084,7.679,17.084,17.085   V231.295z" /> <path style="fill:#030104;" d="M202.989,171.516H67.665c-0.799,0-1.447,0.648-1.447,1.447v3.521c0,0.799,0.648,1.447,1.447,1.447   h135.324c0.799,0,1.446-0.648,1.446-1.447v-3.521C204.435,172.164,203.788,171.516,202.989,171.516z" /> <path style="fill:#030104;" d="M202.989,184.348H67.665c-0.799,0-1.447,0.646-1.447,1.446v3.521c0,0.8,0.648,1.446,1.447,1.446   h135.324c0.799,0,1.446-0.646,1.446-1.446v-3.521C204.435,184.994,203.788,184.348,202.989,184.348z" /> <path style="fill:#030104;" d="M202.989,197.178H67.665c-0.799,0-1.447,0.648-1.447,1.447v3.521c0,0.799,0.648,1.447,1.447,1.447   h135.324c0.799,0,1.446-0.648,1.446-1.447v-3.521C204.435,197.826,203.788,197.178,202.989,197.178z" /> <path style="fill:#030104;" d="M179.708,70.294h20.322c1.979,0,3.598-1.616,3.598-3.594V0.031h-27.492v66.692   C176.136,68.689,177.746,70.294,179.708,70.294z" /> </svg>
                Save
            </button>
        </div>
    </div>
</div>
