From 59115214600bedab111baa556be7f410893faec9 Mon Sep 17 00:00:00 2001
From: Azka Nathan <darizkyfaz@gmail.com>
Date: Mon, 15 Sep 2025 14:05:26 +0700
Subject: push

---
 indoteknik_custom/report/purchase_report.xml | 93 ++++++++++++++--------------
 1 file changed, 47 insertions(+), 46 deletions(-)

diff --git a/indoteknik_custom/report/purchase_report.xml b/indoteknik_custom/report/purchase_report.xml
index 168428a6..333b807a 100644
--- a/indoteknik_custom/report/purchase_report.xml
+++ b/indoteknik_custom/report/purchase_report.xml
@@ -29,44 +29,44 @@
         <t t-call="web.html_container">
             <t t-set="doc" t-value="doc.with_context(lang=doc.partner_id.lang)" />
 
-            <!-- Header -->
+            <!-- HEADER -->
             <div class="header">
                 <img src="https://erp.indoteknik.com/api/image/ir.attachment/datas/2498521"
-                    style="width:100%; display: block;"/>
+                    style="width:100%; display:block;"/>
             </div>
 
-
             <!-- PAGE CONTENT -->
-            <div class="article" style="margin: 0 1.5cm 0 1.5cm; ">
+            <div class="article" style="margin: 0 1.5cm 0 1.5cm; font-family:Arial, sans-serif; font-size:14px; color:#333;">
+
                 <!-- TITLE -->
-                <h2 style="text-align:center; margin:0; color:#d32f2f; font-weight:bold;">
+                <h2 style="text-align:center; margin:8px 0 0 0; color:#d32f2f; font-weight:800; letter-spacing:1px;">
                     PURCHASE ORDER
                 </h2>
-                <h4 style="text-align:center; margin:0 0 20px 0;">
+                <h4 style="text-align:center; margin:4px 0 20px 0; font-weight:normal; color:#555;">
                     No. <span t-field="doc.name"/>
                 </h4>
 
                 <!-- TOP INFO -->
-                <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>
+                <table style="width:100%; margin-bottom:20px; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.1); overflow:hidden; border:1px solid #ddd;">
+                    <tr style="background:#fafafa;">
+                        <td style="padding:10px 12px;"><strong>Term Of Payment:</strong> <span t-field="doc.payment_term_id.name"/></td>
+                        <td style="padding:10px 12px;"><strong>Order Date:</strong> <span t-field="doc.date_order" t-options='{"widget": "date"}'/></td>
+                        <td style="padding:10px 12px;"><strong>Responsible:</strong> <span t-field="doc.user_id"/></td>
                     </tr>
                 </table>
 
                 <!-- VENDOR & DELIVERY -->
-                <table style="width:100%; margin-bottom:24px; border-collapse:separate; border-spacing:16px 0;">
+                <table style="width:100%; margin-bottom:24px; border-spacing:16px 0;">
                     <tr>
-                        <td style="width:50%; border:1px solid #ccc; padding:8px; vertical-align:top;">
-                            <strong>Alamat Pengiriman:</strong><br/>
+                        <td style="width:50%; border:1px solid #ccc; border-radius:8px; padding:10px; background:#fcfcfc; vertical-align:top;">
+                            <strong style="color:#d32f2f;">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/>
+                        <td style="width:50%; border:1px solid #ccc; border-radius:8px; padding:10px; background:#fcfcfc; vertical-align:top;">
+                            <strong style="color:#d32f2f;">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"/>
@@ -75,38 +75,37 @@
                 </table>
 
                 <!-- ORDER LINES -->
-                <table style="border-collapse:collapse; width:100%; margin-top:16px;">
+                <table style="border-collapse:collapse; width:100%; margin-top:16px; font-size:14px;">
                     <tbody>
-                        <tr style="background:#f2f2f2;">
-                            <td style="border:1px solid #ccc;">Description</td>
-                            <td style="border:1px solid #ccc; text-align:right;">Quantity</td>
-                            <td style="border:1px solid #ccc; text-align:right;">Unit Price</td>
-                            <td style="border:1px solid #ccc; text-align:right;">Taxes</td>
-                            <td style="border:1px solid #ccc; text-align:right;">Subtotal</td>
+                        <tr style="background:#e53935; color:white;">
+                            <th style="border:1px solid #ccc; padding:8px; text-align:left;">No. &amp; Description</th>
+                            <th style="border:1px solid #ccc; padding:8px; text-align:center;">Quantity</th>
+                            <th style="border:1px solid #ccc; padding:8px; text-align:center;">Unit Price</th>
+                            <th style="border:1px solid #ccc; padding:8px; text-align:center;">Taxes</th>
+                            <th style="border:1px solid #ccc; padding:8px; text-align:center;">Subtotal</th>
                         </tr>
-                    </tbody>
-                    <tbody>
-                        <t t-foreach="doc.order_line" t-as="line">
-                            <tr>
-                                <td style="border:1px solid #ccc;">
+                        <t t-foreach="doc.order_line" t-as="line" t-index="line_index">
+                            <tr t-attf-style="background-color: #{ '#fafafa' if line_index % 2 == 0 else 'white' };">
+                                <td style="border:1px solid #ccc; padding: 6px;">
+                                    <span style="font-weight:bold; margin-right:6px;"><t t-esc="line_index + 1"/>.</span>
                                     <span t-field="line.name"/>
                                 </td>
-                                <td style="border:1px solid #ccc; text-align:right;">
+                                <td style="border:1px solid #ccc; padding:6px; text-align:center;">
                                     <span t-field="line.product_qty"/> <span t-field="line.product_uom"/>
                                 </td>
-                                <td style="border:1px solid #ccc; text-align:right;">
+                                <td style="border:1px solid #ccc; padding:6px; text-align:center;">
                                     <span t-field="line.price_unit"/>
                                 </td>
-                                <td style="border:1px solid #ccc; text-align:right;">
+                                <td style="border:1px solid #ccc; padding:6px; text-align:center;">
                                     <span t-esc="', '.join(map(lambda x: (x.description or x.name), line.taxes_id))"/>
                                 </td>
-                                <td style="border:1px solid #ccc; text-align:right;">
+                                <td style="border:1px solid #ccc; padding:6px; text-align:right; font-weight:bold;">
                                     <span t-field="line.price_subtotal"/>
                                 </td>
                             </tr>
                             <t t-if="line.product_id.website_description">
-                                <tr>
-                                    <td colspan="5" style="margin-top: 1rem;padding: 1rem; background:#fafafa; border-left:1px solid #ccc; border-right:1px solid #ccc;">
+                                <tr t-attf-style="background-color: #{ '#fef5f5' if line_index % 2 == 0 else '#fffafa' };">
+                                    <td colspan="5" style="padding: 8px 12px; font-size:13px; font-style:italic; color:#555; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;">
                                         <div t-raw="line.product_id.website_description"/>
                                     </td>
                                 </tr>
@@ -116,34 +115,36 @@
                 </table>
 
                 <!-- 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>
+                <table style="margin-top:24px; margin-left:auto; width:40%; font-size:14px; border:1px solid #ddd; border-radius:6px; box-shadow:0 1px 3px rgba(0,0,0,0.08);">
+                    <tr style="background:#fafafa;">
+                        <td style="padding:8px;"><strong>Subtotal</strong></td>
+                        <td style="text-align:right; padding:8px;"><span t-field="doc.amount_untaxed"/></td>
                     </tr>
                     <tr>
-                        <td>Taxes</td>
-                        <td style="text-align:right;"><span t-field="doc.amount_tax"/></td>
+                        <td style="padding:8px;">Taxes</td>
+                        <td style="text-align:right; padding:8px;"><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 style="background:#fbe9e7; font-weight:bold; color:#d32f2f;">
+                        <td style="padding:8px;">Total</td>
+                        <td style="text-align:right; padding:8px;"><span t-field="doc.amount_total"/></td>
                     </tr>
                 </table>
 
                 <!-- NOTES -->
-                <div style="margin-top:24px;">
+                <div style="margin-top:24px; padding:12px; border-top:1px solid #ddd; font-style:italic; color:#555;">
                     <p t-field="doc.notes"/>
                 </div>
             </div>
-        <!-- STATIC FOOTER -->
+
+            <!-- STATIC FOOTER -->
             <div class="footer">
                 <img src="https://erp.indoteknik.com/api/image/ir.attachment/datas/2859765"
-                    style="width:100%; display: block;"/>
+                    style="width:100%; display:block;"/>
             </div>
 
         </t>
     </template>
 
 
+
 </odoo>
-- 
cgit v1.2.3