<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 mgT5">{{dataPaymentNote.invoice_no}}</div>
            </div>
        </div>
    </div>
    <button class="popup-close-button bg-transparent pd0-i" type="button" ng-click="closeTarget('#popupPaymentNote')">
        <svg class="block h18px" viewBox="0 0 64 64"><path fill="#FFF" d="M28.941,31.786L0.613,60.114c-0.787,0.787-0.787,2.062,0,2.849c0.393,0.394,0.909,0.59,1.424,0.59   c0.516,0,1.031-0.196,1.424-0.59l28.541-28.541l28.541,28.541c0.394,0.394,0.909,0.59,1.424,0.59c0.515,0,1.031-0.196,1.424-0.59   c0.787-0.787,0.787-2.062,0-2.849L35.064,31.786L63.41,3.438c0.787-0.787,0.787-2.062,0-2.849c-0.787-0.786-2.062-0.786-2.848,0   L32.003,29.15L3.441,0.59c-0.787-0.786-2.061-0.786-2.848,0c-0.787,0.787-0.787,2.062,0,2.849L28.941,31.786z" /></svg>
    </button>
</div>
<form class="app-content" ng-submit="savePaymentNote()">
    <div class="app-content-inner content-pd">
        <button type="submit" id="submitFormPaymentNote" style="display:none;">submit</button>
        <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false" delegate-handle="scrollerpopupPunchInOutFilter" on-scroll="scrollContent('scrollerpopupPunchInOutFilter')">
            <div class="box-setting-4 no-saperator">
                <div class="content content-in">
                    <div class="itm">
                        <div class="mgT10">
                            <div class="text-title-4">Status</div>
                            <div class="text">
                                PAID
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="mgT10">
                            <div class="text-title-4">Job status</div>
                            <div class="text">
                                {{dataPaymentNote.jobStatus}}
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="mgT10">
                            <div class="text-title-4">Due date</div>
                            <div class="text">
                                {{dataPaymentNote.due_date}}
                            </div>
                        </div>
                    </div>
                    <div class="itm" >
                        <label class="label-form-field-1">Status:</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1">
                                    <input type="text" class="h32px" value="{{Input_value.paymentStatus}}" ng-init="Input_value.paymentStatus='Select Status'">
                                    <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="dataPaymentNote.payment_status" ng-change="setValueForInput(dataPaymentNote.payment_status,'statusPayment')">
                                        <option value="">Select Status</option>
                                        <option ng-repeat="item in paymentStatusSelect" value="{{item.id}}">{{item.name}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm" >
                        <label class="label-form-field-1">Estimate/ Invoice notes</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1">
                                    <textarea type="text" class="h80px" ng-model="dataPaymentNote.invoiceEstimateNote"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="mgT10" ng-click="viewInvoiceEstimateLog(dataPaymentNote.order_id,'order')">
                            <div class="text-title-4">View {{dataPaymentNote.countInvoiceEstimateNote}} logs</div>
                        </div>
                    </div>
                    <div class="itm" >
                        <label class="label-form-field-1">Payment note</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1">
                                    <textarea type="text" class="h80px" ng-model="dataPaymentNote.paymentNote"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="mgT10"  ng-click="viewInvoiceEstimateLog(dataPaymentNote.order_id,'payment')">
                            <div class="text-title-4">View {{dataPaymentNote.countPaymentNotes}} logs</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 position-right full" onclick="getElementById('submitFormPaymentNote').click()" type="button">
                Save
            </button>
        </div>
    </div>
</div>
