<div class="app-header bg-header-1">
    <div class="layout-fixed full-h text-center">
        <div class="full-h v-bottom-i pdB15">
            <div class="app-content-header bg-header-1">
                <div class="text-title-header-1 nowrap mgT10">New position title</div>
            </div>
        </div>
    </div>
    <button class="popup-back-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#settingPositionTitleManagementAdd')"></button>
</div>
<form class="app-content" id="formAddPositionTitle" name="formAddPositionTitle" ng-submit="createPositiontitles(formAddPositionTitle)" novalidate="">
    <div class="app-content-inner content-pd">
        <button type="submit" id="submitFormAddPositionTitle" style="display:none;">Submit</button>
        <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false">
            <div class="box-setting-4 no-saperator">
                <div class="content content-in">
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formAddPositionTitle.name.$invalid  }">Name</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formAddPositionTitle.name.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" id="name" name="name" ng-model="addPositiontitlesData.name" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Department</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="onSelectDepart(callback,'add')"
                                              items-removed-method="onRemoveDepart(callback,'add')"
                                              items-method="filterDepart(query,'add')"
                                              items-method-value-key="items"
                                              max-selected-items="50"
                                              ng-model="autocompleteList.refferedDepartAdd"
                                              external-model="initialDepartAdd"
                                              model-to-item-method="setValueForDepart(modelValue)"
                                              placeholder="Find"
                                              readonly="readonly"
                                              type="text"
                                              style="width:100%" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Description</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-click="focusHandle($event)">
                                    <textarea class="h80px" id="descriptionPos" ng-model="addPositiontitlesData.description" name="description"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-scroll>
    </div>
</form>
<div class="app-control">
    <div class="layout-fixed full-h pdT2">
        <div class="full-h">
            <button class="button-form-field-1 darkgray position-left full" type="button" ng-click="closeTarget('#settingPositionTitleManagementAdd');">
                Cancel
            </button>
        </div>
        <div class="full-h">
            <button class="button-form-field-1 position-right full" onclick="getElementById('submitFormAddPositionTitle').click()" type="button">
                <svg class="icon h14px" viewBox="0 0 28.91 28.91"> <path style="fill:#030104;" d="M4.594,11.533c0,0-3.091,12.141-4.2,16.889l5.937-8.125c-0.539-1.199-0.214-3.018,0.729-4.049   c1.266-1.383,3.52-1.383,4.904-0.117s1.479,3.414,0.213,4.797c-0.959,1.053-2.733,1.477-3.989,1.008L0.771,28.91l15.646-6.059   l6.287-9.42l-8.229-7.705L4.594,11.533z" /> <polygon style="fill:#030104;" points="20.669,0 16.153,4.193 24.241,11.988 28.515,7.555  " /> </svg>
                Add
            </button>
        </div>
    </div>
</div>