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
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>
|
|
|