&lt;section class=&quot;receipt-template&quot;&gt;

        &lt;header class=&quot;receipt-header&quot;&gt;
            &lt;div class=&quot;logo-area&quot;&gt;
                &lt;img class=&quot;logo&quot; src=&quot;{{ logo_url }}&quot;&gt;
            &lt;/div&gt;
            &lt;h2 class=&quot;store-name&quot;&gt;{{ store_name }}&lt;/h2&gt;
            &lt;div class=&quot;address-area&quot;&gt;
                &lt;span class=&quot;info address&quot;&gt;{{ store_address }}&lt;/span&gt;
                &lt;div class=&quot;block&quot;&gt;
                    &lt;span class=&quot;info phone&quot;&gt;Mobile: {{ store_phone }}&lt;/span&gt;, &lt;span class=&quot;info email&quot;&gt;Email: {{ store_email }}&lt;/span&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/header&gt;
        
        &lt;section class=&quot;info-area&quot;&gt;
            &lt;table&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-30&quot;&gt;&lt;span&gt;Invoice ID:&lt;/td&gt;
                    &lt;td&gt;{{ invoice_id }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-30&quot;&gt;VAT-Reg:&lt;/td&gt;
                    &lt;td&gt;{{ vat_reg }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-30&quot;&gt;&lt;span&gt;Date:&lt;/td&gt;
                    &lt;td&gt;{{ date_time }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-30&quot;&gt;&lt;span&gt;GST Reg:&lt;/td&gt;
                    &lt;td&gt;{{ gst_reg }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-30&quot;&gt;Customer Name:&lt;/td&gt;
                    &lt;td&gt;{{ customer_name }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-30&quot;&gt;Customer Phone:&lt;/td&gt;
                    &lt;td&gt;{{ customer_phone }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-30&quot;&gt;GTIN:&lt;/td&gt;
                    &lt;td&gt;{{ gtin }}&lt;/td&gt;
                &lt;/tr&gt;
            &lt;/table&gt;
        &lt;/section&gt;
        
        &lt;h4 class=&quot;main-title&quot;&gt;INVOICE&lt;/h4&gt;
        
        {{ if items }}
        &lt;section class=&quot;listing-area item-list&quot;&gt;
            &lt;table&gt;
                &lt;thead&gt;
                    &lt;tr&gt;
                        &lt;td class=&quot;w-10 text-center&quot;&gt;Sl.&lt;/td&gt;
                        &lt;td class=&quot;w-40 text-center&quot;&gt;Name&lt;/td&gt;
                        &lt;td class=&quot;w-15 text-center&quot;&gt;Qty&lt;/td&gt;
                        &lt;td class=&quot;w-15 text-right&quot;&gt;Price&lt;/td&gt;
                        &lt;td class=&quot;w-20 text-right&quot;&gt;Amount&lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/thead&gt;
                &lt;tbody&gt;
                    {{ items }}
                        &lt;tr&gt;
                            &lt;td class=&quot;text-center&quot;&gt;{{ sl }}&lt;/td&gt;
                            &lt;td&gt;{{ item_name }} 
                                {{ if invoice_view == indian_gst }} 
                                    &lt;small&gt;[HSN-{{ hsn_code }}]&lt;/small&gt;
                                {{ endif }}
                            &lt;/td&gt;
                            &lt;td class=&quot;text-center&quot;&gt;{{ item_quantity }} {{ unitName }}&lt;/td&gt;
                            &lt;td class=&quot;text-right&quot;&gt;{{ item_price }}&lt;/td&gt;
                            &lt;td class=&quot;text-right&quot;&gt;{{ item_total }}&lt;/td&gt;   
                        &lt;/tr&gt;
                    {{ /items }}
                &lt;/tbody&gt;
            &lt;/table&gt;
        &lt;/section&gt;
        {{ endif }}
        
        &lt;section class=&quot;info-area calculation-area&quot;&gt;
            &lt;table&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-70&quot;&gt;Total Amt:&lt;/td&gt;
                    &lt;td&gt;{{ subtotal }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-70&quot;&gt;Order Tax:&lt;/td&gt;
                    &lt;td&gt;{{ order_tax }}&lt;/td&gt;
                &lt;/tr&gt;
                {{ if invoice_view == 'indian_gst' }}
                &lt;tr&gt;
                    &lt;td class=&quot;w-70&quot;&gt;CGST:&lt;/td&gt;
                    &lt;td&gt;{{ cgst }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-70&quot;&gt;SGST:&lt;/td&gt;
                    &lt;td&gt;{{ sgst }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-70&quot;&gt;IGST:&lt;/td&gt;
                    &lt;td&gt;{{ igst }}&lt;/td&gt;
                &lt;/tr&gt;
                {{ endif }}
                &lt;tr&gt;
                    &lt;td class=&quot;w-70&quot;&gt;Discount:&lt;/td&gt;
                    &lt;td&gt;{{ discount_amount }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-70&quot;&gt;Shipping Chrg:&lt;/td&gt;
                    &lt;td&gt;{{ shipping_amount }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-70&quot;&gt;Others Chrg:&lt;/td&gt;
                    &lt;td&gt;{{ others_charge }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-70&quot;&gt;Previous Due:&lt;/td&gt;
                    &lt;td&gt;{{ previous_due }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-70&quot;&gt;Total Due:&lt;/td&gt;
                    &lt;td&gt;{{ payable_amount }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-70&quot;&gt;Amount Paid:&lt;/td&gt;
                    &lt;td&gt;{{ paid_amount }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-70&quot;&gt;Change:&lt;/td&gt;
                    &lt;td&gt;{{ change }}&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-70&quot;&gt;Due:&lt;/td&gt;
                    &lt;td&gt;{{ due }}&lt;/td&gt;
                &lt;/tr&gt;
            &lt;/table&gt;
        &lt;/section&gt;
        
        &lt;section class=&quot;info-area italic&quot;&gt;
            &lt;span class=&quot;text-small&quot;&gt;&lt;b&gt;In Text:&lt;/b&gt; {{ amount_in_text }}&lt;/span&gt;&lt;br&gt;
            {{ if invoice_note }}
                &lt;span class=&quot;text-small&quot;&gt;&lt;b&gt;Note:&lt;/b&gt; {{ invoice_note }}&lt;/span&gt;
            {{ endif }}
        &lt;/section&gt;

        {{ if return_items }}
        &lt;section class=&quot;listing-area payment-list&quot;&gt;
            &lt;div class=&quot;heading&quot;&gt;
                &lt;h2 class=&quot;sub-title&quot;&gt;Returns&lt;/h2&gt;
            &lt;/div&gt;
            &lt;table&gt;
                &lt;thead&gt;
                    &lt;td class=&quot;w-5 text-center&quot;&gt;Sl.&lt;/td&gt;
                    &lt;td class=&quot;w-25 text-center&quot;&gt;Returned at&lt;/td&gt;
                    &lt;td class=&quot;w-30 text-center&quot;&gt;Item Name&lt;/td&gt;
                    &lt;td class=&quot;w-20 text-right&quot;&gt;Qty&lt;/td&gt;
                    &lt;td class=&quot;w-20 text-right&quot;&gt;Amt&lt;/td&gt;
                &lt;/thead&gt;
                &lt;tbody&gt;
                    {{return_items}}
                        &lt;tr&gt;
                            &lt;td class=&quot;text-center&quot;&gt;{{ sl }}&lt;/td&gt;
                            &lt;td class=&quot;text-center&quot;&gt;{{ created_at }}&lt;/td&gt;
                            &lt;td class=&quot;text-center&quot;&gt;{{ item_name }}&lt;/td&gt;
                            &lt;td class=&quot;text-right&quot;&gt;{{ item_quantity }}&lt;/td&gt;
                            &lt;td class=&quot;text-right&quot;&gt;{{ item_total }}&lt;/td&gt; 
                        &lt;/tr&gt;
                    {{/return_items}}
                &lt;/tbody&gt;
            &lt;/table&gt;
        &lt;/section&gt;
        {{ endif }}
        
        {{ if payments }}
        &lt;section class=&quot;listing-area payment-list&quot;&gt;
            &lt;div class=&quot;heading&quot;&gt;
                &lt;h2 class=&quot;sub-title&quot;&gt;Payments&lt;/h2&gt;
            &lt;/div&gt;
            &lt;table&gt;
                &lt;thead&gt;
                    &lt;td class=&quot;w-10 text-center&quot;&gt;Sl.&lt;/td&gt;
                    &lt;td class=&quot;w-50 text-center&quot;&gt;Payment Method&lt;/td&gt;
                    &lt;td class=&quot;w-20 text-right&quot;&gt;Amount&lt;/td&gt;
                    &lt;td class=&quot;w-20 text-right&quot;&gt;Balance&lt;/td&gt;
                &lt;/thead&gt;
                &lt;tbody&gt;
                    {{ payments }}
                        &lt;tr&gt;
                            &lt;td class=&quot;text-center&quot;&gt;{{ sl }}&lt;/td&gt;
                            &lt;td&gt;{{ name }} by {{ by }} on {{ created_at }}&lt;/td&gt;
                            &lt;td class=&quot;text-right&quot;&gt;{{ amount }}&lt;/td&gt;
                            &lt;td class=&quot;text-right&quot;&gt;{{ pos_balance }}&lt;/td&gt;
                            
                        &lt;/tr&gt;
                    {{ /payments }}
                &lt;/tbody&gt;
            &lt;/table&gt;
        &lt;/section&gt;
        {{ endif }}
           
        {{ if invoice_view != 'standard' }}
        {{ if taxes }}
        &lt;section class=&quot;listing-area payment-list&quot;&gt;
            &lt;div class=&quot;heading&quot;&gt;
                &lt;h2 class=&quot;sub-title&quot;&gt;Tax Information&lt;/h2&gt;
            &lt;/div&gt;
            &lt;table&gt;
                &lt;thead&gt;
                    &lt;td class=&quot;w-25&quot;&gt;Name&lt;/td&gt;
                    &lt;td class=&quot;w-25 text-center&quot;&gt;Code&lt;/td&gt;
                    &lt;td class=&quot;w-25 text-right&quot;&gt;Qty&lt;/td&gt;
                    &lt;td class=&quot;w-25 text-right&quot;&gt;Tax Amt.&lt;/td&gt;
                &lt;/thead&gt;
                &lt;tbody&gt;
                    {{ taxes }}
                        &lt;tr&gt;
                            &lt;td&gt;{{ taxrate_name }}&lt;/td&gt;
                            &lt;td class=&quot;text-center&quot;&gt;{{ code_name }}&lt;/td&gt;
                            &lt;td class=&quot;text-right&quot;&gt;{{ qty }}&lt;/td&gt; 
                            &lt;td class=&quot;text-right&quot;&gt;{{ item_tax }}&lt;/td&gt; 
                        &lt;/tr&gt;
                    {{ /taxes }}
                    {{ if invoice_view == 'indian_gst' }}
                        &lt;tr class=&quot;bg-gray&quot;&gt;
                            &lt;td&gt;Order Tax: {{ order_tax }}&lt;/td&gt;
                            &lt;td class=&quot;text-right&quot;&gt;CGST: {{ cgst }}&lt;/td&gt;
                            &lt;td class=&quot;text-right&quot;&gt;SGST: {{ sgst }}&lt;/td&gt;
                            &lt;td class=&quot;text-right&quot;&gt;IGST: {{ igst }}&lt;/td&gt;
                        &lt;/tr&gt;
                     {{ endif }}
                &lt;/tbody&gt;
            &lt;/table&gt;
        &lt;/section&gt;
        {{ endif }}
        {{ endif }}
        
        {{ if barcode }}
        &lt;section class=&quot;info-area barcode-area&quot;&gt;
            {{ barcode }}
        &lt;/section&gt;
        {{ endif }}
        
        &lt;section class=&quot;info-area align-center footer-area&quot;&gt;
            &lt;span class=&quot;block&quot;&gt;Sold product No Claim. No Change, New product One Month Warranty.&lt;/span&gt;
            &lt;span class=&quot;block bold&quot;&gt;{{ footer_text }}&lt;/span&gt;
        &lt;/section&gt;
        
 &lt;/section&gt;