<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 pdLR40">Setting</div>
                <div class="text-title-header-1 nowrap mgT10">Criteria</div>
            </div>
        </div>
    </div>
    <button class="popup-back-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#settingCriteriaManagement')"></button>
</div>
<div class="app-content">
    <div class="app-content-inner content-pd">
        <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false" delegate-handle="scrollCriteriaManagement" on-scroll="scrollContent('scrollCriteriaManagement')">
            <div class="box-setting-4 form-field-container no-saperator">
                <div class="content content-in" ng-show="viewCriteria">
                    <div class="itm">
                        <label class="label-form-field-1">Criteria #1</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1">
                                    <tag-input ui-tag-input-id="criteria1"
                                               add-on-enter="true"
                                               add-on-blur="true"
                                               add-on-space="false"
                                               ng-model="criteria.data1"
                                               placeholder="Enter"
                                               load-on-empty="true"
                                               min-tags="1"
                                               allowed-tags-pattern="^[#a-zA-Z0-9._+-@ ]+[\;\\\/]{0}$"
                                               replace-spaces-with-dashes="false">
                                    </tag-input>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Criteria #2</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1">
                                    <tag-input ui-tag-input-id="criteria2"
                                               add-on-enter="true"
                                               add-on-blur="true"
                                               add-on-space="false"
                                               ng-model="criteria.data2"
                                               placeholder="Enter"
                                               load-on-empty="true"
                                               min-tags="1"
                                               allowed-tags-pattern="^[#a-zA-Z0-9._+-@ ]+[\;\\\/]{0}$"
                                               replace-spaces-with-dashes="false">
                                    </tag-input>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Criteria #3</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1">
                                    <tag-input ui-tag-input-id="criteria3"
                                               add-on-enter="true"
                                               add-on-blur="true"
                                               add-on-space="false"
                                               ng-model="criteria.data3"
                                               placeholder="Enter"
                                               load-on-empty="true"
                                               min-tags="1"
                                               allowed-tags-pattern="^[#a-zA-Z0-9._+-@ ]+[\;\\\/]{0}$"
                                               replace-spaces-with-dashes="false">
                                    </tag-input>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-scroll>
    </div>
</div>
<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('#settingCriteriaManagement');">
                Cancel
            </button>
        </div>
        <div class="full-h">
            <button class="button-form-field-1 position-right full" ng-click="updateCriteria()" ng-disabled="!editCriteria">
                <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>
