<AppBarTop @leftRoute="inbox.inbox-outstanding-dms" @leftRouteArgs={{ "DMS_OUTSTANDING_PAYMENT" }} @title="Outstanding Payment Detail" />
<section class="content-header">
<div class="container">
<div class="row align-items-center">
<div class="col-6 col-sm order-sm-last text-right order-last">
<h6 class="mb-0"><strong>DMS</strong></h6>
</div>
<div class="col-6 col-sm mt-2 mt-sm-0 order-sm-first order-first">
</div>
</div>
</div>
</section>
{{#if this.model.isPending}}
<AppLoading @content={{true}} />
{{else}}
<section class="content-body">
<div class="container">
<div class="col-12">
<div class="accordion" id="accordion-dms-outstanding-payment">
<AppCard @id="dms-outstanding-payment-div" @parentId="dms-outstanding-payment" @title="">
<div class="row">
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="invoicedocno">Invoice Doc No.</span>
<span class="data">{{ model.invoiceDocNo }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="invoicedate">Invoice Date</span>
<span class="data">{{ if (and (not-eq model.invoiceDate null) (not (is-empty model.invoiceDate))) (moment-format model.invoiceDate "DD-MM-YYYY") ""}}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="invoiceduedate">Invoice Due Date</span>
<span class="data">{{ if (and (not-eq model.invoiceDueDate null) (not (is-empty model.invoiceDueDate))) (moment-format model.invoiceDueDate "DD-MM-YYYY") ""}}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="taxinvoiceno">Tax Invoice No.</span>
<span class="data">{{ model.taxInvoiceNo }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="paymenttypedescription">Payment Type Description</span>
<span class="data">{{ model.paymentTypeDescription }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="billcustomername">Bill Customer Name</span>
<span class="data">{{ model.billCustomerName }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="billcustomeraddress">Bill Customer Address</span>
<span class="data">{{ model.billCustomerAddress }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="companyname">Company Name</span>
<span class="data">{{ model.companyName }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="profitcentercode">Profit Center Code</span>
<span class="data">{{ model.profitCenterCode }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="profitcenterdescription">Profit Center Description</span>
<span class="data">{{ model.profitCenterDescription }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="grandtotalbefore">Grand Total Before</span>
<span class="data">{{ if (and (not-eq model.grandTotalBefore null) (not (is-empty model.grandTotalBefore))) (custom-format-number model.grandTotalBefore) ""}}
</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="grandtotaldiscount">Grand Total Discount</span>
<span class="data">{{ if (and (not-eq model.grandTotalDiscount null) (not (is-empty model.grandTotalDiscount))) (custom-format-number model.grandTotalDiscount) ""}}
</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="grandtotalafter">Grand Total After</span>
<span class="data">{{ if (and (not-eq model.grandTotalAfter null) (not (is-empty model.grandTotalAfter))) (custom-format-number model.grandTotalAfter) ""}}
</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="grandtotalvat">Grand Total VAT</span>
<span class="data">{{ if (and (not-eq model.grandTotalVat null) (not (is-empty model.grandTotalVat))) (custom-format-number model.grandTotalVat) ""}}
</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="grandtotalamount">Grand Total Amount</span>
<span class="data">{{ if (and (not-eq model.grandTotalAmount null) (not (is-empty model.grandTotalAmount))) (custom-format-number model.grandTotalAmount) ""}}
</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="Outstanding Amount">Outstanding Amount</span>
<span class="data">{{ if (and (not-eq model.calculateAmount null) (not (is-empty model.calculateAmount))) (custom-format-number model.calculateAmount) ""}}
</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="creationusername">Creation User Name</span>
<span class="data">{{ model.creationUserName }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="creationdatetime">Creation Date Time</span>
<span class="data">{{ if (and (not-eq model.creationDateTime null) (not (is-empty model.creationDateTime))) (moment-format model.creationDateTime "DD-MM-YYYY") ""}}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="changeusername">Change User Name</span>
<span class="data">{{ model.changeUserName }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="changedatetime">Change Date Time</span>
<span class="data">{{ if (and (not-eq model.changeDateTime null) (not (is-empty model.changeDateTime))) (moment-format model.changeDateTime "DD-MM-YYYY") ""}}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="documentstatus">Document Status</span>
<span class="data">{{ model.descriptionValue }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="remark">Document Remark</span>
<span class="data">{{ model.remarks }}</span>
</div>
</div>
</div>
</AppCard>
</div>
</div>
</div>
</section>
{{/if}}