\n
\n \n TAX INVOICE\n
\n \n ![\"portone]()
\n
\n {{invoiceDetails.merchant_brand_name}}
\n \n \n
\n \n ![\"portone]()
\n
\n {{merchantBrandName}}
\n \n \n
\n \n
\n \n Bill To:\n
\n {{ fromInvoiceDetails ? invoiceDetails.customer_name : invoiceDetails.customer_details.name }}
\n \n {{invoiceDetails.billing_details.billing_address.line_1}}\n , {{invoiceDetails.billing_details.billing_address.line_2}}\n , {{invoiceDetails.billing_details.billing_address.postal_code}}\n , {{invoiceDetails.billing_details.billing_address.city}}\n , {{invoiceDetails.billing_details.billing_address.state}}\n
{{invoiceDetails.billing_details.billing_address.country_name}}\n
\n {{invoiceDetails.billing_details.billing_address.country_name}}\n
E: {{ fromInvoiceDetails ? invoiceDetails.customer_email_address : invoiceDetails.customer_details.email_address }}
\n M: {{ fromInvoiceDetails ? invoiceDetails.customer_phone_number : invoiceDetails.customer_details.phone_number }}
\n \n
\n \n Ship To:\n
\n {{ fromInvoiceDetails ? invoiceDetails.customer_name : invoiceDetails.customer_details.name }}
\n \n {{invoiceDetails.shipping_details.shipping_address.line_1}}\n , {{invoiceDetails.shipping_details.shipping_address.line_2}}\n , {{invoiceDetails.shipping_details.shipping_address.postal_code}}\n , {{invoiceDetails.shipping_details.shipping_address.city}}\n , {{invoiceDetails.shipping_details.shipping_address.state}}\n
{{invoiceDetails.shipping_details.shipping_address.country_name}}\n
\n {{invoiceDetails.shipping_details.shipping_address.country_name}}\n
E: {{ fromInvoiceDetails ? invoiceDetails.customer_email_address : invoiceDetails.customer_details.email_address }}
\n M: {{ fromInvoiceDetails ? invoiceDetails.customer_phone_number : invoiceDetails.customer_details.phone_number }}
\n \n
\n \n
\n Invoice No.:
\n #{{invoiceDetails.merchant_invoice_ref}}\n \n Invoice Date:\n {{ invoiceDetails.invoice_date | date }}
\n \n Due Date :\n {{ invoiceDetails.due_date | date }}\n
\n \n
\n \n \n {{data.key}} :\n {{data.value}}\n
\n \n
\n Description:
\n{{ invoiceDetails.description }}
\n\n
\n \n Total Due Amount:\n
\n {{ (invoiceDetails.total_amount).toLocaleString('en-US', {style : 'currency', currency : invoiceDetails.currency}) }}
\n {{ (totalAmount).toLocaleString('en-US', {style : 'currency', currency : invoiceDetails.currency}) }}
\n \n Pay Now\n
\n \n Pay Now\n
\n \n
\n \n \n ![]()
\n \n ![]()
\n \n \n
\n Scan QR to make payment
\n \n
\n \n \n \n \n \n
\n
\n | Items | \nQuantity | \nRate | \nAmount | \n
|---|---|---|---|
| {{ data.name }} | \n{{data.quantity}} | \n= 0\" style=\"border-bottom: 1px solid rgba(220, 218, 213, 0.50);padding: 10px 8px;font-weight: 350;font-size: 12px;color: rgba(0, 0, 0, 0.5);padding-left: 16px;text-align: left;\">{{ (data.price || 0).toLocaleString('en-US', {style : 'currency', currency : invoiceDetails.currency}) }} | \n= 0\" style=\"border-bottom: 1px solid rgba(220, 218, 213, 0.5);padding: 10px 15px 10px 16px;font-weight: 350;font-size: 12px;color: rgba(0, 0, 0, 0.70);text-align: right;\">{{ ((data.quantity * data.price) || 0).toLocaleString('en-US', {style : 'currency', currency : invoiceDetails.currency}) }} | \n
\n
\n \n
\n {{ invoiceDetails.customer_note_title }}:
\n \n \n
\n \n
\n \n Subtotal\n {{ (invoiceDetails.sub_total).toLocaleString('en-US', {style : 'currency', currency : invoiceDetails.currency}) }}\n {{ (subTotal).toLocaleString('en-US', {style : 'currency', currency : invoiceDetails.currency}) }}\n \n
\n \n {{data.name}}\n \n + \n - \n {{ (data.percent ? ((data.amount * subTotal) / 100) : data.amount).toLocaleString('en-US', {style : 'currency', currency : invoiceDetails.currency}) }}\n \n
\n \n \n Total Amount\n {{ (invoiceDetails.total_amount).toLocaleString('en-US', {style : 'currency', currency : invoiceDetails.currency}) }}\n {{ (totalAmount).toLocaleString('en-US', {style : 'currency', currency : invoiceDetails.currency}) }}\n \n
\n ![\"back\"](\"@/assets/images/arrow_left.svg\"){kind=icon}
\n ![\"close\"](\"@/assets/images/close.svg\")
\n \n\n