<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"></div> -->
                <div class="text-title-header-1 nowrap mgT10">Add Payment to Multiple Invoices</div>
            </div>
        </div>
    </div>
    <button class="popup-back-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#popupSplitPayment')"></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="scrollPopupJobsite" on-scroll="scrollContent('scrollPopupJobsite')">
            <div class="box-setting-4 form-field-container">
                <div class="content content-in">
                    <ul class="lst-order stripe-1 except-app-tab-switch">
                        <li class="box-setting-4 overhidden" ng-repeat="item in InvoiceCanBePaid">
                            <div class="content content-in">
                                <div class="itm row-one-content">
                                    <div class="layout-fixed">
                                        <div class="name clr-clickable uppercase" ng-if="item.ordertype_id == '5' " ng-click="goToInvoiceDetails(item.id,item.invoice_no)">{{item.invoice_no}}</div>
                                        <div class="name clr-clickable uppercase" ng-if="item.ordertype_id == '6' " ng-click="goToSaleorderDetails(item.id,item.invoice_no)">{{item.invoice_no}}</div>
                                        <div class="w40px pdR15 v-bottom-i right">
                                            <div class="checkedbox-1 square block-i right">
                                                <input name="" type="checkbox" ng-model="item.is_check">
                                                <i></i><span></span>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="layout-fixed mgT10">
                                        <div class="v-top-i">
                                            <div class="layout-fixed">
                                                <div class="v-top-i">
                                                    <div class="text-title-4">Sales Person</div>
                                                    <div class="text">{{item.addoder}}</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="v-top-i">
                                            <div class="layout-fixed">
                                                <div class="v-top-i">
                                                    <div class="text-title-4">INV Date</div>
                                                    <div class="text">{{item.sales_date}}</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="v-top-i">
                                            <div class="layout-fixed">
                                                <div class="v-top-i">
                                                    <div class="text-title-4">Amount Due</div>
                                                    <div class="text baseline"><span class="ft-primary">$</span></span><span class=""> {{item.balanceDue | number : 2}}</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </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 position-right full" type="button" ng-click="closeTarget('#popupSplitPayment');openByGetTemplate('popupAddPaymentMulti');filterInvoiceCanBePaidChecked()">
                    <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>
                    Next
                </button>
            </div>
        </div>
    </div>
