<div class="col-lg-12">
    <div class="card single-invoice-format" id="print-area">
        <div class="card-body">
            <div class="row justify-content-between">
                <div class="col">
                    <img src="<?php echo base_url().'assets/images/logo.png'?>" alt="" class="w-25"">
                    <p class="info-header mb-1">VAT:0012000203000</p>
                </div>
                <div class="col text-end">
                    <h3>Invoice</h3>
                </div>
            </div>
            <div class="row justify-content-between">
                <div class="col text-start">

                </div>
                <div class="col text-end">
                    <p class="info-header mb-1"><b>Invoice Number:</b> <i>INV-001-260524-0205</i></p>
                    <p class="info-header mb-1"><b>Invoice Date:</b> <?php echo date("m/d/Y");?></p>
                    <p class="info-header mb-1"><b>P.O Number:</b> 123xxxxx</p>
                </div>
            </div>
            <div class="row justify-content-between mt-3">
                <div class="col bill-to mt-0">
                    <h6>Bill to</h6>
                    <p>Lorem ipsum dolor sit amet</p>
                    <address><i>Lorem ipsum dolor sit amet consectetur adipisicing elit.</i></address>
                    <div class="contact">
                        <p>+9665XXXXXXXX</p>
                        <p>VAT: 01230000000</p>
                    </div>
                </div>
                <div class="col ship-to mt-0"><h6>Ship to</h6>
                <address><i>Lorem ipsum dolor sit amet consectetur adipisicing elit.</i></address>
                    <div class="contact">
                        <p>+9665XXXXXXXX</p>
                    </div>
                </div>
            </div>
            <div class="row inv-item-detail mt-2">
                <table>
                    <thead>
                        <tr class="bg-success">
                            <th class="border-1 border-dark-subtle p-2 text-center">S.No</th>
                            <th class="border-1 border-dark-subtle p-2 text-start">Item Description</th>
                            <th class="border-1 border-dark-subtle p-2 text-center">Unit</th>
                            <th class="border-1 border-dark-subtle p-2 text-center">Qty</th>
                            <th class="border-1 border-dark-subtle p-2 text-center">Rate</th>
                            <th class="border-1 border-dark-subtle p-2 text-center">Amount</th>
                            <th class="border-1 border-dark-subtle p-2 text-center">Vat</th>
                            <th class="border-1 border-dark-subtle p-2 text-center">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="border-start border-end border-dark-subtle p-2 text-center">1</td>
                            <td class="border-start border-end border-dark-subtle p-2 text-start">Lorem ipsum dolor sit amet consectetur adipisicing elit. </td>
                            <td class="border-start border-end border-dark-subtle p-2 text-center">Pcs</td>
                            <td class="border-start border-end border-dark-subtle p-2 text-center">100</td>
                            <td class="border-start border-end border-dark-subtle p-2 text-center">30.00</td>
                            <td class="border-start border-end border-dark-subtle p-2 text-center">3,000.00</td>
                            <td class="border-start border-end border-dark-subtle p-2 text-center">450.00</td>
                            <td class="border-start border-end border-dark-subtle p-2 text-center">3,450.00</td>
                        </tr>
                        <tr>
                            <td class="border-start border-end border-dark-subtle p-2 text-center">2</td>
                            <td class="border-start border-end border-dark-subtle p-2 text-start">Lorem ipsum dolor sit amet consectetur adipisicing elit. </td>
                            <td class="border-start border-end border-dark-subtle p-2 text-center">Pcs</td>
                            <td class="border-start border-end border-dark-subtle p-2 text-center">200</td>
                            <td class="border-start border-end border-dark-subtle p-2 text-center">50.00</td>
                            <td class="border-start border-end border-dark-subtle p-2 text-center">10,000.00</td>
                            <td class="border-start border-end border-dark-subtle p-2 text-center">1,500.00</td>
                            <td class="border-start border-end border-dark-subtle p-2 text-center">11,500.00</td>
                        </tr>
                        <tr class="inv-total">
                            <td colspan="5" class="border-dark-subtle border-top"></td>
                            <td colspan="2" class="border-1 border-dark-subtle">Sub-Total-1</td>
                            <td class="border-1 border-dark-subtle text-end">13,000.00</td>
                        </tr>
                        <tr class="inv-total">
                           <td colspan="5" ></td>
                            <td colspan="2" class="border-1 border-dark-subtle">Discount</td>
                            <td class="border-1 border-dark-subtle text-end">00.00</td>
                        </tr>
                        <tr class="inv-total">
                            <td colspan="5" ></td>
                            <td colspan="2" class="border-1 border-dark-subtle">Sub-Total-2</td>
                            <td class="border-1 border-dark-subtle text-end">13,000.00</td>
                        </tr>
                        <tr class="inv-total">
                           <td colspan="5" ></td>
                            <td colspan="2" class="border-1 border-dark-subtle">VAT:</td>
                            <td class="border-1 border-dark-subtle text-end">1,950.00</td>
                        </tr>
                        <tr class="inv-total">
                            <td colspan="5" ></td>
                            <td colspan="2" class="border-1 border-dark-subtle">Total</td>
                            <td class="border-1 border-dark-subtle text-end">14,950.00</td>
                        </tr>
                        
                    </tbody>
                </table>
            </div>
            <div class="row mt-3 inv-bank-detail">
                <div class="col">
                    <p>Amount In Words: Twenty Five Thousand Three Hundred Riyals</p><br>
                    <p><b>IBAN:</b> SA5980000159608010000000</p>
                    <p><b>Swift Code:</b> RJHISARI</p>
                    <p><b>Account Title:</b> COMPANY COMPLETE NAME CR</p>
                    <p><b>Bank Account No :</b> 15900-001-0006080000000</p>
                    <p>Al-Rajhi Bank</p>
                    <p class="mt-5">This is electronically generated document and does not require any signature.</p>
                </div>
            </div>
            <div class="row inv-footer justify-content-between border-top mt-4 py-2">
                <div class="col">
                    <img src="<?php echo base_url().'assets/img/qr-sample.png'?>" alt="" sizes="" srcset="">
                </div>
                <div class="col text-end align-content-end">
                    <div>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</div>
                    <div>email: info@companydomain.com</div>
                    <div>contact: +966 12345678</div>
                </div>

            </div>
        </div>
    </div>
    <div class="row mt-3">
        <div class="col text-end">
            <button type="button" class="btn btn-info" onclick="window.print()"><i class="mdi mdi-printer"></i>&nbsp;Print</button>
        </div>
    </div>
</div>