<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <data>
        <template id="bill_preview">
            <div id="wrapwrap" class="p-4">
                <main class="shadow p-4">
                    <div class="article">
                        <div class="o_company_1_layout">
                            <div class="row">
                                <div class="col-4" style="margin-bottom: 8px !important;">
                                    <img style="max-height: 60px;" alt="Logo" src="data:image/png;base64,[encoded data, 9508 characters]"/>
                                </div>
                            </div>
                            <div class="row zero_min_height">
                                <div class="col-12">
                                    <div style="border-bottom: 1px solid black;"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6" name="company_address"></div>
                            </div>
                        </div>
                        <div class="o_report_layout_standard o_company_1_layout ">
                            <div class="pt-3">
                                <div id="addr" class="page"  style="margin-top: 32px !important;">
                                    <div style="width:49%; display:inline-block;"></div>
                                    <div  style="width:50%; display:inline-block;">
                                        <address class="mb-0" itemscope="itemscope" itemtype="http://schema.org/Organization" style="width:100%">
                                            <div>
                                                <span itemprop="name"><t t-out="company_name"/></span>
                                            </div>
                                            <div itemprop="address" itemscope="itemscope" itemtype="http://schema.org/PostalAddress">
                                                <div class="d-flex align-items-baseline">
                                                    <span class="w-100 o_force_ltr d-block" itemprop="streetAddress">
                                                        <t t-foreach="company_street_address" t-as="line">
                                                            <t t-out="line"/><br/>
                                                        </t>
                                                    </span>
                                                </div>
                                            </div>
                                        </address>
                                    </div>
                                </div>
                            </div>
                            <div class="pt-3" style="margin-top: 32px;">
                                <h2><t t-out="invoice_name"/></h2>
                                <div id="dates" class="page"  style="margin-top: 28px !important;">
                                    <div style="width:25%; display:inline-block;">
                                        <strong>Invoice Date:</strong>
                                        <p class="m-0"><t t-out="invoice_date"/></p>
                                    </div>

                                    <div  style="width:25%; display:inline-block;">
                                        <div class="mb-0" itemscope="itemscope" itemtype="http://schema.org/Organization" style="width:100%">
                                                <strong>Due Date:</strong>
                                                <p class="m-0"><t t-out="invoice_due_date"/></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="page" style="margin-top: 32px !important;">
                                <table class="table table-sm o_main_table" name="invoice_line_table" style="width: 100%;">
                                    <thead>
                                        <tr>
                                            <th name="th_description" class="text-start"><span>Description</span></th>
                                            <th name="th_quantity" class="text-end"><span>Quantity</span></th>
                                            <th name="th_priceunit" class="text-end d-md-table-cell"><span>Unit Price</span></th>
                                            <th name="th_taxes" class="text-end d-md-table-cell"><span>Taxes</span></th>
                                            <th name="th_subtotal" class="text-end"><span>Amount</span></th>
                                        </tr>
                                    </thead>
                                    <tbody class="invoice_tbody">
                                        <tr class="">
                                            <td name="account_invoice_line_name">
                                                [FURN_8999] Three-Seat Sofa
                                            </td>
                                            <td class="text-end">
                                                <span>5.00</span>
                                            </td>
                                            <td class="text-end d-md-table-cell">
                                                <span class="text-nowrap">1,500.00</span>
                                            </td>
                                            <td class="text-end d-md-table-cell">
                                                <span>Tax 0%</span>
                                            </td>
                                            <td class="text-end o_price_total">
                                                <span class="text-nowrap">$ <span class="oe_currency_value">7,500.00</span></span>
                                            </td>
                                        </tr>
                                        <tr class="">
                                            <td name="account_invoice_line_name">
                                                [FURN_8220] Four Person Desk
                                            </td>
                                            <td class="text-end">
                                                <span>5.00</span>
                                            </td>
                                            <td class="text-end d-md-table-cell">
                                                <span class="text-nowrap">2,350.00</span>
                                            </td>
                                            <td class="text-end d-md-table-cell">
                                                <span>Tax 0%</span>
                                            </td>
                                            <td class="text-end o_price_total">
                                                <span class="text-nowrap">$ <span class="oe_currency_value">11,750.00</span></span>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div id="total" class="page"  style="margin-top: 32px !important;">
                                    <div style="width:49%; display:inline-block;"></div>
                                    <div  style="width:50%; display:inline-block;">
                                        <table class="table table-sm" style="page-break-inside: avoid; width:100%">
                                            <tbody><tr class="o_subtotal">
                                                <td><strong>Subtotal</strong></td>
                                                <td class="text-end">
                                                    <span>$ <span class="oe_currency_value">19,250.00</span></span>
                                                </td>
                                            </tr>
                                            <tr class="o_total">
                                                <td><strong>Total</strong></td>
                                                <td class="text-end">
                                                    <span class="text-nowrap">$ <span class="oe_currency_value">19,250.00</span></span>
                                                </td>
                                            </tr>
                                        </tbody></table>
                                    </div>
                                </div>
                                <div class="mt-4">
                                    <p>Please use the following communication for your payment: <b><t t-out="invoice_ref"/></b></p>
                                    <p>Payment terms: 30 Days</p>
                                </div>
                            </div>
                        </div>
                        <div class="o_company_1_layout mt-4">
                            <div class="text-center" style="border-top: 1px solid black;">
                                <ul class="list-inline mb4"></ul>
                            </div>
                        </div>
                    </div>
                </main>
            </div>
        </template>
    </data>
</odoo>
