From 174a5ef8e508d372041ceb4cdabbba68c82a5cf1 Mon Sep 17 00:00:00 2001
From: metatroncubeswdev <info@metatroncubesolutions.com>
Date: Sun, 30 Aug 2026 02:05:45 -0400
Subject: [PATCH] Refine salary revision letter format

---
 .../reports/salary_revision_letter.xml        | 113 +++++++-----------
 1 file changed, 41 insertions(+), 72 deletions(-)

diff --git a/addons/mcs_simple_payroll/reports/salary_revision_letter.xml b/addons/mcs_simple_payroll/reports/salary_revision_letter.xml
index 1e5ff0e..d8b9b14 100644
--- a/addons/mcs_simple_payroll/reports/salary_revision_letter.xml
+++ b/addons/mcs_simple_payroll/reports/salary_revision_letter.xml
@@ -16,22 +16,20 @@
         <t t-call="web.html_container">
             <t t-foreach="docs" t-as="o">
                 <t t-call="web.basic_layout">
-                    <div class="page" style="font-family: Arial, sans-serif; font-size: 13px; color: #1f2933;">
-                        <div style="height: 8px; background: #111827; margin: -16px -16px 24px -16px;"></div>
-
-                        <div style="display: table; width: 100%; margin-bottom: 24px;">
-                            <div style="display: table-cell; width: 72px; vertical-align: middle;">
+                    <div class="page" style="font-family: Arial, sans-serif; font-size: 13px; line-height: 1.55; color: #111827;">
+                        <div style="display: table; width: 100%; padding-bottom: 16px; margin-bottom: 34px; border-bottom: 1px solid #d1d5db;">
+                            <div style="display: table-cell; width: 76px; vertical-align: middle;">
                                 <img
                                     t-if="o.company_id.logo"
                                     t-att-src="'/web/image/res.company/%s/logo' % o.company_id.id"
-                                    style="max-width: 58px; max-height: 58px;"
+                                    style="max-width: 64px; max-height: 64px;"
                                 />
                             </div>
                             <div style="display: table-cell; vertical-align: middle;">
-                                <div style="font-size: 20px; font-weight: 700; color: #111827;">
+                                <div style="font-size: 18px; font-weight: 700;">
                                     <span t-field="o.company_id.name"/>
                                 </div>
-                                <div style="font-size: 12px; color: #4b5563; margin-top: 3px;">
+                                <div style="font-size: 12px; color: #4b5563; margin-top: 2px;">
                                     <span t-field="o.company_id.email"/>
                                     <t t-if="o.company_id.website">
                                         <span> | </span>
@@ -39,73 +37,33 @@
                                     </t>
                                 </div>
                             </div>
-                            <div style="display: table-cell; width: 170px; vertical-align: middle; text-align: right;">
-                                <div style="display: inline-block; border: 1px solid #d1d5db; border-radius: 4px; padding: 8px 12px;">
-                                    <div style="font-size: 10px; color: #6b7280; text-transform: uppercase;">Internal Letter</div>
-                                    <div style="font-size: 12px; font-weight: 700; color: #111827;">Salary Revision</div>
-                                </div>
-                            </div>
                         </div>
 
-                        <div style="border-left: 4px solid #2563eb; padding-left: 14px; margin-bottom: 22px;">
-                            <h2 style="font-size: 24px; line-height: 1.2; margin: 0 0 4px 0; color: #111827;">
-                                Salary Revision Letter
-                            </h2>
-                            <div style="font-size: 12px; color: #6b7280;">
-                                Effective compensation update for internal records
-                            </div>
-                        </div>
+                        <p style="margin: 0 0 22px 0; text-align: right;">
+                            <strong>Date:</strong>
+                            <span t-field="o.mcs_salary_revision_sent_date"/>
+                        </p>
 
-                        <table style="width: 100%; border-collapse: collapse; margin-bottom: 24px; background: #f8fafc; border: 1px solid #e5e7eb;">
-                            <tr>
-                                <td style="padding: 10px 12px; width: 25%; color: #6b7280; font-size: 11px; text-transform: uppercase;">Date</td>
-                                <td style="padding: 10px 12px; width: 25%; font-weight: 700;">
-                                    <span t-field="o.mcs_salary_revision_sent_date"/>
-                                </td>
-                                <td style="padding: 10px 12px; width: 25%; color: #6b7280; font-size: 11px; text-transform: uppercase;">Effective From</td>
-                                <td style="padding: 10px 12px; width: 25%; font-weight: 700;">
-                                    <span t-field="o.date_start"/>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td style="padding: 10px 12px; color: #6b7280; font-size: 11px; text-transform: uppercase;">Employee</td>
-                                <td style="padding: 10px 12px; font-weight: 700;">
-                                    <span t-field="o.employee_id.name"/>
-                                </td>
-                                <td style="padding: 10px 12px; color: #6b7280; font-size: 11px; text-transform: uppercase;">Designation</td>
-                                <td style="padding: 10px 12px; font-weight: 700;">
-                                    <span t-field="o.employee_id.job_title"/>
-                                </td>
-                            </tr>
-                        </table>
+                        <p style="margin: 0 0 2px 0;">To,</p>
+                        <p style="margin: 0;">
+                            <strong><span t-field="o.employee_id.name"/></strong>
+                        </p>
+                        <p style="margin: 0 0 22px 0;">
+                            <span t-field="o.employee_id.job_title"/>
+                        </p>
+
+                        <p style="margin: 0 0 24px 0;">
+                            <strong>Subject: Salary Revision Letter</strong>
+                        </p>
 
                         <p>Dear <span t-field="o.employee_id.name"/>,</p>
 
                         <p>
-                            This letter confirms the revision of your monthly salary to
+                            We are pleased to inform you that your monthly salary has been revised to
                             <strong>
                                 <span t-esc="o.wage" t-options='{"widget": "monetary", "display_currency": o.currency_id}'/>
-                            </strong>,
-                            effective
-                            <strong><span t-field="o.date_start"/></strong>.
-                        </p>
-
-                        <div style="margin: 24px 0; padding: 16px 18px; border: 1px solid #dbeafe; background: #eff6ff;">
-                            <div style="font-size: 11px; color: #2563eb; font-weight: 700; text-transform: uppercase; margin-bottom: 6px;">
-                                Revised Monthly Salary
-                            </div>
-                            <div style="font-size: 26px; font-weight: 700; color: #111827;">
-                                <span t-esc="o.wage" t-options='{"widget": "monetary", "display_currency": o.currency_id}'/>
-                            </div>
-                            <div style="font-size: 12px; color: #4b5563; margin-top: 4px;">
-                                Effective from <span t-field="o.date_start"/>
-                            </div>
-                        </div>
-
-                        <p>
-                            This salary will be processed through the MCS Simple Monthly Payroll structure.
-                            No statutory tax, PF, ESI, or similar deductions are applied in this structure unless
-                            the company separately registers for those obligations or is legally required to apply them.
+                            </strong>
+                            with effect from <strong><span t-field="o.date_start"/></strong>.
                         </p>
 
                         <p>
@@ -113,23 +71,34 @@
                         </p>
 
                         <p>
-                            Please acknowledge acceptance by signing below.
+                            This salary will be processed through the MCS Simple Monthly Payroll structure.
+                            No statutory tax, PF, ESI, or similar deductions are applied unless the company
+                            separately registers for those obligations or is legally required to apply them.
                         </p>
 
-                        <table class="table table-sm mt-5">
+                        <p>
+                            Please sign and return a copy of this letter as acknowledgement of the revised salary.
+                        </p>
+
+                        <p style="margin-top: 28px;">
+                            Sincerely,
+                        </p>
+
+                        <table style="width: 100%; border-collapse: collapse; margin-top: 56px;">
                             <tr>
-                                <td style="width: 50%; padding-top: 60px; border-top: 1px solid #d1d5db;">
+                                <td style="width: 50%; padding-top: 12px; border-top: 1px solid #9ca3af;">
                                     <strong>For <span t-field="o.company_id.name"/></strong><br/>
                                     Authorized Signatory
                                 </td>
-                                <td style="width: 50%; padding-top: 60px; border-top: 1px solid #d1d5db;">
-                                    <strong>Employee Acceptance</strong><br/>
+                                <td style="width: 8%;"></td>
+                                <td style="width: 42%; padding-top: 12px; border-top: 1px solid #9ca3af;">
+                                    <strong>Acknowledged and Accepted</strong><br/>
                                     <span t-field="o.employee_id.name"/>
                                 </td>
                             </tr>
                         </table>
 
-                        <div style="border-top: 1px solid #d1d5db; margin-top: 38px; padding-top: 10px; font-size: 11px; color: #4b5563; text-align: center;">
+                        <div style="border-top: 1px solid #e5e7eb; margin-top: 48px; padding-top: 10px; font-size: 11px; color: #4b5563; text-align: center;">
                             <span t-field="o.company_id.name"/>
                             <t t-if="o.company_id.email">
                                 <span> | </span>