vertical-cooperative/theme_light/views/layout_template.xml

<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <!--  ****************** POUR IMPRESSION FACTURE **************** -->
    <template id="theme_light.layout" inherit_id="web.layout" primary="True">
        <!-- Add report attributes -->
        <xpath expr="//html" position="attributes">
            <attribute name="t-att-data-report-margin-top">
                data_report_margin_top if data_report_margin_top else None
            </attribute>
            <attribute name="t-att-data-report-header-spacing">
                data_report_header_spacing if data_report_header_spacing else
                None
            </attribute>
            <attribute name="t-att-data-report-dpi">data_report_dpi if
                data_report_dpi else None
            </attribute>
        </xpath>
        <!-- Add report style -->
        <xpath expr="//head" position="inside">
            <link href="/web/static/lib/bootstrap/css/bootstrap.css"
                  rel="stylesheet"/>
            <link href="/website/static/src/css/website.css" rel="stylesheet"/>
            <link href="/web/static/lib/fontawesome/css/font-awesome.css"
                  rel="stylesheet"/>
            <link href="/theme_light/static/css/invoice_orange.css"
                  rel="stylesheet"/>
            <style type="text/css">
                <t t-call="theme_light.style"/>
            </style>
        </xpath>
    </template>

    <!-- CSS -->
    <template id="style">
        /* Montserrat */
        @font-face {
        font-family: 'Montserrat-Regular';
        font-style: normal;
        src: local('Montserrat Regular'),
        url('/theme_light/static/font/Montserrat-Regular.ttf')
        format('truetype');
        }
        /* Roboto Regular */
        @font-face {
        font-family: 'Roboto-Regular';
        font-style: normal;
        src: local('Roboto Regular'),
        url('/theme_light/static/font/Roboto-Regular.ttf') format('truetype');
        }
        /* Roboto Bold */
        @font-face {
        font-family: 'Roboto-Bold';
        font-style: normal;
        src: local('Roboto Bold'),
        url('/theme_light/static/font/Roboto-Bold.ttf') format('truetype');
        }
        /* BEBASNEUE Bold */
        @font-face {
        font-family: 'Bebasneue-Bold';
        font-style: normal;
        src: local('Bebasneue-Bold'),
        url('/theme_light/static/font/BEBASNEUE_BOLD.ttf') format('truetype');
        }
    </template>

    <template id="theme_light.html_container">
        <t t-set="body_classname" t-value="'container'"/>
        <t t-call="theme_light.layout">
            <t t-raw="0"/>
        </t>
    </template>

    <template id="theme_light.invoice_footer">
        <div class="footer">
            <table style="width: 100%;font-size:13;color:black;font-family:Roboto-Regular;text-align:center">
                <tr style="height:20px;">
                    <td/>
                    <td/>
                    <t t-if="company.display_logo1">
                        <td rowspan="5"
                            style="padding-left:15px;text-align:center;width:135px;border-left:1px solid #adadad">
                            <img t-if="company.bottom_logo1"
                                 t-att-src="'data:image/png;base64,%s' % company.bottom_logo1"
                                 style="width:98px;height:auto;padding-bottom:5px;"/>
                            <img t-if="not company.bottom_logo1"
                                 src="/theme_light/static/img/gallery/label_fin.jpg"
                                 style="width:98px;height:auto;padding-bottom:5px;"/>
                        </td>
                    </t>
                    <t t-if="company.display_logo2">
                        <td rowspan="5"
                            style="padding-left:15px;text-align:center;width:135px;border-left:1px solid #adadad">
                            <img t-if="company.bottom_logo2"
                                 t-att-src="'data:image/png;base64,%s' % company.bottom_logo2"
                                 style="width:162px;height:auto;padding-bottom:5px;"/>
                            <img t-if="not company.bottom_logo2"
                                 src="/theme_light/static/img/gallery/cnc_agree.jpg"
                                 style="width:162px;height:auto;padding-bottom:5px;"/>
                        </td>
                    </t>
                </tr>
                <tr style="height:20px;">
                    <td style="align: left;">
                        <t t-if="company.rml_header1">
                            <span t-field="company.rml_header1"/>
                            -
                        </t>
                        <b>
                            <span t-field="company.name"/>
                        </b>
                    </td>
                    <td/>
                    <td/>
                    <td/>
                </tr>
                <tr style="height:20px">
                    <td style="align: left;">
                        <span t-field="company.partner_id.street"/>
                        -
                        <t t-if="company.partner_id.street2">
                            <span t-field="company.partner_id.street2"/>
                            -
                        </t>
                        <span t-field="company.partner_id.zip"/>
                        <span t-field="company.partner_id.city"/>
                    </td>
                    <td/>
                    <td/>
                    <td/>
                </tr>
                <tr style="height:20px">
                    <td style="align: left;">
                        <t t-if="company.company_registry">
                            <span>N.Entr.</span>
                            :
                            <span t-field="company.company_registry"/>
                        </t>
                        <t t-if="company.vat">
                            -
                            <span>VAT Number</span>
                            :
                            <span t-field="company.vat"/>
                        </t>
                        <t t-foreach="o.company_id.bank_journal_ids"
                           t-as="journal">
                            <t t-set="b" t-value="journal.bank_account_id"/>
                            <t t-if="journal.display_on_footer">
                                -
                                <span t-field="b.bank_name"/>
                                <span t-field="b.acc_number"/>
                                <span t-field="b.bank_bic"/>
                            </t>
                        </t>
                    </td>
                    <td/>
                    <td/>
                    <td/>
                </tr>
            </table>
        </div>
    </template>

    <template id="theme_light.invoice_footer_002">
        <div class="footer">
            <table style="width: 100%;font-size:13;color :black;font-family:Montserrat-Regular;text-align:center">
                <tr style="height:20px;">
                    <td width="85%"></td>
                    <td rowspan="5"
                        style="padding-left:15px;text-align:center;width:260px;border-left:1px solid #adadad">
                        <img src="/theme_light/static/img/gallery/cnc_agree.png"
                             style="max-height: 80px;padding-bottom:5px;"/>
                        <div style="color :#adadad;"
                             t-field="company.company_registry"/>
                    </td>
                </tr>
            </table>
        </div>
    </template>

    <template id="theme_light.invoice_header">
        <div>
            <div class="row">
                <div class="col-xs-3">
                    <img t-if="o.company_id.logo"
                         t-att-src="'data:image/png;base64,%s' % o.company_id.logo"
                         style="height: 113px;"/>
                </div>
            </div>
        </div>
    </template>

    <template id="theme_light.invoice_layout">
        <!-- Multicompany -->
        <t t-if="o and 'company_id' in o">
            <t t-set="company" t-value="o.company_id"></t>
        </t>
        <t t-if="not o or not 'company_id' in o">
            <t t-set="company" t-value="res_company"></t>
        </t>
        <t t-raw="0"/>
        <t t-call="theme_light.invoice_footer"/>
    </template>

    <template id="theme_light.invoice_layout_002">
        <!-- Multicompany -->
        <t t-if="o and 'company_id' in o">
            <t t-set="company" t-value="o.company_id"></t>
        </t>
        <t t-if="not o or not 'company_id' in o">
            <t t-set="company" t-value="res_company"></t>
        </t>
        <t t-raw="0"/>
        <t t-call="theme_light.invoice_footer_002"/>
    </template>


    <template id="theme_light.report_footer_002">
        <div class="footer">
            <table style="width: 100%;font-size:13;color :black;font-family:Montserrat-Regular;text-align:center">
                <tr style="height:20px;">
                    <td width="90%"></td>
                    <td rowspan="5"
                        style="padding-left:15px;text-align:center;width:260px;border-left:1px solid #adadad">
                        Page :
                        <span class="page"/>
                    </td>
                </tr>
            </table>
        </div>
    </template>

    <template id="theme_light.report_layout_002">
        <!-- Multicompany -->
        <t t-if="o and 'company_id' in o">
            <t t-set="company" t-value="o.company_id"></t>
        </t>
        <t t-if="not o or not 'company_id' in o">
            <t t-set="company" t-value="res_company"></t>
        </t>

        <t t-raw="0"/>
        <t t-call="theme_light.report_footer_002"/>
    </template>
</odoo>