&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;div class=&quot;heading&quot;&gt;
            &lt;h2 class=&quot;title text-center zero-around title-lg&quot;&gt;INVOICE&lt;/h2&gt;
        &lt;/div&gt;
        
        &lt;section class=&quot;info-area&quot;&gt;
            &lt;table&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-10&quot;&gt;&lt;span&gt;Bill #:&lt;/td&gt;
                    &lt;td class=&quot;w-40 text-center sinfo billno&quot;&gt;&lt;span&gt;{{ invoice_id }}&lt;/span&gt;&lt;/td&gt;
                    &lt;td class=&quot;w-10 text-right&quot;&gt;&lt;span&gt;Date:&lt;/td&gt;
                    &lt;td class=&quot;w-40 text-center sinfo date&quot;&gt;&lt;span&gt;{{ date_time }}&lt;/span&gt;&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-10&quot;&gt;M/S:&lt;/td&gt;
                    &lt;td class=&quot;w-90&quot; colspan=&quot;3&quot;&gt;&lt;span class=&quot;text-lg&quot;&gt;{{ customer_name }}&lt;/span&gt;&lt;/td&gt;
                &lt;/tr&gt;
            &lt;/table&gt;
        &lt;/section&gt;
        
        &lt;section class=&quot;listing-area item-list&quot;&gt;
            &lt;table&gt;
                &lt;thead&gt;
                    &lt;tr&gt;
                        &lt;td class=&quot;w-40 text-center&quot;&gt;DESC.&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;AMT&lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/thead&gt;
                &lt;tbody&gt;
                    {{ items }}
                        &lt;tr&gt;
                            &lt;td&gt;{{ item_name }}&lt;/td&gt;
                            &lt;td class=&quot;text-center&quot;&gt;{{ item_quantity }}&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;
        
        &lt;section class=&quot;info-area calculation-area&quot;&gt;
            &lt;table&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;w-70&quot;&gt;Subtotal:&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;
                &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;Amount Total:&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;Due:&lt;/td&gt;
                    &lt;td&gt;{{ due }}&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;/table&gt;
        &lt;/section&gt;
        
        &lt;section class=&quot;stylish-footer text-center&quot;&gt;
            &lt;span&gt;Printed On: {{ printed_on }}&lt;/span&gt;
        &lt;/section&gt;
        
        &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;Thank You for Choosing Us.&lt;/span&gt;
        &lt;/section&gt;
        
 &lt;/section&gt;