You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

309 lines
18 KiB

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!--Modern Template Preview-->
<template id="report_preview_modern">
<t t-call="web.html_preview_container">
<t t-call="web.external_layout">
<t t-set="model" t-value="'account.move'"/>
<div class="page" style="overflow: hidden;">
<br/>
<br/>
<!--Invoice details-->
<div class="row">
<div t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.customer_text_color};">
<h2>
<div
t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Invoice INV/2021/07/0003
</div>
</h2>
<br/>
<div id="informations"
class="row mt32 mb32">
<div class="col-auto mw-100 mb-2"
name="invoice_date">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Invoice Date:
</p>
<p class="m-0"
t-attf-style="color:#{company.document_layout_id.text_color};">
07/08/2021
</p>
</div>
<div class="col-auto mw-100 mb-2"
name="due_date">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Due Date:
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">08/07/2021
</p>
</div>
<div class="col-auto mw-100 mb-2"
name="due_date">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Payment Term:
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">30 Days
</p>
</div>
<div t-if="company.document_layout_id.sales_person"
class="col-auto mw-100 mb-2"
name="due_date">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Sales Person:
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">Mitchell Admin
</p>
</div>
<div t-if="company.document_layout_id.reference"
class="col-auto mw-100 mb-2"
name="sales">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Reference:
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">SA0023021
</p>
</div>
<div t-if="company.document_layout_id.source"
class="col-auto mw-100 mb-2"
name="sales">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Source
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">LinkedIn
</p>
</div>
</div>
</div>
</div>
<br/>
<!--Customer Address-->
<div t-if="company.document_layout_id.address"
id="customer_address"
t-attf-style="color:#{company.document_layout_id.customer_text_color}">
<div class="row">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.customer_position == 'right' else ''}}">
<div itemprop="address"
class="address">
<div>
<span>Deco Addict</span>
</div>
<div>
<span>77 Santa Barbara Rd</span>
</div>
<div>
<span t-if="company.document_layout_id.city">
Pleasant Hill CA 94523
</span>
</div>
<div>
<span t-if="company.document_layout_id.country">
United States
</span>
</div>
<div>
<span t-if="company.document_layout_id.vat">
VAT00214
</span>
</div>
</div>
</div>
</div>
</div>
<br/>
<!--Product Table-->
<div class="row">
<table class="table table-sm table-borderless">
<tr>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Product
</th>
<th t-if="company.document_layout_id.description"
class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Description
</th>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Quantity
</th>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Unit Price
</th>
<th t-if="company.document_layout_id.tax_value"
class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Taxes
</th>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Price
</th>
</tr>
<!--Invoice lines body-->
<tr>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">Three-Seat
Sofa
</p>
</font>
</td>
<td t-if="company.document_layout_id.description"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">[FURN_8999]
Three-Seat Sofa
</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">5.000</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">1,500.00</p>
</font>
</td>
<td t-if="company.document_layout_id.tax_value"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">15.00%</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">7,500.00</p>
</font>
</td>
</tr>
<tr>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">Four Person
Desk
</p>
</font>
</td>
<td t-if="company.document_layout_id.description"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">FURN_8220] Four
Person Desk
<br/>
Four person modern office
workstation
</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">5.000</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">23,500.00</p>
</font>
</td>
<td t-if="company.document_layout_id.tax_value"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">15.00%</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">117,500.00</p>
</font>
</td>
</tr>
</table>
</div>
<!--Payment details-->
<div class="clearfix mb-4">
<div id="total" class="row">
<div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ms-auto">
<table class="table table-sm table-borderless"
style="page-break-inside: avoid;">
<tbody>
<tr class="border-black o_subtotal"
t-attf-style="color:#{company.document_layout_id.text_color};">
<td>
<strong t-attf-style="color:#{company.document_layout_id.text_color};">
Untaxed Amount
</strong>
</td>
<td class="text-end">
<span>$
<span class="oe_currency_value">
125,000.00
</span>
</span>
</td>
</tr>
<tr style="">
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<span class="text-nowrap">
Tax 15%
</span>
</td>
<td class="text-end o_price_total"
t-attf-style="color:#{company.document_layout_id.text_color};">
<span class="text-nowrap">$
18,750.00
</span>
</td>
</tr>
<tr class="border-black o_total">
<td>
<strong t-attf-style="color:#{company.document_layout_id.customer_text_color};">
Total
</strong>
</td>
<td class="text-end">
<span class="text-nowrap"
t-attf-style="color:#{company.document_layout_id.customer_text_color};">
$
<span class="oe_currency_value">
143,750.00
</span>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div style="padding-top: 10%;" class="col-12">
<p t-attf-style="color:#{company.document_layout_id.text_color};">
Please use the following communication for your
payment :
<b>
<span>
INV/2021/07/0003
</span>
</b>
</p>
<p name="payment_term"
t-attf-style="color:#{company.document_layout_id.text_color};">
<span>Payment terms: 30 Days</span>
</p>
</div>
</div>
</t>
</t>
</template>
</odoo>