<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">Invoice Search</div>
                <div class="text-title-header-1 nowrap mgT10">Measurements page</div>
            </div>
        </div>
    </div>
    <button class="popup-back-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#popupOrderInvoiceMeasurements')"></button>
</div>
<form class="app-content" id="formInvoiceMeasurements" name="formInvoiceMeasurements" ng-submit="validateForm(formInvoiceMeasurements, 'measurements' + styleOfMeasurement, 'scrollInvoiceMeasurements')" novalidate="">
    <div class="app-content-inner content-pd">
        <button id="submitFormInvoiceMeasurements" style="display:none;" type="submit">Submit</button>
        <ion-scroll class="scroll-area" direction="y" has-bouncing="true" overflow-scroll="false" delegate-handle="scrollInvoiceMeasurements" on-scroll="scrollContent('scrollInvoiceMeasurements')">
            <div class="box-setting-4 form-field-container">
                <div class="content content-in">
                    <div class="itm">
                        <label class="label-form-field-1">
                            Corner style: 
                        </label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-click="focusHandle($event)">
                                    <input class="h32px" name="" value="{{cornerstyle_label}}" placeholder="" type="text">
                                    <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="Measurements.cornerstyle_id" name="cornerstyle_id" id="cornerstyle_id" ng-change="changeCornerstyles()">
                                        <option value="">Select</option>
                                        <option value="{{item.id}}" ng-repeat="item in cornerstyles">{{item.name}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Opening Width [70 - 240]</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-click="focusHandle($event)" ng-class="{ 'has-errors' : formInvoiceMeasurements.opening_width.$invalid }">
                                    <input class="h32px" min="70" max="240" type="number" step="0.01" placeholder="" name="opening_width" id="opening_width" ng-model="Measurements.opening_width" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="layout-fixed input-1-group">
                            <div>
                                <label class="label-form-field-1">Opening Height Left [70 - 168]</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)" ng-class="{ 'has-errors' : formInvoiceMeasurements.opening_height_left.$invalid }">
                                            <input class="h32px" min="70" max="168" type="number" step="0.01" placeholder="" ng-model="Measurements.opening_height_left" name="opening_height_left" id="opening_height_left" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <label class="label-form-field-1">Middle [70 - 168]</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)" ng-class="{ 'has-errors' : formInvoiceMeasurements.opening_height_middle.$invalid }">
                                            <input class="h32px" min="70" max="168" type="number" step="0.01" placeholder="" ng-model="Measurements.opening_height_middle" name="opening_height_middle" id="opening_height_middle" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <label class="label-form-field-1">Right [70 - 168]</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)" ng-class="{ 'has-errors' : formInvoiceMeasurements.opening_height_right.$invalid }">
                                            <input class="h32px" min="70" max="168" type="number" step="0.01" placeholder="" ng-model="Measurements.opening_height_right" name="opening_height_right" id="opening_height_right" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="layout-fixed input-1-group">
                            <div class="layout-w-2:3">
                                <label class="label-form-field-1">Floor to Ceiling at Drums [70 - 168]</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)" ng-class="{ 'has-errors' : formInvoiceMeasurements.floor_to_ceiling_at_drums.$invalid }">
                                            <input class="h32px" ng-model="Measurements.floor_to_ceiling_at_drums" placeholder="" ng-change="InchesTable(DoorForm.Height, 'add')" name="floor_to_ceiling_at_drums" id="floor_to_ceiling_at_drums" min="70" max="168" type="number" step="0.01" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <label class="label-form-field-1">At Center Plate [70 - 168]</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)" ng-class="{ 'has-errors' : formInvoiceMeasurements.floor_to_ceiling_at_center_plate.$invalid }">
                                            <input class="h32px" ng-model="Measurements.floor_to_ceiling_at_center_plate" placeholder="" name="floor_to_ceiling_at_center_plate" id="floor_to_ceiling_at_center_plate" min="70" max="168" type="number" step="0.01" ng-change="InchesTable(DoorForm.Height, 'add')"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="layout-fixed input-1-group">
                            <div class="layout-w-2:3">
                                <label class="label-form-field-1">Floor to Hor at Radius [70 - 168]</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)" ng-class="{ 'has-errors' : formInvoiceMeasurements.floor_to_hor_at_radius.$invalid }">
                                            <input class="h32px" ng-model="Measurements.floor_to_hor_at_radius" placeholder="" name="floor_to_hor_at_radius" id="floor_to_hor_at_radius" min="70" max="168" type="number" step="0.01" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <label class="label-form-field-1">At Backhanger [70 - 168]</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)" ng-class="{ 'has-errors' : formInvoiceMeasurements.floor_to_hor_at_backhanger.$invalid }">
                                            <input class="h32px" ng-model="Measurements.floor_to_hor_at_backhanger" placeholder="" name="floor_to_hor_at_backhanger" id="floor_to_hor_at_backhanger" min="70" max="168" type="number" step="0.01" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="layout-fixed input-1-group">
                            <div class="layout-w-2:3">
                                <label class="label-form-field-1">Floor to Op Rail 18'' Back from Header [70 - 168]</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)" ng-class="{ 'has-errors' : formInvoiceMeasurements.floor_to_op_rail_18.$invalid }">
                                            <input class="h32px" ng-model="Measurements.floor_to_op_rail_18" placeholder="" ng-change="InchesTable(DoorForm.Height, 'add')" name="floor_to_op_rail_18" id="floor_to_op_rail_18" min="70" max="168" type="number" step="0.01" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <label class="label-form-field-1">At Stop Bolt [70 - 168]</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-click="focusHandle($event)" ng-class="{ 'has-errors' : formInvoiceMeasurements.floor_to_op_rail_at_stop_bolt.$invalid }">
                                            <input class="h32px" ng-model="Measurements.floor_to_op_rail_at_stop_bolt" placeholder="" ng-change="InchesTable(DoorForm.Height, 'add')" name="floor_to_op_rail_at_stop_bolt" id="floor_to_op_rail_at_stop_bolt" min="70" max="168" type="number" step="0.01" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="layout-fixed">
                            <div class="pdB5">
                                <label class="label-form-field-1">Can op go up ?</label>
                            </div>
                            <div class="w60px clear" ng-click="resizeScroll('scrollInvoiceMeasurements')">
                                <div class="checkedbox-toggle-1 block-i right">
                                    <input type="checkbox" ng-model="Measurements.can_op_go_up_action" name="can_op_go_up_action" id="can_op_go_up_action" checked ng-true-value="1" ng-false-value="0"><i></i><span></span>
                                </div>
                            </div>
                        </div>
                        <div class="layout-fixed mgT15" ng-if="Measurements.can_op_go_up_action == 1">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formInvoiceMeasurements.can_op_go_up.$invalid }" ng-click="focusHandle($event)">
                                    <textarea class="h80px" ng-model="Measurements.can_op_go_up" placeholder="Description" name="can_op_go_up" id="can_op_go_up" required=""></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm" ng-if="Measurements.can_op_go_up_action == 1">
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formInvoiceMeasurements.headerBracketInches.$invalid }">Header Bracket Inches [0 - 25]</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formInvoiceMeasurements.headerBracketInches.$invalid }" ng-click="focusHandle($event)">
                                    <input class="h32px" type="number" step="0.25" required="" min="1" max="36" ng-model="dataInch.headerBracketInches" ng-change="InchesTable(DoorForm.Height, 'add')" id="headerBracketInches" name="headerBracketInches" placeholder="" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm" ng-if="Measurements.can_op_go_up_action == 1">
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : formInvoiceMeasurements.opHangerInches.$invalid }">Op Hanger Inches [0 - 25]</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formInvoiceMeasurements.opHangerInches.$invalid }" ng-click="focusHandle($event)">
                                    <input class="h32px" ng-model="dataInch.opHangerInches" name="opHangerInches" type="number" step="0.25" required="" min="1" max="36" placeholder="" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">
                            Radius <span class="clr-black">(Recommendation: {{RecommendationRadius}})</span>
                        </label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-click="focusHandle($event)">
                                    <input class="h32px" name="" value="{{DoorForm.Radius}}" placeholder="" type="text">
                                    <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 Radius" ng-model="DoorForm.Radius" name="Radius" id="Radius">
                                        <option value="">Select</option>
                                        <option value="{{item}}" ng-repeat="item in Radius">{{item}}</option>
                                    </select>
                                </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 w200px">
                    <ul class="list-item-03">
                        <li ng-click="openByGetTemplate('popupOrderDisplayHeightToInchesTable')">
                            <div class="layout-fixed">
                                <div class="icon-area">
                                    <svg class="h15px" viewBox="0 0 512 512"> <path d="M8.533,102.4C3.814,102.4,0,106.214,0,110.933V256c0,4.719,3.814,8.533,8.533,8.533s8.533-3.814,8.533-8.533V110.933    C17.067,106.214,13.252,102.4,8.533,102.4z" /> <path d="M503.467,102.4c-4.719,0-8.533,3.814-8.533,8.533V256c0,4.719,3.814,8.533,8.533,8.533c4.719,0,8.533-3.814,8.533-8.533    V110.933C512,106.214,508.186,102.4,503.467,102.4z" /> <path d="M507.733,290.133h-34.125c-2.355,0-4.267,1.911-4.267,4.267l0.009,21.325c0,4.719-3.814,8.542-8.533,8.542    c-4.71,0-8.533-3.814-8.533-8.525l-0.009-21.342c0-2.355-1.911-4.267-4.267-4.267h-25.6c-2.355,0-4.267,1.911-4.267,4.267    l0.008,38.4c0,4.71-3.814,8.533-8.533,8.533c-4.71,0-8.533-3.814-8.533-8.533l-0.017-38.4c0-2.355-1.911-4.267-4.267-4.267h-25.6    c-2.355,0-4.267,1.911-4.267,4.267l0.009,21.333c0,4.71-3.814,8.533-8.533,8.533c-4.71,0-8.533-3.814-8.533-8.533l-0.008-21.333    c0-2.355-1.911-4.267-4.267-4.267H320c-2.355,0-4.267,1.911-4.267,4.267l0.009,38.4c0,4.71-3.814,8.533-8.533,8.533    c-4.71,0-8.533-3.814-8.533-8.533l-0.009-38.4c0-2.355-1.911-4.267-4.267-4.267h-25.6c-2.355,0-4.267,1.911-4.267,4.267    l0.009,21.333c0,4.71-3.814,8.533-8.533,8.533c-4.71,0-8.533-3.814-8.533-8.533l-0.009-21.333c0-2.355-1.911-4.267-4.267-4.267    h-25.6c-2.355,0-4.267,1.911-4.267,4.267l0.008,38.4c0,4.71-3.814,8.533-8.533,8.533c-4.71,0-8.533-3.814-8.533-8.533l-0.009-38.4    c0-2.355-1.911-4.267-4.267-4.267h-25.6c-2.355,0-4.267,1.911-4.267,4.267l0.008,21.333c0,4.71-3.814,8.533-8.533,8.533    c-4.71,0-8.533-3.814-8.533-8.533l-0.009-21.333c0-2.355-1.911-4.267-4.267-4.267h-25.6c-2.355,0-4.267,1.911-4.267,4.267    l0.009,38.4c0,4.71-3.814,8.533-8.533,8.533c-4.71,0-8.533-3.814-8.533-8.533l-0.008-38.4c0-2.355-1.911-4.267-4.267-4.267H64    c-2.355,0-4.267,1.911-4.267,4.267v21.333c0,4.719-3.814,8.533-8.533,8.533s-8.533-3.814-8.533-8.533V294.4    c0-2.355-1.911-4.267-4.267-4.267H4.267C1.911,290.133,0,292.045,0,294.4v110.933c0,2.355,1.911,4.267,4.267,4.267h503.467    c2.355,0,4.267-1.911,4.267-4.267V294.4C512,292.045,510.089,290.133,507.733,290.133z" /> <path d="M476.032,182.263l-39.62-51.2c-2.142-2.765-5.658-3.763-8.789-2.56c-3.132,1.229-5.222,4.437-5.222,8.03V179.2H89.6    v-42.675c0-3.593-2.091-6.801-5.222-8.021c-3.132-1.22-6.639-0.213-8.789,2.56l-39.62,51.208c-1.22,1.579-1.835,3.524-1.835,5.461    s0.614,3.883,1.835,5.47l39.62,51.2c1.536,1.98,3.78,3.063,6.084,3.063c0.905,0,1.818-0.171,2.697-0.512    c3.132-1.229,5.222-4.437,5.222-8.021v-42.667h332.8v42.667c0,3.593,2.091,6.801,5.222,8.021c0.879,0.341,1.792,0.512,2.697,0.512    c2.304,0,4.548-1.084,6.093-3.063l39.62-51.2c1.229-1.587,1.843-3.524,1.843-5.47S477.252,183.851,476.032,182.263z" /> </svg>
                                </div>
                                <div class="name-area text-link-1">
                                    Display height to inches table
                                </div>
                            </div>
                        </li>
                        <li onclick="getElementById('formInvoiceMeasurements').reset()" ng-click="">
                            <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('#popupOrderInvoiceMeasurements');openByGetTemplate('popupOrderInvoiceDoorFormProductTable')">
                <svg class="icon h12px" viewBox="0 0 408 408"> <path d="M408,178.5H96.9L239.7,35.7L204,0L0,204l204,204l35.7-35.7L96.9,229.5H408V178.5z" /> </svg>
                Back
            </button>
        </div>
        <div class="full-h">
            <button class="button-form-field-1 position-right full" onclick="getElementById('submitFormInvoiceMeasurements').click()">
                <svg class="icon h12px" viewBox="0 0 174.239 174.239"> <path d="M172.032,161.492l-27.432-27.429c-0.277-0.277-0.633-0.399-0.939-0.624c26.711-31.913,25.119-79.643-4.86-109.622  C123.441,8.459,103.019,0,81.3,0C59.579,0,39.158,8.459,23.8,23.817c-31.707,31.707-31.707,83.298,0,115.001  c15.358,15.363,35.779,23.822,57.5,23.822c19.285,0,37.524-6.698,52.125-18.944c0.222,0.303,0.342,0.654,0.616,0.927l27.432,27.429  c1.458,1.458,3.369,2.188,5.28,2.188s3.824-0.729,5.28-2.188C174.949,169.135,174.949,164.409,172.032,161.492z M81.3,147.705  c-17.733,0-34.403-6.908-46.941-19.446c-25.883-25.883-25.883-67.994,0-93.882C46.897,21.838,63.568,14.935,81.3,14.935  c17.73,0,34.403,6.903,46.941,19.441c25.883,25.888,25.883,67.999,0,93.882C115.701,140.796,99.031,147.705,81.3,147.705z" /> </svg>
                {{buttonSubmitEditMeasurements}}
            </button>
        </div>
    </div>
</div>