From bfecdcb24060fca79576dc4d73064ab3e98fe3e3 Mon Sep 17 00:00:00 2001
From: AndriFP <113114423+andrifp@users.noreply.github.com>
Date: Thu, 11 Sep 2025 16:52:59 +0700
Subject: (andri) try web external template report

---
 indoteknik_custom/report/report_surat_piutang.xml | 162 ++++++++++------------
 1 file changed, 74 insertions(+), 88 deletions(-)

diff --git a/indoteknik_custom/report/report_surat_piutang.xml b/indoteknik_custom/report/report_surat_piutang.xml
index 5cad81e6..122e9d64 100644
--- a/indoteknik_custom/report/report_surat_piutang.xml
+++ b/indoteknik_custom/report/report_surat_piutang.xml
@@ -1,55 +1,42 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
     <data>
+
         <!-- Report Action -->
         <record id="action_report_surat_piutang" model="ir.actions.report">
             <field name="name">Surat Peringatan Piutang</field>
             <field name="model">surat.piutang</field>
             <field name="report_type">qweb-pdf</field>
-            <field name="report_name">indoteknik_custom.report_surat_piutang_formal_custom</field>
-            <field name="report_file">indoteknik_custom.report_surat_piutang_formal_custom</field>
+            <field name="report_name">indoteknik_custom.report_surat_piutang</field>
+            <field name="report_file">indoteknik_custom.report_surat_piutang</field>
             <field name="binding_model_id" ref="model_surat_piutang"/>
             <field name="binding_type">report</field>
         </record>
 
-        <!-- External Layout tanpa company -->
-        <template id="external_layout_no_company">
-            <!-- HEADER -->
-            <div class="header">
-                <img t-att-src="'https://erp.indoteknik.com/api/image/ir.attachment/datas/2498521'"
-                     class="img img-fluid w-100"/>
-            </div>
-
-            <!-- CONTENT -->
-            <div class="content mt-5 mb-5 ml-3 mr-3">
-                <t t-raw="0"/>
-            </div>
-
-            <!-- FOOTER -->
-            <div class="footer">
-                <img t-att-src="'https://erp.indoteknik.com/api/image/ir.attachment/datas/2498529'"
-                     style="height:60px;"/>
-            </div>
+        <!-- Wrapper Template -->
+        <template id="report_surat_piutang">
+            <t t-call="web.html_container">
+                <t t-foreach="docs" t-as="doc">
+                    <t t-call="indoteknik_custom.report_surat_piutang_document" t-lang="doc.partner_id.lang"/>
+                </t>
+            </t>
         </template>
 
-        <template id="report_surat_piutang_formal_custom">
-        <t t-call="web.html_container">
-            <t t-foreach="docs" t-as="doc">
-                <t t-call="indoteknik_custom.report_purchaseorder_website_document" t-lang="doc.partner_id.lang"/>
-            </t>
-        </t>
-    </template>
+        <!-- Document Template -->
+        <template id="report_surat_piutang_document">
+            <t t-call="web.external_layout">
+                <t t-set="doc" t-value="doc.with_context(lang=doc.partner_id.lang)" />
 
-        <!-- QWeb Template Surat -->
-        <template id="report_surat_piutang_formal_custom">
-            <t t-call="indoteknik_custom.external_layout_no_company">
-                <t t-set="doc" t-value="docs[0] if docs else None"/>
+                <div class="page">
 
-                <!-- SURAT CONTENT -->
-                <main class="o_report_layout_standard" style="font-size:12pt; font-family: Arial, sans-serif;">
+                    <!-- Header Logo -->
+                    <div class="mb16">
+                        <img src="https://erp.indoteknik.com/api/image/ir.attachment/datas/2498521"
+                             style="width:100%; max-height:100px; object-fit:contain;"/>
+                    </div>
 
-                    <!-- Header Surat -->
-                    <div class="row mb-3">
+                    <!-- Ref & Date -->
+                    <div class="row mb3">
                         <div class="col-6">
                             Ref. No: <t t-esc="doc.name or '-'"/>
                         </div>
@@ -59,96 +46,95 @@
                     </div>
 
                     <!-- Tujuan -->
-                    <div class="mb-3">
+                    <div class="mb3">
                         <strong>Kepada Yth.</strong><br/>
-                        <t t-esc="doc.partner_id.name if doc and doc.partner_id else '-'"/><br/>
-                        <t t-esc="doc.partner_id.street if doc and doc.partner_id else '-'"/><br/>
-                        <t t-esc="doc.partner_id.country_id.name if doc and doc.partner_id and doc.partner_id.country_id else '-'"/>
+                        <t t-esc="doc.partner_id.name or '-'"/><br/>
+                        <t t-esc="doc.partner_id.street or ''"/><br/>
+                        <t t-esc="doc.partner_id.country_id.name or ''"/>
                     </div>
 
                     <!-- UP & Perihal -->
-                    <div class="mb-4">
+                    <div class="mb4">
                         U.P. : <t t-esc="doc.tujuan_nama or '-'"/><br/>
                         <strong>Perihal:</strong> <t t-esc="doc.perihal or '-'"/>
                     </div>
 
                     <!-- Isi Surat -->
-                    <div class="mb-3">Dengan Hormat,</div>
-                    <div class="mb-3">Yang bertanda tangan di bawah ini menyampaikan sebagai berikut:</div>
-
-                    <div class="mb-3 text-justify">
-                        Namun, bersama surat ini kami ingin mengingatkan bahwa hingga tanggal surat ini dibuat, masih terdapat tagihan yang belum diselesaikan oleh pihak 
-                        <t t-esc="doc.partner_id.name if doc and doc.partner_id else '-'"/> periode bulan <t t-esc="doc.periode_invoices_terpilih or '-'"/>, berdasarkan data korespondensi dan laporan keuangan yang kami kelola, 
-                        <t t-esc="doc.partner_id.name if doc and doc.partner_id else '-'"/> (“Saudara”) masih mempunyai tagihan yang telah jatuh tempo dan belum dibayarkan sejumlah 
+                    <p>Dengan Hormat,</p>
+                    <p>Yang bertanda tangan di bawah ini menyampaikan sebagai berikut:</p>
+
+                    <p class="text-justify">
+                        Namun, bersama surat ini kami ingin mengingatkan bahwa hingga tanggal surat ini dibuat, 
+                        masih terdapat tagihan yang belum diselesaikan oleh pihak 
+                        <t t-esc="doc.partner_id.name or '-'"/> periode bulan 
+                        <t t-esc="doc.periode_invoices_terpilih or '-'"/>, berdasarkan data korespondensi dan laporan keuangan, 
+                        <t t-esc="doc.partner_id.name or '-'"/> (“Saudara”) masih mempunyai tagihan yang telah jatuh tempo sejumlah 
                         <t t-esc="doc.grand_total_text or '-'"/> (“Tagihan”).
-                    </div>
+                    </p>
 
-                    <div class="mb-3">Berikut kami lampirkan Rincian Tagihan yang telah Jatuh Tempo:</div>
+                    <p>Berikut kami lampirkan Rincian Tagihan yang telah Jatuh Tempo:</p>
 
                     <!-- Tabel Invoice -->
-                    <table class="table table-sm table-bordered mb-4">
-                        <thead class="thead-light">
+                    <table class="table table-sm o_main_table" style="font-size:11px; border:1px solid #000; border-collapse: collapse; width:100%;">
+                        <thead style="background:#f5f5f5;">
                             <tr>
-                                <th>Invoice Number</th>
-                                <th>Invoice Date</th>
-                                <th>Due Date</th>
-                                <th class="text-center">Day to Due</th>
-                                <th>Reference</th>
-                                <th class="text-right">Amount Due</th>
-                                <th>Payment Terms</th>
+                                <th style="border:1px solid #000; padding:4px;">Invoice Number</th>
+                                <th style="border:1px solid #000; padding:4px;">Invoice Date</th>
+                                <th style="border:1px solid #000; padding:4px;">Due Date</th>
+                                <th style="border:1px solid #000; padding:4px;" class="text-center">Day to Due</th>
+                                <th style="border:1px solid #000; padding:4px;">Reference</th>
+                                <th style="border:1px solid #000; padding:4px;" class="text-right">Amount Due</th>
+                                <th style="border:1px solid #000; padding:4px;">Payment Terms</th>
                             </tr>
                         </thead>
                         <tbody>
                             <t t-foreach="doc.line_ids.filtered(lambda l: l.selected)" t-as="line">
                                 <tr>
-                                    <td><t t-esc="line.invoice_number or '-'"/></td>
-                                    <td><t t-esc="line.invoice_date and line.invoice_date.strftime('%d-%m-%Y') or '-'"/></td>
-                                    <td><t t-esc="line.invoice_date_due and line.invoice_date_due.strftime('%d-%m-%Y') or '-'"/></td>
-                                    <td class="text-center"><t t-esc="line.new_invoice_day_to_due or '-'"/></td>
-                                    <td><t t-esc="line.ref or '-'"/></td>
-                                    <td class="text-right"><t t-esc="line.amount_residual or '-'"/></td>
-                                    <td><t t-esc="line.payment_term_id.name or '-'"/></td>
+                                    <td style="border:1px solid #000; padding:4px;"><t t-esc="line.invoice_number or '-'"/></td>
+                                    <td style="border:1px solid #000; padding:4px;"><t t-esc="line.invoice_date and line.invoice_date.strftime('%d-%m-%Y') or '-'"/></td>
+                                    <td style="border:1px solid #000; padding:4px;"><t t-esc="line.invoice_date_due and line.invoice_date_due.strftime('%d-%m-%Y') or '-'"/></td>
+                                    <td style="border:1px solid #000; padding:4px;" class="text-center"><t t-esc="line.new_invoice_day_to_due or '-'"/></td>
+                                    <td style="border:1px solid #000; padding:4px;"><t t-esc="line.ref or '-'"/></td>
+                                    <td style="border:1px solid #000; padding:4px;" class="text-right"><t t-esc="line.amount_residual or '-'"/></td>
+                                    <td style="border:1px solid #000; padding:4px;"><t t-esc="line.payment_term_id.name or '-'"/></td>
                                 </tr>
                             </t>
                         </tbody>
                         <tfoot>
-                            <tr class="font-weight-bold">
-                                <td colspan="6" class="text-right">
-                                    GRAND TOTAL INVOICE YANG BELUM DIBAYAR DAN TELAH JATUH TEMPO
+                            <tr>
+                                <td colspan="6" class="text-right" style="border:1px solid #000; padding:4px;">
+                                    <strong>GRAND TOTAL</strong>
                                 </td>
-                                <td class="text-right">
-                                    <t t-esc="doc.grand_total or '-'"/> (<t t-esc="doc.grand_total_text or '-'"/>)
+                                <td class="text-right" style="border:1px solid #000; padding:4px;">
+                                    <t t-esc="doc.grand_total or '-'"/> 
+                                    (<t t-esc="doc.grand_total_text or '-'"/>)
                                 </td>
                             </tr>
                         </tfoot>
                     </table>
 
-                    <!-- Isi Penutup -->
-                    <div class="mb-3">
-                        Kami belum menerima konfirmasi pelunasan ataupun pembayaran sebagian dari total kewajiban tersebut. Kami sangat terbuka untuk berdiskusi serta mencari solusi terbaik agar kerja sama tetap berjalan baik.
-                    </div>
+                    <!-- Penutup -->
+                    <p>Kami belum menerima konfirmasi pelunasan ataupun pembayaran sebagian dari total kewajiban tersebut. Kami sangat terbuka untuk berdiskusi serta mencari solusi terbaik agar kerja sama tetap berjalan baik.</p>
 
-                    <div class="mb-3">
-                        Oleh karena itu, kami mohon perhatian dan itikad baik dari pihak <t t-esc="doc.partner_id.name if doc and doc.partner_id else '-'"/> untuk segera melakukan pelunasan atau memberikan informasi terkait rencana pembayaran paling lambat dalam waktu 7 (tujuh) hari kerja sejak surat ini diterima.
-                    </div>
+                    <p>Oleh karena itu, kami mohon perhatian dan itikad baik dari pihak <t t-esc="doc.partner_id.name or '-'"/> untuk segera melakukan pelunasan atau memberikan informasi terkait rencana pembayaran paling lambat dalam waktu 7 (tujuh) hari kerja sejak surat ini diterima.</p>
 
-                    <div class="mb-3">
-                        Jika dalam waktu yang telah ditentukan belum ada penyelesaian atau tanggapan, kami akan mempertimbangkan untuk melanjutkan proses sesuai ketentuan yang berlaku.
-                    </div>
+                    <p>Jika dalam waktu yang telah ditentukan belum ada penyelesaian atau tanggapan, kami akan mempertimbangkan untuk melanjutkan proses sesuai ketentuan yang berlaku.</p>
 
-                    <div class="mb-4">
-                        Demikian kami sampaikan. Atas perhatian dan kerja samanya, kami ucapkan terima kasih.
-                    </div>
+                    <p>Demikian kami sampaikan. Atas perhatian dan kerja samanya, kami ucapkan terima kasih.</p>
 
-                    <div class="mb-2">Hormat kami,</div>
+                    <p>Hormat kami,</p>
 
-                    <!-- TTD -->
-                    <div class="mt-5">
-                        <img t-att-src="'https://erp.indoteknik.com/api/image/ir.attachment/datas/2851919'" style="width:200px; height:auto;"/><br/>
+                    <!-- Tanda Tangan -->
+                    <div class="mt32">
+                        <img src="https://erp.indoteknik.com/api/image/ir.attachment/datas/2851919" style="width:200px; height:auto;"/><br/>
                         <div>Nama: Akbar Prabawa<br/>Jabatan: General Manager</div>
                     </div>
 
-                </main>
+                    <!-- Footer Logo -->
+                    <div class="mt32">
+                        <img src="https://erp.indoteknik.com/api/image/ir.attachment/datas/2498529" style="height:60px;"/>
+                    </div>
+                </div>
             </t>
         </template>
 
-- 
cgit v1.2.3