From d62c1d36de434fc2c40984d1b860c424bc6ce241 Mon Sep 17 00:00:00 2001
From: Azka Nathan <darizkyfaz@gmail.com>
Date: Fri, 12 Sep 2025 16:20:33 +0700
Subject: test po report

---
 indoteknik_custom/report/purchase_report.xml | 138 +++++++++++++--------------
 1 file changed, 69 insertions(+), 69 deletions(-)

diff --git a/indoteknik_custom/report/purchase_report.xml b/indoteknik_custom/report/purchase_report.xml
index 784675d8..275dd526 100644
--- a/indoteknik_custom/report/purchase_report.xml
+++ b/indoteknik_custom/report/purchase_report.xml
@@ -28,79 +28,84 @@
     <template id="report_purchaseorder_website_document">
         <t t-call="web.html_container">
             <t t-set="doc" t-value="doc.with_context(lang=doc.partner_id.lang)" />
-            <!-- Custom Header -->
-            <div class="mb24">
+
+            <!-- HEADER LOGO -->
+            <div style="margin-bottom:20px;">
                 <img src="https://erp.indoteknik.com/api/image/ir.attachment/datas/2498521"
-                     style="width:100%; max-height:100px; object-fit:contain;"/>
+                    style="width:100%; height:auto; display:block;"/>
             </div>
 
             <div class="page">
 
-                <!-- Title -->
-                <h2 class="text-center mb4" style="color:#d32f2f; font-weight:bold;">
+                <!-- TITLE -->
+                <h2 style="text-align:center; margin:0; color:#d32f2f; font-weight:bold;">
                     PURCHASE ORDER
                 </h2>
-                <h4 class="text-center mb32">
+                <h4 style="text-align:center; margin:0 0 20px 0;">
                     No. <span t-field="doc.name"/>
                 </h4>
 
-                <!-- Payment, Date, Responsible -->
-                <div class="mb24" style="display:flex; justify-content:space-between; font-size:14px;">
-                    <div><strong>Term Of Payment:</strong> <span t-field="doc.payment_term_id.name"/></div>
-                    <div><strong>Order Date:</strong> <span t-field="doc.date_order" t-options='{"widget": "date"}'/></div>
-                    <div><strong>Responsible:</strong> <span t-field="doc.user_id"/></div>
-                </div>
+                <!-- TOP INFO (Term, Date, Responsible) -->
+                <table style="width:100%; margin-bottom:16px; font-size:14px;">
+                    <tr>
+                        <td><strong>Term Of Payment:</strong> <span t-field="doc.payment_term_id.name"/></td>
+                        <td><strong>Order Date:</strong> <span t-field="doc.date_order" t-options='{"widget": "date"}'/></td>
+                        <td><strong>Responsible:</strong> <span t-field="doc.user_id"/></td>
+                    </tr>
+                </table>
 
-                <!-- Vendor & Delivery -->
-                <div class="mb32" style="display:flex; gap:16px;">
-                    <div style="flex:1; border:1px solid #ccc; padding:10px;">
-                        <strong>Alamat Pengiriman:</strong><br/>
-                        PT Indoteknik (Bandengan 1 Depan)<br/>
-                        Jl. Bandengan Utara Komp A 8 B<br/>
-                        RT. Penjaringan, Kec. Penjaringan, Jakarta (BELAKANG INDOMARET)<br/>
-                        JK 14440 - Indonesia
-                    </div>
-                    <div style="flex:1; border:1px solid #ccc; padding:10px;">
-                        <strong>Nama Vendor:</strong><br/>
-                        <span t-field="doc.partner_id.name"/><br/>
-                        <span t-field="doc.partner_id.street"/><br/>
-                        <span t-field="doc.partner_id.city"/> - <span t-field="doc.partner_id.zip"/>
-                    </div>
-                </div>
+                <!-- VENDOR & DELIVERY SIDE BY SIDE -->
+                <table style="width:100%; margin-bottom:24px; border-collapse:separate; border-spacing:16px 0;">
+                    <tr>
+                        <td style="width:50%; border:1px solid #ccc; padding:8px; vertical-align:top;">
+                            <strong>Alamat Pengiriman:</strong><br/>
+                            PT Indoteknik (Bandengan 1 Depan)<br/>
+                            Jl. Bandengan Utara Komp A 8 B<br/>
+                            RT. Penjaringan, Kec. Penjaringan, Jakarta (BELAKANG INDOMARET)<br/>
+                            JK 14440 - Indonesia
+                        </td>
+                        <td style="width:50%; border:1px solid #ccc; padding:8px; vertical-align:top;">
+                            <strong>Nama Vendor:</strong><br/>
+                            <span t-field="doc.partner_id.name"/><br/>
+                            <span t-field="doc.partner_id.street"/><br/>
+                            <span t-field="doc.partner_id.city"/> - <span t-field="doc.partner_id.zip"/>
+                        </td>
+                    </tr>
+                </table>
 
-                <!-- Order Lines Table -->
-                <table class="table table-sm o_main_table" style="border-collapse: collapse; width: 100%; margin-top: 12px;">
+                <!-- ORDER LINES TABLE -->
+                <table style="border-collapse:collapse; width:100%; margin-top:16px;">
                     <thead>
                         <tr style="background:#f2f2f2;">
-                            <th style="border:1px solid #ccc;">Description</th>
-                            <th style="border:1px solid #ccc;" class="text-right">Quantity</th>
-                            <th style="border:1px solid #ccc;" class="text-right">Unit Price</th>
-                            <th style="border:1px solid #ccc;" class="text-right">Taxes</th>
-                            <th style="border:1px solid #ccc;" class="text-right">Subtotal</th>
+                            <th style="border:1px solid #ccc; padding:4px;">Description</th>
+                            <th style="border:1px solid #ccc; padding:4px; text-align:right;">Quantity</th>
+                            <th style="border:1px solid #ccc; padding:4px; text-align:right;">Unit Price</th>
+                            <th style="border:1px solid #ccc; padding:4px; text-align:right;">Taxes</th>
+                            <th style="border:1px solid #ccc; padding:4px; text-align:right;">Subtotal</th>
                         </tr>
                     </thead>
                     <tbody>
                         <t t-foreach="doc.order_line" t-as="line">
                             <tr>
-                                <td style="border:1px solid #ccc;">
+                                <td style="border:1px solid #ccc; padding:4px;">
                                     <span t-field="line.name"/>
                                 </td>
-                                <td style="border:1px solid #ccc;" class="text-right">
+                                <td style="border:1px solid #ccc; padding:4px; text-align:right;">
                                     <span t-field="line.product_qty"/> <span t-field="line.product_uom"/>
                                 </td>
-                                <td style="border:1px solid #ccc;" class="text-right">
+                                <td style="border:1px solid #ccc; padding:4px; text-align:right;">
                                     <span t-field="line.price_unit"/>
                                 </td>
-                                <td style="border:1px solid #ccc;" class="text-right">
+                                <td style="border:1px solid #ccc; padding:4px; text-align:right;">
                                     <span t-esc="', '.join(map(lambda x: (x.description or x.name), line.taxes_id))"/>
                                 </td>
-                                <td style="border:1px solid #ccc;" class="text-right">
+                                <td style="border:1px solid #ccc; padding:4px; text-align:right;">
                                     <span t-field="line.price_subtotal"/>
                                 </td>
                             </tr>
                             <t t-if="line.product_id.website_description">
                                 <tr>
-                                    <td colspan="5" style="padding:8px 12px; font-size:11px; background:#fafafa; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;">
+                                    <td colspan="5" style="padding:8px 12px; font-size:11px; background:#fafafa; border-left:1px solid #ccc; border-right:1px solid #ccc;">
                                         <div t-raw="line.product_id.website_description"/>
                                     </td>
                                 </tr>
@@ -109,39 +114,34 @@
                     </tbody>
                 </table>
 
-                <!-- Totals -->
-                <div class="clearfix mt24">
-                    <div class="row">
-                        <div class="col-4 ml-auto">
-                            <table class="table table-sm">
-                                <tr>
-                                    <td><strong>Subtotal</strong></td>
-                                    <td class="text-right"><span t-field="doc.amount_untaxed"/></td>
-                                </tr>
-                                <tr>
-                                    <td>Taxes</td>
-                                    <td class="text-right"><span t-field="doc.amount_tax"/></td>
-                                </tr>
-                                <tr class="o_total">
-                                    <td><strong>Total</strong></td>
-                                    <td class="text-right"><span t-field="doc.amount_total"/></td>
-                                </tr>
-                            </table>
-                        </div>
-                    </div>
-                </div>
+                <!-- TOTALS -->
+                <table style="margin-top:20px; margin-left:auto; width:40%; font-size:14px;">
+                    <tr>
+                        <td><strong>Subtotal</strong></td>
+                        <td style="text-align:right;"><span t-field="doc.amount_untaxed"/></td>
+                    </tr>
+                    <tr>
+                        <td>Taxes</td>
+                        <td style="text-align:right;"><span t-field="doc.amount_tax"/></td>
+                    </tr>
+                    <tr>
+                        <td><strong>Total</strong></td>
+                        <td style="text-align:right;"><span t-field="doc.amount_total"/></td>
+                    </tr>
+                </table>
 
-                <!-- Notes -->
-                <div class="mt32">
+                <!-- NOTES -->
+                <div style="margin-top:24px;">
                     <p t-field="doc.notes"/>
                 </div>
             </div>
-        <div class="footer">
-            <img src="https://erp.indoteknik.com/api/image/ir.attachment/datas/2859765"
-            style="width:100%; display: block;"/>
-        </div>
+
+            <!-- FOOTER IMAGE -->
+            <div style="margin-top:30px;">
+                <img src="https://erp.indoteknik.com/api/image/ir.attachment/datas/2859765"
+                    style="width:100%; display:block;"/>
+            </div>
         </t>
     </template>
 
-
 </odoo>
-- 
cgit v1.2.3