From 0f40bf09596222c4c2f2afb45b32c246adf6b5d1 Mon Sep 17 00:00:00 2001
From: MohamedGad100 <MohamedGad100@exp-sa.com>
Date: Tue, 20 Jan 2026 13:36:52 +0200
Subject: [PATCH] modify orphan final report

---
 .../odex_takaful/reports/orphan_report.xml    | 649 ++++++++++--------
 .../static/src/img/orphan-report-bg.png       | Bin 0 -> 16827 bytes
 odex25_takaful/odex_takaful/views/assets.xml  |   1 +
 3 files changed, 361 insertions(+), 289 deletions(-)
 create mode 100644 odex25_takaful/odex_takaful/static/src/img/orphan-report-bg.png

diff --git a/odex25_takaful/odex_takaful/reports/orphan_report.xml b/odex25_takaful/odex_takaful/reports/orphan_report.xml
index c05e29ae5..f1ca2355b 100644
--- a/odex25_takaful/odex_takaful/reports/orphan_report.xml
+++ b/odex25_takaful/odex_takaful/reports/orphan_report.xml
@@ -17,315 +17,386 @@
         <!-- Orphan Report Template -->
         <template id="report_orphan_document">
             <t t-call="web.html_container">
+                <t t-set="base_url" t-value="'http://%s' % request.httprequest.host"/>
+                <style>
+                    @font-face {
+                        font-family: 'Cairo';
+                        src: url('<t t-esc="base_url"/>/odex_takaful/static/src/fonts/Cairo-Regular.ttf') format('truetype');
+                        font-weight: 400;
+                        font-style: normal;
+                    }
+                    @font-face {
+                        font-family: 'Cairo';
+                        src: url('<t t-esc="base_url"/>/odex_takaful/static/src/fonts/Cairo-SemiBold.ttf') format('truetype');
+                        font-weight: 600;
+                        font-style: normal;
+                    }
+                    @font-face {
+                        font-family: 'Cairo';
+                        src: url('<t t-esc="base_url"/>/odex_takaful/static/src/fonts/Cairo-Bold.ttf') format('truetype');
+                        font-weight: 700;
+                        font-style: normal;
+                    }
+                    @page {
+                        size: A4 landscape;
+                        margin: 0 !important;
+                    }
+                    body {
+                        margin: 0 !important;
+                        padding: 0 !important;
+                    }
+                    .orphan-page {
+                        page-break-after: always !important;
+                        page-break-inside: avoid !important;
+                        direction: rtl !important;
+                        font-family: 'Cairo', Arial, sans-serif !important;
+                        width: 100% !important;
+                        height: 210mm !important;
+                    }
+                    .orphan-page:last-child {
+                        page-break-after: auto !important;
+                    }
+                    .orphan-page table {
+                        direction: rtl !important;
+                        border-collapse: collapse !important;
+                        width: 100% !important;
+                        table-layout: fixed !important;
+                    }
+                    .orphan-page td {
+                        direction: rtl !important;
+                    }
+                    .orphan-page .data-items-row {
+                        display: table-row !important;
+                        width: 100% !important;
+                    }
+                    .orphan-page .data-item-col {
+                        display: table-cell !important;
+                        width: 50% !important;
+                        vertical-align: top !important;
+                    }
+                    .orphan-page .data-item-spacer {
+                        display: table-cell !important;
+                        width: 4% !important;
+                    }
+                    .orphan-page .data-row-table {
+                        box-shadow: 0 0 0 1px #136456 !important;
+                        background-color: white !important;
+                        border-radius: 30px !important;
+                        overflow: hidden !important;
+                    }
+                    .orphan-page .label-cell {
+                        background-color: #CCA761 !important;
+                        color: white !important;
+                    }
+                    .orphan-page .label-cell-dark {
+                        background-color: #136456 !important;
+                        color: white !important;
+                    }
+                </style>
                 <t t-foreach="docs" t-as="doc">
-                    <div class="page">
+                    <div class="orphan-page" dir="rtl" lang="ar">
                     <!-- Get donation line from donations_details_lines_mechanism_ids relationship -->
                     <!-- <t t-set="donation_line" t-value="doc.donations_details_lines_mechanism_ids[0] if doc.donations_details_lines_mechanism_ids else False"/>
                     <t t-set="benefit_member" t-value="donation_line.benefit_id if donation_line and donation_line.benefit_id else False"/>
                     <t t-set="family" t-value="benefit_member.benefit_id if benefit_member and benefit_member.benefit_id else False"/> -->
                     <!-- Main Container -->
-                    <table style="background: linear-gradient(to bottom, #ACCFCB 0%, #E0EAE9 50%, #C4B179 100%); width: 297mm; min-height: 210mm; margin: 0 auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 20px 0px 40px; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                        <tr>
-                            <td>
-                                <!-- Header Section -->
-                                <table style="width: 100%; margin-bottom: 15px; padding: 0px 0px 0px 20px; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                    <tr>
-                                        <td style="text-align: right; vertical-align: middle;">
-                                            <table style="background-color: #22B6B3; border-radius: 30px 0px 0px 30px; padding: 10px 15px; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                <tr>
-                                                    <td style="text-align: center;">
-                                                        <h1 style="font-size: 20px; font-weight: bold; color: white; margin: 0px; font-family: 'Cairo', Arial, sans-serif; padding: 5px 15px;">تقرير اليتيم</h1>
-                                                    </td>
-                                                </tr>
-                                            </table>
-                                        </td>
-                                        <td style="width: 120px; vertical-align: middle;">
-                                            <img src="/odex_takaful/static/src/img/ensan-logo.png" alt="Logo" style="width: 100px; height: auto; max-height: 100px; display: block;"/>
-                                        </td>
-                                    </tr>
-                                </table>
+                        <table style="background: -webkit-linear-gradient(top, #ACCFCB 0%, #E0EAE9 50%, #C4B179 100%); background: linear-gradient(to bottom, #ACCFCB 0%, #E0EAE9 50%, #C4B179 100%); width: 100%; height: 210mm; margin: 0; padding: 20px 0px 20px; border-collapse: collapse; direction: rtl;" cellpadding="0" cellspacing="0">
+                            <tr style="height: 100%;">
+                                <td style="vertical-align: top; height: 100%;">
+                                    <!-- Header Section -->
+                                    <table style="width: 100%; margin-bottom: 30px; padding: 0px 40px; border-collapse: collapse; direction: rtl;" cellpadding="0" cellspacing="0">
+                                        <tr>
+                                            <td style="width: auto; text-align: right; vertical-align: middle; padding: 40px 0px 0px; white-space: nowrap;">
+                                                <h1 style="font-size: 20px; font-weight: bold; color: white; background-color: #22B6B3; padding: 10px 20px; margin: 0px; font-family: 'Cairo', Arial, sans-serif; white-space: nowrap; border-radius: 30px 0px 0px 30px;">تقرير اليتيم</h1>
+                                            </td>
+                                            <td style="width: 80%;"></td>
+                                            <td style="width: auto; text-align: left; vertical-align: middle; padding-top: 20px; padding-left: 10px;">
+                                                <img t-attf-src="http://{{request.httprequest.host}}/odex_takaful/static/src/img/ensan-logo.png" alt="Logo" style="width: 100px; height: auto; max-height: 100px; display: block;"/>
+                                            </td>
+                                        </tr>
+                                    </table>
 
-                                <!-- Body Section -->
-                                <table style="width: 100%; padding: 0px 40px; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                    <tr>
-                                        <td>
-                                            <!-- Data Items Container -->
-                                            <table style="width: 100%; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                <!-- Row 1: اسم الكافل + رقم الجوال -->
-                                                <tr>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #CCA761; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">اسم الكافل</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.sponsor_related_id.name"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                    <td style="width: 4%;"></td>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #CCA761; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">رقم الجوال</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.sponsor_related_id.mobile"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                </tr>
+                                    <!-- Body Section -->
+                                    <table style="width: 100%; height: 100%; padding: 0px 40px; border-collapse: collapse; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                        <tr>
+                                            <td>
+                                                <!-- Data Items Container -->
+                                                <table style="width: 100%; border-collapse: collapse; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                    <!-- Row 1: اسم الكافل + رقم الجوال --> 
+                                                    <tr class="data-items-row">
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; border-radius: 30px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; overflow: hidden; direction: rtl;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell" style="width: 50%; height: 40px; background-color: #CCA761 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">اسم الكافل</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif; padding: 0px 10px;"><t t-esc="doc.sponsor_related_id.name if doc.sponsor_related_id else ''"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                        <!-- <td class="data-item-spacer" style="width: 2%;"></td> -->
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table style="width: 100%; height: 40px; border-radius: 30px; box-shadow: 0 0 0 1px #136456; background-color: white; border-collapse: separate; border-spacing: 0; overflow: hidden; direction: rtl;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell" style="width: 50%; height: 40px; background-color: #CCA761 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">رقم الجوال</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.sponsor_related_id.mobile"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                    </tr>
 
-                                                <!-- Row 2: Description -->
-                                                <tr>
-                                                    <td colspan="3" style="padding: 2.5px;">
-                                                        <table style="width: 100%; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td>
-                                                                    <p style="font-size: 16px; color: #136456; text-align: start; font-weight: bold; margin: 5px 0px 0px; padding: 0px 40px; font-family: 'Cairo', Arial, sans-serif;">حين يصبح الأثر إنسانًا له اسم وقصة وابتسامة.. <br/> نعلم أن الكفالة ليست نهاية، بل بداية لعطاء مستدام، وأثر يصنع الفرق.</p>
-                                                                    <span style="font-size: 16px; color: #136456; text-align: start; font-weight: normal; margin: 10px 0px; padding: 0px 40px; font-family: 'Cairo', Arial, sans-serif;">ما بين الصفوف الدراسية، والهوايات الصغيرة والأمنيات البسيطة، نرفق لكم تقرير مفصل عن اليتيم المكفول:</span>
-                                                                </td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                </tr>
+                                                    <!-- Row 2: Description -->
+                                                    <tr>
+                                                        <td colspan="3" style="padding: 15px 0px;">
+                                                            <table style="width: 100%; border-collapse: collapse; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td>
+                                                                        <p style="font-size: 16px; color: #136456; text-align: start; font-weight: bold; margin: 5px 0px 0px; padding: 0px 40px; font-family: 'Cairo', Arial, sans-serif;">حين يصبح الأثر إنسانًا له اسم وقصة وابتسامة.. <br/> نعلم أن الكفالة ليست نهاية، بل بداية لعطاء مستدام، وأثر يصنع الفرق.</p>
+                                                                        <span style="font-size: 16px; color: #136456; text-align: start; font-weight: normal; margin: 10px 0px; padding: 0px 40px; font-family: 'Cairo', Arial, sans-serif;">ما بين الصفوف الدراسية، والهوايات الصغيرة والأمنيات البسيطة، نرفق لكم تقرير مفصل عن اليتيم المكفول:</span>
+                                                                    </td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                    </tr>
 
-                                                <!-- Row 3: اسم الأرملة + العمر -->
-                                                <tr>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #CCA761; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">اسم اليتيم</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.name"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                    <td style="width: 4%;"></td>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #CCA761; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">العمر</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.age"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                </tr>
+                                                    <!-- Row 3: اسم الأرملة + العمر -->
+                                                    <tr class="data-items-row">
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table style="width: 100%; height: 40px; border-radius: 30px; box-shadow: 0 0 0 1px #136456; background-color: white; border-collapse: separate; border-spacing: 0; overflow: hidden; direction: rtl;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell" style="width: 50%; height: 40px; background-color: #CCA761 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">اسم اليتيم</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.name"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                        <!-- <td class="data-item-spacer" style="width: 2%;"></td> -->
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell" style="width: 50%; height: 40px; background-color: #CCA761 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">العمر</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.age"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                    </tr>
 
-                                                <!-- Row 4: رقم الملف + تم الالتحاق في إنسان عام -->
-                                                <tr>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">رقم الملف</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.benefit_code"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                    <td style="width: 4%;"></td>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">تم الالتحاق في إنسان عام</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.create_date.strftime('%Y')"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                </tr>
+                                                    <!-- Row 4: رقم الملف + تم الالتحاق في إنسان عام -->
+                                                    <tr class="data-items-row">
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">رقم الملف</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.benefit_code"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                        <!-- <td class="data-item-spacer" style="width: 2%;"></td> -->
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">تم الالتحاق في إنسان عام</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.create_date.strftime('%Y')"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                    </tr>
 
-                                                <!-- Row 5: عدد أفراد الأسرة + الجنسية -->
-                                                <tr>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">عدد أفراد الأسرة</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="len(doc.benefit_id.member_ids)"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                    <td style="width: 4%;"></td>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">الجنسية</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.benefit_id.father_country_id.name"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                </tr>
+                                                    <!-- Row 5: عدد أفراد الأسرة + الجنسية -->
+                                                    <tr class="data-items-row">
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">عدد أفراد الأسرة</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="len(doc.benefit_id.member_ids)"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                        <!-- <td class="data-item-spacer" style="width: 2%;"></td> -->
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">الجنسية</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.benefit_id.father_country_id.name"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                    </tr>
 
-                                                <!-- Row 6: المرحلة الدراسية + التقدير -->
-                                                <tr>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">المرحلة الدراسية</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.last_education_levels.name if doc.last_education_levels else '-'"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                    <td style="width: 4%;"></td>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">التقدير</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.last_education_levels.degree if doc.last_education_levels and doc.last_education_levels.degree else '-'"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                </tr>
+                                                    <!-- Row 6: المرحلة الدراسية + التقدير -->
+                                                    <tr class="data-items-row">
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">المرحلة الدراسية</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.last_education_levels.name if doc.last_education_levels else '-'"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                        <!-- <td class="data-item-spacer" style="width: 2%;"></td> -->
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">التقدير</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.last_education_levels.degree if doc.last_education_levels and doc.last_education_levels.degree else '-'"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                    </tr>
 
-                                                <!-- Row 7: الحالة الصحية + نوع السكن -->
-                                                <tr>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">الحالة الصحية</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="'،'.join(doc.diseases_attachment_ids.mapped('diseases_id.name'))"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                    <td style="width: 4%;"></td>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">نوع السكن</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.benefit_id.property_type_id.name if doc.benefit_id.property_type_id else '-'"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                </tr>
+                                                    <!-- Row 7: الحالة الصحية + نوع السكن -->
+                                                    <tr class="data-items-row">
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">الحالة الصحية</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="'،'.join(doc.diseases_attachment_ids.mapped('diseases_id.name'))"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                        <!-- <td class="data-item-spacer" style="width: 2%;"></td> -->
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">نوع السكن</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.benefit_id.property_type_id.name if doc.benefit_id.property_type_id else '-'"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                    </tr>
 
-                                                <!-- Row 8: عنوان الأسرة + مبلغ الإيجار -->
-                                                <tr>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">عنوان الأسرة</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;">
-                                                                    <t t-esc="' ، '.join(filter(None, [
-                                                                        doc.benefit_id.city_id.name,
-                                                                        doc.benefit_id.district_id.name,
-                                                                        doc.benefit_id.street,
-                                                                        doc.benefit_id.house_number,
-                                                                        doc.benefit_id.short_number,
-                                                                        doc.benefit_id.extra_code,
-                                                                        doc.benefit_id.zip
-                                                                    ]))"/>
-                                                                </td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                    <td style="width: 4%;"></td>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">مبلغ الإيجار</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.benefit_id.rent_amount if doc.benefit_id.rent_amount else '0'"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                </tr>
+                                                    <!-- Row 8: عنوان الأسرة + مبلغ الإيجار -->
+                                                    <tr class="data-items-row">
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">عنوان الأسرة</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;">
+                                                                        <t t-esc="' ، '.join(filter(None, [
+                                                                            doc.benefit_id.city_id.name,
+                                                                            doc.benefit_id.district_id.name,
+                                                                            doc.benefit_id.street,
+                                                                            doc.benefit_id.house_number,
+                                                                            doc.benefit_id.short_number,
+                                                                            doc.benefit_id.extra_code,
+                                                                            doc.benefit_id.zip
+                                                                        ]))"/>
+                                                                    </td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                        <!-- <td class="data-item-spacer" style="width: 2%;"></td> -->
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">مبلغ الإيجار</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.benefit_id.rent_amount if doc.benefit_id.rent_amount else '0'"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                    </tr>
 
-                                                <!-- Row 9: حالة الأسرة + تاريخ نهاية الكفالة -->
-                                                <tr>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">حالة الأسرة</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.benefit_id.benefit_category_id.name if doc.benefit_id.benefit_category_id else '-'"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                    <td style="width: 4%;"></td>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #CCA761; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">تاريخ نهاية الكفالة</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.sponsorship_end_date.strftime('%Y-%m-%d') if doc.sponsorship_end_date else '-'"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                </tr>
+                                                    <!-- Row 9: حالة الأسرة + تاريخ نهاية الكفالة -->
+                                                    <tr class="data-items-row">
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">حالة الأسرة</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.benefit_id.benefit_category_id.name if doc.benefit_id.benefit_category_id else '-'"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                        <!-- <td class="data-item-spacer" style="width: 2%;"></td> -->
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell" style="width: 50%; height: 40px; background-color: #CCA761 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">تاريخ نهاية الكفالة</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="doc.sponsorship_end_date.strftime('%Y-%m-%d') if doc.sponsorship_end_date else '-'"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                    </tr>
 
-                                                <!-- Row 10: Section Title - مصادر دخل الأسرة -->
-                                                <tr>
-                                                    <td colspan="3" style="padding: 2.5px 40px;">
-                                                        <table style="width: 100%; height: 40px; background-color: #CCA761; border-radius: 30px; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="font-size: 16px; color: white; text-align: start; padding: 0px 20px; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;">مصادر دخل الأسرة</td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                </tr>
+                                                    <!-- Row 10: Section Title - مصادر دخل الأسرة -->
+                                                    <tr>
+                                                        <td colspan="3" style="padding: 8px 35px;">
+                                                            <table style="width: 100%; height: 40px; background-color: #CCA761 !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td style="font-size: 16px; color: white; text-align: start; padding: 0px 20px; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;">مصادر دخل الأسرة</td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                    </tr>
 
-                                                <!-- Row 11: Income Sources - Dynamic from salary_ids -->
-                                                <!-- Get salaries from benefit_id.benefit_id.salary_ids (family.salary_ids) -->
-                                                <t t-set="family_salaries" t-value="doc.benefit_id.salary_ids or []"/>
-                                                <t t-set="approved_salaries" t-value="family_salaries.filtered(lambda s: s.approved) if family_salaries else []"/>
-                                                <t t-set="social_security" t-value="approved_salaries.filtered(lambda s: s.income_type and ('ضمان' in s.income_type.name or 'اجتماعي' in s.income_type.name))"/>
-                                                <t t-set="mother_salary" t-value="approved_salaries.filtered(lambda s: s.is_mother_salary)"/>
-                                                <t t-set="retirement" t-value="approved_salaries.filtered(lambda s: s.income_type and 'تقاعد' in s.income_type.name)"/>
-                                                <t t-set="social_insurance" t-value="approved_salaries.filtered(lambda s: s.income_type and 'تأمين' in s.income_type.name)"/>
-                                                <t t-set="total_income" t-value="sum(approved_salaries.mapped('salary_amount')) if approved_salaries else (benefit_member.member_income if benefit_member and benefit_member.member_income else 0)"/>
-                                                
-                                                <tr>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">الضمان الاجتماعي</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="sum(social_security.mapped('salary_amount')) if social_security else '-'"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                    <td style="width: 4%;"></td>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">راتب الأم</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="sum(mother_salary.mapped('salary_amount')) if mother_salary else '-'"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                </tr>
+                                                    <!-- Row 11: Income Sources - Dynamic from salary_ids -->
+                                                    <!-- Get salaries from benefit_id.benefit_id.salary_ids (family.salary_ids) -->
+                                                    <t t-set="family_salaries" t-value="doc.benefit_id.salary_ids or []"/>
+                                                    <t t-set="approved_salaries" t-value="family_salaries.filtered(lambda s: s.approved) if family_salaries else []"/>
+                                                    <t t-set="social_security" t-value="approved_salaries.filtered(lambda s: s.income_type and ('ضمان' in s.income_type.name or 'اجتماعي' in s.income_type.name))"/>
+                                                    <t t-set="mother_salary" t-value="approved_salaries.filtered(lambda s: s.is_mother_salary)"/>
+                                                    <t t-set="retirement" t-value="approved_salaries.filtered(lambda s: s.income_type and 'تقاعد' in s.income_type.name)"/>
+                                                    <t t-set="social_insurance" t-value="approved_salaries.filtered(lambda s: s.income_type and 'تأمين' in s.income_type.name)"/>
+                                                    <t t-set="total_income" t-value="sum(approved_salaries.mapped('salary_amount')) if approved_salaries else (benefit_member.member_income if benefit_member and benefit_member.member_income else 0)"/>
+                                                    
+                                                    <tr class="data-items-row">
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">الضمان الاجتماعي</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="sum(social_security.mapped('salary_amount')) if social_security else '-'"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                        <!-- <td class="data-item-spacer" style="width: 2%;"></td> -->
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">راتب الأم</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="sum(mother_salary.mapped('salary_amount')) if mother_salary else '-'"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                    </tr>
 
-                                                <!-- Row 12: الراتب التقاعدي + التأمينات الاجتماعية -->
-                                                <tr>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">الراتب التقاعدي</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="sum(retirement.mapped('salary_amount')) if retirement else '-'"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                    <td style="width: 4%;"></td>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">التأمينات الاجتماعية</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="sum(social_insurance.mapped('salary_amount')) if social_insurance else '-'"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                </tr>
+                                                    <!-- Row 12: الراتب التقاعدي + التأمينات الاجتماعية -->
+                                                    <tr class="data-items-row">
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">الراتب التقاعدي</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="sum(retirement.mapped('salary_amount')) if retirement else '-'"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                        <!-- <td class="data-item-spacer" style="width: 2%;"></td> -->
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">التأمينات الاجتماعية</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="sum(social_insurance.mapped('salary_amount')) if social_insurance else '-'"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                    </tr>
 
-                                                <!-- Row 13: المجموع (single item) -->
-                                                <tr>
-                                                    <td style="width: 48%; padding: 2.5px 40px; vertical-align: top;">
-                                                        <table style="width: 100%; height: 40px; border-radius: 30px; outline: 1px solid #136456; background-color: white; border-collapse: collapse;" cellpadding="0" cellspacing="0">
-                                                            <tr>
-                                                                <td style="width: 50%; height: 40px; background-color: #136456; color: white; text-align: center; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 0px 20px; font-family: 'Cairo', Arial, sans-serif;">المجموع</td>
-                                                                <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="total_income if total_income else '-'"/></td>
-                                                            </tr>
-                                                        </table>
-                                                    </td>
-                                                    <td style="width: 4%;"></td>
-                                                    <td style="width: 48%; padding: 2.5px; vertical-align: top;"></td>
-                                                </tr>
+                                                    <!-- Row 13: المجموع (single item) -->
+                                                    <tr class="data-items-row">
+                                                        <td class="data-item-col" style="width: 50%; padding: 8px 35px 35px; vertical-align: top;">
+                                                            <table class="data-row-table" style="width: 100%; height: 40px; box-shadow: 0 0 0 1px #136456; background-color: white !important; border-collapse: separate; border-spacing: 0; border-radius: 30px; overflow: hidden; direction: rtl; table-layout: fixed;" cellpadding="0" cellspacing="0">
+                                                                <tr>
+                                                                    <td class="label-cell-dark" style="width: 50%; height: 40px; background-color: #136456 !important; color: white !important; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 15px; font-family: 'Cairo', Arial, sans-serif; border-radius: 30px 0px 0px 30px; overflow: hidden;">المجموع</td>
+                                                                    <td style="width: 50%; text-align: center; font-size: 16px; color: #136456; font-weight: bold; font-family: 'Cairo', Arial, sans-serif;"><t t-esc="total_income if total_income else '-'"/></td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                        <td style="width: 2%;"></td>
+                                                        <td style="width: 50%; padding: 5px; vertical-align: top;"></td>
+                                                    </tr>
 
-                                            </table>
-                                        </td>
-                                    </tr>
-                                </table>
-                            </td>
-                        </tr>
-                    </table>
+                                                </table>
+                                            </td>
+                                        </tr>
+                                    </table>
+                                </td>
+                            </tr>
+                        </table>
                     </div>
                 </t>
             </t>
diff --git a/odex25_takaful/odex_takaful/static/src/img/orphan-report-bg.png b/odex25_takaful/odex_takaful/static/src/img/orphan-report-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba8d55578fd3564a2cc61b845ce88c47b5f5ab1d
GIT binary patch
literal 16827
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
YZBZvY@#RYnpL#F!qmZ(9HvIE{07r$^OaK4?

literal 0
HcmV?d00001

diff --git a/odex25_takaful/odex_takaful/views/assets.xml b/odex25_takaful/odex_takaful/views/assets.xml
index b568ac4e3..84a9ad7f6 100644
--- a/odex25_takaful/odex_takaful/views/assets.xml
+++ b/odex25_takaful/odex_takaful/views/assets.xml
@@ -4,6 +4,7 @@
     <template id="report_assets_common" inherit_id="web.report_assets_common">
         <xpath expr="." position="inside">
             <link rel="stylesheet" type="text/scss" href="/odex_takaful/static/src/scss/receipt_document.scss"/>
+            <link rel="stylesheet" type="text/scss" href="/odex_takaful/static/src/scss/orphan-fonts.scss"/>
         </xpath>
     </template>