(andri) fix template

1 files changed, 79 insertions, 46 deletions

diff --git a/indoteknik_custom/report/report_surat_piutang.xml b/indoteknik_custom/report/report_surat_piutang.xml
index 122e9d64..07e208de 100644
--- a/indoteknik_custom/report/report_surat_piutang.xml
+++ b/indoteknik_custom/report/report_surat_piutang.xml
@@ -13,28 +13,46 @@
             <field name="binding_type">report</field>
         </record>
 
+        <template id="external_layout_surat_piutang">
+            <t t-call="web.html_container">
+
+                <!-- Header -->
+                <div class="header">
+                    <img src="https://erp.indoteknik.com/api/image/ir.attachment/datas/2498521"
+                        style="width:100%; display: block;"/>
+                </div>
+
+                <!-- Body -->
+                <div class="article" style="margin: 0 1.5cm 0 1.5cm; ">
+                    <t t-raw="0"/>
+                </div>
+
+                <!-- Footer -->
+                <div class="footer">
+                    <img src="https://erp.indoteknik.com/api/image/ir.attachment/datas/2859765"
+                        style="width:100%; display: block;"/>
+                </div>
+            </t>
+        </template>
+
+
+
         <!-- 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-call="indoteknik_custom.report_surat_piutang_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)" />
-
+            <t t-call="indoteknik_custom.external_layout_surat_piutang">
+                <t t-set="doc" t-value="doc.with_context(lang=doc.partner_id.lang)"/>
                 <div class="page">
 
-                    <!-- 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>
-
                     <!-- Ref & Date -->
                     <div class="row mb3">
                         <div class="col-6">
@@ -44,30 +62,43 @@
                             Jakarta, <t t-esc="doc.send_date and doc.send_date.strftime('%d %B %Y') or '-'"/>
                         </div>
                     </div>
-
+                    <br/>
                     <!-- Tujuan -->
-                    <div class="mb3">
+                    <div class="mb3" style="max-width:500px; word-wrap:break-word; white-space:normal;">
                         <strong>Kepada Yth.</strong><br/>
                         <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 ''"/>
+                        <span style="display:inline-block; max-width:400px; word-wrap:break-word; white-space:normal;">
+                            <t t-esc="doc.partner_id.street or ''"/>
+                        </span><br/>
+                        <u>Republik Indonesia</u>
                     </div>
+                    <br/>
 
                     <!-- UP & Perihal -->
-                    <div class="mb4">
-                        U.P. : <t t-esc="doc.tujuan_nama or '-'"/><br/>
-                        <strong>Perihal:</strong> <t t-esc="doc.perihal or '-'"/>
-                    </div>
+                    <table style="margin-left:2cm;">
+                        <tr>
+                            <td style="padding-right:10px;">U.P.</td>
+                            <td>: <t t-esc="doc.tujuan_nama or '-'"/></td>
+                        </tr>
+                        <tr>
+                            <td style="padding-right:10px;">Perihal</td>
+                            <td>: <u><t t-esc="doc.perihal_label or '-'"/></u></td>
+                        </tr>
+                    </table>
+
+                    <br/>
 
                     <!-- Isi Surat -->
                     <p>Dengan Hormat,</p>
                     <p>Yang bertanda tangan di bawah ini menyampaikan sebagai berikut:</p>
 
-                    <p class="text-justify">
+                    <p class="text-justify" style="font-weight: normal !important;">
                         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 '-'"/>
+                        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”).
                     </p>
@@ -75,65 +106,67 @@
                     <p>Berikut kami lampirkan Rincian Tagihan yang telah Jatuh Tempo:</p>
 
                     <!-- Tabel Invoice -->
-                    <table class="table table-sm o_main_table" style="font-size:11px; border:1px solid #000; border-collapse: collapse; width:100%;">
+                    <table class="table table-sm o_main_table"
+                        style="font-size:13px; border:1px solid #000; border-collapse: collapse; width:100%; table-layout: fixed;">
+
                         <thead style="background:#f5f5f5;">
                             <tr>
-                                <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>
+                                <th style="border:1px solid #000; padding:4px; width:17%;">Invoice Number</th>
+                                <th style="border:1px solid #000; padding:4px; width:10%;">Invoice Date</th>
+                                <th style="border:1px solid #000; padding:4px; width:10%;">Due Date</th>
+                                <th style="border:1px solid #000; padding:4px; width:6%;" class="text-center">Day to Due</th>
+                                <th style="border:1px solid #000; padding:4px; width:17%;">Reference</th>
+                                <th style="border:1px solid #000; padding:4px; width:17%;" class="text-right">Amount Due</th>
+                                <th style="border:1px solid #000; padding:4px; width:12%;">Payment Terms</th>
                             </tr>
                         </thead>
+
                         <tbody>
                             <t t-foreach="doc.line_ids.filtered(lambda l: l.selected)" t-as="line">
                                 <tr>
-                                    <td style="border:1px solid #000; padding:4px;"><t t-esc="line.invoice_number or '-'"/></td>
+                                    <td style="border:1px solid #000; padding:4px; word-wrap: break-word;"><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>
+                                    <td style="border:1px solid #000; padding:4px; word-wrap: break-word;"><t t-esc="line.ref or '-'"/></td>
+                                    <td style="border:1px solid #000; padding:4px;" class="text-right">Rp. <t t-esc="'{:,.0f}'.format(line.amount_residual).replace(',', '.')"/></td>
+                                    <td style="border:1px solid #000; padding:4px; word-wrap: break-word;"><t t-esc="line.payment_term_id.name or '-'"/></td>
                                 </tr>
                             </t>
                         </tbody>
+
                         <tfoot>
                             <tr>
-                                <td colspan="6" class="text-right" style="border:1px solid #000; padding:4px;">
+                                <td colspan="4" class="text-right" style="border:1px solid #000; padding:4px;">
                                     <strong>GRAND TOTAL</strong>
                                 </td>
-                                <td class="text-right" style="border:1px solid #000; padding:4px;">
-                                    <t t-esc="doc.grand_total or '-'"/> 
+                                <td colspan="3" class="text-right" style="border:1px solid #000; padding:4px; word-wrap: break-word; white-space: normal;">
+                                    Rp. <t t-esc="'{:,.0f}'.format(doc.grand_total).replace(',', '.')"/>  
                                     (<t t-esc="doc.grand_total_text or '-'"/>)
                                 </td>
                             </tr>
                         </tfoot>
                     </table>
 
+
                     <!-- 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>
+                    <p class="text-justify">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>
 
-                    <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>
+                    <p class="text-justify">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>
 
-                    <p>Jika dalam waktu yang telah ditentukan belum ada penyelesaian atau tanggapan, kami akan mempertimbangkan untuk melanjutkan proses sesuai ketentuan yang berlaku.</p>
+                    <p class="text-justify">Jika dalam waktu yang telah ditentukan belum ada penyelesaian atau tanggapan, kami akan mempertimbangkan untuk melanjutkan proses sesuai ketentuan yang berlaku.</p>
 
-                    <p>Demikian kami sampaikan. Atas perhatian dan kerja samanya, kami ucapkan terima kasih.</p>
+                    <p class="text-justify">Demikian kami sampaikan. Atas perhatian dan kerja samanya, kami ucapkan terima kasih.</p>
 
                     <p>Hormat kami,</p>
 
                     <!-- Tanda Tangan -->
                     <div class="mt32">
-                        <img src="https://erp.indoteknik.com/api/image/ir.attachment/datas/2851919" style="width:200px; height:auto;"/><br/>
+                        <img src="https://erp.indoteknik.com/api/image/ir.attachment/datas/2851919" style="width:300px; height:auto;"/><br/>
                         <div>Nama: Akbar Prabawa<br/>Jabatan: General Manager</div>
                     </div>
-
-                    <!-- Footer Logo -->
-                    <div class="mt32">
-                        <img src="https://erp.indoteknik.com/api/image/ir.attachment/datas/2498529" style="height:60px;"/>
-                    </div>
                 </div>
             </t>
         </template>