<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 pricebook</div>
            </div>
        </div>
    </div>
    <button class="popup-close-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#popupPricebookAdd')"></button>
</div>
<form class="app-content" id="frmAddPricebook" name="frmAddPricebook" ng-submit="validateForm(frmAddPricebook,file, 'Add')" novalidate="">
    <div class="app-content-inner content-pd">
        <button id="submitformAddPricebook" style="display:none;" type="submit"> submit </button>
        <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false" delegate-handle="scrollPricebookAdd" on-scroll="scrollContent('scrollPricebookAdd')">
            <div class="box-setting-4 form-field-container">
                <div class="content content-in">
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.binlocation.$invalid  }">Bin location</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.binlocation.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="text" ng-model="AddProductData.binlocation" placeholder="" value="" name="binlocation" id="binlocation" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.invoiceorder.$invalid  }">Invoice order</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.invoiceorder.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="text" placeholder="" ng-model="AddProductData.invoiceorder" value="" name="invoiceorder" id="invoiceorder" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.productunit.$invalid  }">Production unit</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.productunit.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="number" step="0.01" ng-model="AddProductData.productunit" placeholder="" value="" name="productunit" id="productunit" required />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.ProductClass.$invalid  }">Product class</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.ProductClass.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" id="ProductClass" value="{{Input_value.productClass}}" 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="ProductClass" ng-model="ProductClass" ng-change='getSecondaryLevel(ProductClass)' ng-options="item.id as item.name for item in ProductClassData | filter:{status:1}" required>
                                        <option value="">Select</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm" ng-if="!disableSecondaryLevel">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Secondary_Level.$invalid  }">Secondary level group</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Secondary_Level.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" id="Secondary_Level" value="{{Input_value.secondaryLevel}}" 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="Secondary_Level" ng-model="SecondaryLevel" ng-change='getTertiaryLevel(SecondaryLevel)' ng-options="item.id as item.name for item in SecondaryLevelData | filter:{status:1}" required>
                                        <option value="">Select</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm" ng-if="!disableTertiaryLevel && !disableSecondaryLevel">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Tertiary_Level.$invalid  }">Tertiary level group</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Tertiary_Level.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" id="Tertiary_Level" value="{{Input_value.tertiaryLevel}}" 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" ng-model="AddProductData.category_id" ng-change='setValueTertiaryLevelInput(AddProductData.category_id)' name="Tertiary_Level" ng-options="item.id as item.name for item in TertiaryLevelData | filter:{status:1}" required>
                                        <option value="">Select</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.kitorpart.$invalid  }">Kit or Part</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.kitorpart.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" id="kitorpart" value="{{AddProductData.kitorpart==1? 'Kit':''}}{{AddProductData.kitorpart==0? 'Part':''}}" 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="kitorpart" ng-model="AddProductData.kitorpart" required>
                                        <option value="">Select</option>
                                        <option value="1">Kit</option>
                                        <option value="0">Part</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.part.$invalid  }">Part #</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.part.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" ng-model="AddProductData.part" placeholder="" value="" name="part" id="part" required>
                                    <div class="sign-r clear">
                                        <button class="bg-transparent full-h right pdR8" type="button" ng-if="AddProductData.kitorpart == 1" ng-click="openkit()">
                                            <svg class="h20px" viewBox="0 0 53 53"> <polygon style="fill:#B1C7D7;" points="7,8.5 47,8.5 47,0.5 0,0.5 0,45.5 7,45.5 " /> <rect x="7" y="8.5" style="fill:#1075BB;" width="46" height="44" /> <line style="fill:none;stroke:#FFF;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;" x1="30" y1="19.5" x2="30" y2="41.5" /> <line style="fill:none;stroke:#FFF;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;" x1="41" y1="30.5" x2="19" y2="30.5" /> </svg>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.inflatedcost.$invalid  }">Inflated cost</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.inflatedcost.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="text" placeholder="" ng-model="AddProductData.inflatedcost" value="" name="inflatedcost" id="inflatedcost" required onkeyup="checkCost(this)">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.actualcost.$invalid  }">Actual cost</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.actualcost.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="text" ng-model="AddProductData.actualcost" placeholder="" value="" name="actualcost" id="actualcost" required onkeyup="checkCost(this)">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Wholesale.$invalid  }">Wholesale price</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Wholesale.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="text" ng-model="AddProductData.Wholesale" placeholder="" value="" name="Wholesale" id="Wholesale" required onkeyup="checkCost(this)">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Retail.$invalid  }">Retail price</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Retail.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="text" ng-model="AddProductData.Retail" placeholder="" value="" name="Retail" id="Retail" required onkeyup="checkCost(this)">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Commercial.$invalid  }">Commercial price</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Commercial.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="text" ng-model="AddProductData.Commercial" placeholder="" value="" name="Commercial" id="Commercial" required onkeyup="checkCost(this)">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Walk_In.$invalid  }">Walk in price</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Walk_In.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="text" ng-model="AddProductData.Walk_In" placeholder="" value="" name="Walk_In" id="Walk_In" required onkeyup="checkCost(this)">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Contractor.$invalid  }">Contractor price</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Contractor.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="text" ng-model="AddProductData.Contractor" placeholder="" value="" name="Contractor" id="Contractor" required onkeyup="checkCost(this)">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Customer_Aquisition.$invalid  }">Customer acquisition price</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Customer_Aquisition.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="number" step="0.01" ng-model="AddProductData.Customer_Aquisition" placeholder="" value="" name="Customer_Aquisition" id="Customer_Aquisition" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : !FileUpoad  }">Item image</label>
                        <div class="layout-fixed">
                            <div class="input-form-field-1 non-select" ng-class="{'has-errors' : !FileUpoad  }" id="imageURI" ng-click="focusHandle($event)">
                                <div>
                                    <span ng-if="imageURI">{{imageURI.substring(imageURI.lastIndexOf('/')+1)}}</span>
                                    <!-- <img src="{{imageURI}}" ng-if="imageURI" /> -->
                                </div>
                                <div class="sign-r clear">
                                    <button ng-click="openActionSheet()" type="button" class="bg-transparent full-h right pdR10">
                                        <svg viewBox="0 0 280.028 280.028" class="h20px"> <g> <path 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" style="fill:#016A87;" /> <path 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" style="fill:#2C9AB9;" /> <path 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" style="fill:#FFF;" /> <path 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" style="fill:#016A87;" /> <path 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" style="fill:#2B414D;" /> <path 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" style="fill:#FFFFFF;" /> <path 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" style="fill:#FFFFFF;" /> <g> <rect height="17.502" width="8.751" style="fill:#016A87;" y="35.004" x="201.27" /> <rect height="17.502" width="8.751" style="fill:#016A87;" y="35.004" x="218.771" /> <path d="M236.273,35.004v17.502h8.751v-8.751C245.024,38.925,241.112,35.004,236.273,35.004z" style="fill:#016A87;" /> </g> </g> </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.description.$invalid  }">Item description</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.description.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="text" placeholder="" ng-model="AddProductData.description" value="" name="description" id="description" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.name.$invalid  }">Item Name</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.name.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="text" ng-model="AddProductData.name" placeholder="" value="" name="name" id="name" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.defaultinvoicequanity.$invalid  }">Default invoice quantity</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.defaultinvoicequanity.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="number" placeholder="" ng-model="AddProductData.defaultinvoicequanity" value="" name="defaultinvoicequanity" id="defaultinvoicequanity" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.warranty_id.$invalid  }">Default warranty</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.warranty_id.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" id="warranty_id" value="{{Input_value.warranty}}" 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="warranty_id" ng-model="AddProductData.warranty_id" required ng-change="setValueWarrantyInput(AddProductData.warranty_id)">
                                        <option value="">Select</option>
                                        <option value="{{item.id}}" ng-repeat="item in Warrantydata" ng-if="item.status == 1">{{item.name}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.upc.$invalid  }">UPC</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.upc.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="text" placeholder="" ng-model="AddProductData.upc" value="" name="upc" id="upc" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.Manufacturer.$invalid  }">Manufacturer</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1">
                                    <input type="text" class="h32px" value="{{Input_value.manufacturer}}">
                                    <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="AddProductData.manufacturer_id" ng-options="item.id as item.name for item in manufacturers" ng-change="setValueManufacturerInput(AddProductData.manufacturer_id)">
                                        <option value="">Null</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.manufacterproductid.$invalid  }">Manufacturer product ID</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.manufacterproductid.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="text" placeholder="" ng-model="AddProductData.manufacterproductid" value="" name="manufacterproductid" id="manufacterproductid" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="layout-fixed">
                            <div class="pdB5">
                                <label class="label-form-field-1">On truck</label>
                            </div>
                            <div class="w60px clear">
                                <div class="checkedbox-toggle-1 block-i right">
                                    <input ng-model="AddProductData.ontruck" value="1" name="" type="checkbox"><i></i><span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="layout-fixed">
                            <div class="pdB5">
                                <label class="label-form-field-1">Taxable</label>
                            </div>
                            <div class="w60px clear">
                                <div class="checkedbox-toggle-1 block-i right">
                                    <input id="" ng-model="AddProductData.taxable" value="1" name="" type="checkbox"><i></i><span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.discontinueddate.$invalid  }">Discontinued date</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.discontinueddate.$invalid  }" ng-click="focusHandle($event)">
                                    <input class="h32px" name="discontinueddate" placeholder="" type="text" value="{{AddProductData.discontinueddate| date: 'MM/dd/yyyy'}}" readonly>
                                    <div class="field-overlay datetime h32px" readonly="true" date ion-datetime-picker id="discontinueddate" name="discontinueddate"
                                         ng-model="AddProductData.discontinueddate" required>
                                        {{AddProductData.discontinueddate| date: 'MM/dd/yyyy'}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{'has-errors' : frmAddPricebook.availability.$invalid  }">Availability</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.availability.$invalid  }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" id="availability" value="{{Input_value.availability}}" placeholder="" ng-init="Input_value.availability = 'Select' ">
                                    <div class="sign-r clear">
                                        <button class="bg-transparent full-h right pdR10" type="button">
                                            <svg class="h17px clr-symbol-clickable" viewBox="0 0 63.215 63.215"> <g> <g> <path fill="#1075BB" d="M59.807,15.717L31.491,43.791L3.419,15.475c-0.777-0.785-2.044-0.789-2.828-0.012c-0.784,0.777-0.789,2.044-0.012,2.827    l29.194,29.448c0.365,0.368,0.835,0.563,1.312,0.589c0.139,0.008,0.278-0.001,0.415-0.021c0.054,0.008,0.106,0.021,0.16,0.022    c0.544,0.029,1.099-0.162,1.515-0.576l29.447-29.196c0.785-0.777,0.79-2.043,0.012-2.828    C61.856,14.943,60.59,14.939,59.807,15.717z" /> </g> </g> </svg>
                                        </button>
                                    </div>
                                    <select class="field-overlay" name="availability" ng-model="AddProductData.availability" required ng-options="item.id as item.name for item in productavailabilitySelect" ng-change="setValueAvailabilitiesInput(AddProductData.availability)">
                                        <option value="">Select</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Recommended replacement part</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" placeholder="" ng-model="AddProductData.recommendedpart" value="" name="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="layout-fixed">
                            <div class="pdB5">
                                <label class="label-form-field-1">Message Status</label>
                            </div>
                            <div class="w60px clear">
                                <div class="checkedbox-toggle-3 block-i right">
                                    <input ng-model="AddProductData.message_status" ng-true-value="1" 
                                    ng-false-value="0" name="" type="checkbox"><i></i><span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm" ng-if="AddProductData.message_status" ng-class="{'has-errors' : frmAddPricebook.message.$invalid  }">
                        <label class="label-form-field-1">Message</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{'has-errors' : frmAddPricebook.message.$invalid  }" ng-click="focusHandle($event)">
                                    <textarea placeholder="Message" name="message" ng-model="AddProductData.message" required=""></textarea>
                                </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 ng-click="resetFormAddPricebook()">
                            <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">
                                    Clear 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('#popupPricebookAdd');">
                Cancel
            </button>
        </div>
        <div class="full-h">
            <button class="button-form-field-1 position-right full" onclick="getElementById('submitformAddPricebook').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>
