<?xml version="1.0"?>
<t t-name="web.report_invoice_wizard_preview">
        <t t-call="web.html_preview_container">
           <t t-call="web.external_layout">
                   <t t-set="address">
                       <address class="mb-0" itemscope="itemscope" itemtype="http://schema.org/Organization">
                           <div>
                               <span itemprop="name">Acme Corporation</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" itemprop="streetAddress">77 Santa Barbara
                                       Rd<br/>Pleasant Hill CA 94523<br/>United States</span>
                               </div>
                           </div>
                       </address>
                   </t>
                   <div class="page">
                       <t t-set="layout_document_title">
                           <span>Invoice</span>
                           <span>INV/2023/00003</span>
                       </t>
                       <div id="informations" class="row mb-4">
                           <div class="col" name="invoice_date">
                               <strong>Invoice Date</strong>
                               <div>07/08/2020</div>
                           </div>
                           <div class="col" name="due_date">
                               <strong>Due Date</strong>
                               <div>08/07/2020</div>
                           </div>
                       </div>
                       <table class="o_has_total_table table o_main_table table-borderless" name="invoice_line_table">
                           <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>
                                   <td name="account_invoice_line_name"><span>[FURN_8999] Three-Seat Sofa<br/>
                                       Three Seater Sofa with Lounger in Steel Grey Colour</span></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 id="line_tax_ids">15%</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>
                                   <td name="account_invoice_line_name"><span>[FURN_8220] Four Person Desk<br/>
                                       Four person modern office workstation</span></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 id="line_tax_ids">15%</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="right-elements" t-attf-class="#{'col-5' if report_type != 'html' else 'col-12 col-md-5'} ms-5 d-inline-block float-end">
                           <div id="total" class="clearfix row mt-n3">
                               <div class="ms-auto">
                                   <table class="o_total_table table table-borderless">
                                       <tbody><tr class="o_subtotal">
                                           <td><strong>Untaxed Amount</strong></td>
                                           <td class="text-end">
                                               <span>$ <span class="oe_currency_value">19,250.00</span></span>
                                           </td>
                                       </tr>
                                           <tr class="o_taxes">
                                               <td><span class="text-nowrap">Tax 15%</span></td>
                                               <td class="text-end o_price_total">
                                                   <span class="text-nowrap">$ 2,887.50</span>
                                               </td>
                                           </tr>
                                           <tr class="o_total">
                                               <td><strong>Total</strong></td>
                                               <td class="text-end">
                                                   <strong class="text-nowrap">$ <span class="oe_currency_value">
                                                       22,137.50</span></strong>
                                               </td>
                                           </tr>
                                       </tbody></table>
                               </div>
                           </div>
                       </div>
                       <div id="payment_term" class="mt-4">
                            <div class="mb-3">
                                <p name="payment_term">
                                    <span>Payment terms: 30 Days</span>
                                </p>
                                <p name="payment_communication">
                                    Payment Communication: <b><span>INV/2023/00003</span></b>
                                </p>
                            </div>
                        </div>
                   </div>
           </t>
        </t>
    </t>

    