@medicus.ai/medicus-report-pdf-generator 1.0.402 → 1.0.404

package/lib/wellbeing_report_generator.js

@@ -1,24 +1,19 @@
 "use strict";
 const fs = require("fs");
-const {promisify} = require('util');
-const {JSDOM} = require("jsdom");
-const fetch = require("node-fetch");
+const { promisify } = require('util');
+const { JSDOM } = require("jsdom");
 const path = require("path");
 const LocaleService = require('../app/services/localeService.js');
 const i18n = require('../app/i18n_wellbeing.config.js');
 const puppeteer = require("puppeteer");
-const {log} = require("util");
-const {renderReportItems, find, renderSummary, renderReportSummary, renderHTMLTemplate} = require("./template.js");
-const {cairoFontBase64} = require("../base64/cairo-font");
+const { renderReportItems, find, renderSummary, renderReportSummary, renderHTMLTemplate, renderAllergyClasses } = require("./template.js");
 
 
 var localeService = new LocaleService(i18n);
-let isRTL = false;
 
 
 let OUT_FILE = 'output/nasco-pdf.html';
 let Pdf_file = '';
-const appDir = path.dirname(require.main.filename);
 
 
 let debug = true;
@@ -30,6 +25,125 @@ let debugLog = (val1, val2 = "") => {
 }
 
 
+// Config object to hold all configuration values
+let config = {
+    logo: "",
+    title: "",
+    bulbIcon: "",
+    bulb_icon_font_color: "",
+    first_level_color: "",
+    second_level_color: "",
+    third_level_color: "",
+    forth_level_color: "",
+    fifth_level_color: "",
+    general_font_color: "",
+    disclaimer_text_color: "",
+    top_box_background: "",
+    footer_background: "",
+    lifestyleImage: path.resolve(__dirname + '/../assets/wellbeing/images/lifestyle-section.png'),
+    mindImage: path.resolve(__dirname + '/../assets/wellbeing/images/mind-section.png'),
+    bodyImage: path.resolve(__dirname + '/../assets/wellbeing/images/body-section.png'),
+    body_font_color: "",
+    list_icons_font_color: "",
+    insights_font_color: "",
+    section_title_border_color: ""
+};
+/**
+ * Load color theme based on client name
+ * @param {string} clientName - Client name (mediclinic, pha, nasco, etc.)
+ * @returns {object} Color theme object
+ */
+const loadColorTheme = (clientName = 'default') => {
+    const themes = {
+        mediclinic: {
+            headerText: '#3B3B3B',
+            headerBackground: '#f2f5f8',
+            headerDivider: '#0092D2',
+            footerText: '#B5B5B5',
+            listIcon: '#8b8ba7',
+            insightPrimary: '#124374',
+            insightSecondary: '#000000',
+            warningIcon: '#ffc107'
+        },
+        pha: {
+            headerText: '#2C3E50',
+            headerBackground: '#ECF0F1',
+            headerDivider: '#0F2062',
+            footerText: '#95A5A6',
+            listIcon: '#7F8C8D',
+            insightPrimary: '#0F2062',
+            insightSecondary: '#2C3E50',
+            warningIcon: '#F39C12'
+        },
+        nasco: {
+            headerText: '#34495E',
+            headerBackground: '#EBF5FB',
+            headerDivider: '#5DADE2',
+            footerText: '#AAB7B8',
+            listIcon: '#85929E',
+            insightPrimary: '#1F618D',
+            insightSecondary: '#1C2833',
+            warningIcon: '#F4D03F'
+        },
+
+    };
+    return themes[clientName?.toLowerCase()] || themes.mediclinic;
+};
+/**
+ * Load and apply configuration for a specific client
+ * @param {string} clientName - The client name to load config for
+ * @returns {object} The loaded configuration
+ */
+const loadClientConfig = (clientName = 'default') => {
+    const pathFile = path.resolve(__dirname + '/../config/' + clientName + '.json');
+    let clientConfig = require('../config/default.json');
+
+    if (fs.existsSync(pathFile) && clientName !== 'default') {
+        clientConfig = require('../config/' + clientName + '.json');
+    }
+
+    // Map config values with defaults
+    config.logo = clientConfig['logo'] || "";
+    config.labs_logos = clientConfig['labs-logo'] || [];
+    config.title = clientConfig['title'] || "";
+    config.bulbIcon = clientConfig['bulb_icon'] || "";
+    config.bulb_icon_font_color = clientConfig['bulb_icon_font_color'] || "";
+    config.first_level_color = clientConfig['first-level-color'] || "";
+    config.second_level_color = clientConfig['second-level-color'] || "";
+    config.third_level_color = clientConfig['third-level-color'] || "";
+    config.forth_level_color = clientConfig['forth-level-color'] || "";
+    config.fifth_level_color = clientConfig['fifth-level-color'] || "";
+    config.general_font_color = clientConfig['general-font-color'] || "";
+    config.disclaimer_text_color = clientConfig['disclaimer-text-color'] || "";
+    config.top_box_background = clientConfig['top-box-background'] || "";
+    config.footer_background = clientConfig['footer-background'] || "";
+    config.footer_border_color = clientConfig['footer-border-color'] || clientConfig['section-title-border-color'] || "";
+
+    // Handle image paths with fallbacks
+    config.lifestyleImage = clientConfig['lifestyle_icon'] || path.resolve(__dirname + '/../assets/wellbeing/images/lifestyle-section.png');
+    config.mindImage = clientConfig['mind_icon'] || path.resolve(__dirname + '/../assets/wellbeing/images/mind-section.png');
+    config.bodyImage = clientConfig['body_icon'] || path.resolve(__dirname + '/../assets/wellbeing/images/body-section.png');
+    config.body_font_color = clientConfig['body_font_color'] || "";
+    config.list_icons_font_color = clientConfig['list_icons_font_color'] || "";
+    config.insights_font_color = clientConfig['insights_font_color'] || "";
+
+    config.score_header_color = clientConfig['score-header-color'] || clientConfig['first-level-color'] || "";
+    config.score_description_color = clientConfig['score-description-color'] || clientConfig['first-level-color'] || "";
+    config.svg_icon_color = clientConfig['svg-icon-color'] || clientConfig['first-level-color'] || "";
+    config.low_score_text_color = clientConfig['low-score-text-color'] || clientConfig['first-level-color'] || "";
+    config.section_title_border_color =
+        clientConfig['section-title-border-color'] ||
+        (clientConfig['corporate_report'] ?
+            clientConfig['corporate_report']['section_title_border_color'] : null) ||
+        clientConfig['forth-level-color'] ||
+        "";
+    config.first_section_scores_border_color = clientConfig['first-section-scores-border-color'] || clientConfig['fifth-level-color'] || "";
+
+    config.colors = loadColorTheme(clientName);
+
+    return config;
+};
+
 const icons = {
     "wellbeing_element_alcohol": "M 10.667969 5.144531 L 19.332031 5.144531 C 19.5 5.144531 19.65625 5.238281 19.710938 5.375 C 21.007812 8.671875 21.394531 10.714844 21.394531 12.316406 C 21.394531 15.285156 18.53125 17.695312 15 17.695312 C 11.46875 17.695312 8.605469 15.285156 8.605469 12.316406 C 8.605469 10.714844 8.988281 8.671875 10.289062 5.375 C 10.34375 5.238281 10.5 5.144531 10.667969 5.144531 Z M 9.804688 12.316406 C 9.804688 14.648438 11.785156 16.09375 15 16.339844 C 17.796875 16.550781 20.195312 14.71875 20.195312 12.316406 L 20.195312 11.929688 L 9.804688 11.929688 Z M 9.804688 12.316406 M 17.796875 24.140625 L 17.398438 24.140625 C 16.296875 24.140625 15.398438 23.378906 15.398438 22.445312 L 15.394531 18.28125 C 15.394531 17.945312 15.6875 17.667969 16.078125 17.613281 C 17.324219 17.433594 18.445312 16.953125 19.332031 16.261719 C 19.332031 16.261719 18.003906 17.015625 15 17.015625 C 11.996094 17.015625 10.667969 16.261719 10.667969 16.261719 C 11.558594 16.953125 12.675781 17.433594 13.921875 17.613281 C 14.3125 17.667969 14.605469 17.945312 14.601562 18.28125 L 14.601562 22.445312 C 14.601562 23.378906 13.703125 24.140625 12.601562 24.140625 L 12.203125 24.140625 C 11.980469 24.140625 11.804688 24.292969 11.804688 24.480469 C 11.804688 24.667969 11.980469 24.820312 12.203125 24.820312 L 17.796875 24.820312 C 18.019531 24.820312 18.195312 24.667969 18.195312 24.480469 C 18.195312 24.292969 18.019531 24.140625 17.796875 24.140625 Z M 17.796875 24.140625",
     "wellbeing_element_blue_mood": "M 19.351562 7.859375 C 19.640625 6.664062 20.308594 5.144531 21.085938 5.144531 C 22.121094 5.144531 22.972656 7.855469 22.972656 8.882812 C 22.972656 9.371094 22.78125 9.8125 22.472656 10.148438 C 24.007812 11.851562 24.859375 14.066406 24.855469 16.363281 C 24.855469 21.527344 20.636719 25.714844 15.429688 25.714844 C 10.222656 25.714844 6 21.527344 6 16.363281 C 6 11.199219 10.222656 7.011719 15.429688 7.011719 C 16.828125 7.011719 18.15625 7.316406 19.351562 7.859375 Z M 12.191406 15.734375 C 12.636719 15.734375 13 15.375 13 14.933594 C 13 14.488281 12.636719 14.128906 12.191406 14.128906 C 11.75 14.128906 11.386719 14.488281 11.382812 14.933594 C 11.382812 15.375 11.746094 15.734375 12.191406 15.734375 Z M 18.835938 15.734375 C 19.28125 15.734375 19.644531 15.375 19.644531 14.933594 C 19.644531 14.488281 19.28125 14.128906 18.835938 14.128906 C 18.394531 14.128906 18.03125 14.488281 18.027344 14.933594 C 18.027344 15.375 18.390625 15.734375 18.835938 15.734375 Z M 12.929688 20.742188 C 13.726562 20.632812 14.59375 20.574219 15.53125 20.574219 C 16.464844 20.574219 17.3125 20.628906 18.066406 20.742188 C 17.785156 20.328125 17.5 20.023438 17.207031 19.835938 C 16.765625 19.550781 16.429688 19.3125 15.601562 19.3125 C 14.773438 19.3125 14.234375 19.554688 13.777344 19.835938 C 13.472656 20.019531 13.1875 20.324219 12.929688 20.742188 Z M 19.351562 7.859375 C 19.253906 8.257812 19.199219 8.625 19.199219 8.882812 C 19.199219 9.910156 20.046875 10.753906 21.085938 10.753906 C 21.632812 10.753906 22.128906 10.519531 22.472656 10.148438 C 21.601562 9.175781 20.539062 8.398438 19.351562 7.859375 Z M 9.941406 13.4375 L 10.421875 14.148438 L 12.554688 12.710938 L 12.074219 12 Z M 18.355469 12.832031 L 20.488281 14.269531 L 20.96875 13.558594 L 18.835938 12.121094 Z M 18.355469 12.832031",
@@ -68,27 +182,6 @@ const icons = {
     "wellbeing_element_vitamin_balance": "M9.28358 5H18.2836C18.6866 5 19.0896 5.26866 19.0896 5.80597V8.08955C19.0896 8.49254 18.8209 8.89552 18.2836 8.89552H18.0149H18.4179V9.97015C18.4179 10.6418 18.8209 11.3134 19.4925 11.5821C19.7612 11.7164 20.1642 11.8507 20.2985 12.2537C20.5672 12.5224 20.5672 12.9254 20.5672 13.3284V14H7V13.194C7 12.5224 7.40299 11.8507 8.07463 11.5821C8.47761 11.4478 8.8806 11.1791 9.01493 10.9104C9.28358 10.6418 9.28358 10.2388 9.28358 9.97015V8.89552C8.8806 8.89552 8.61194 8.49254 8.61194 8.08955V5.80597C8.61194 5.26866 8.8806 5 9.28358 5ZM7 14.2687H20.5672V16.6866C19.4925 17.2239 18.6866 18.2985 18.6866 19.5075V23.806H7V14.2687ZM18.8209 24.0746L7.13433 24.209V25.6866C7.13433 26.4925 7.80597 27.1642 8.61194 27.1642H13.5821H19.2239C19.6269 27.1642 20.0299 27.0299 20.2985 26.6269C20.8358 26.8955 21.2388 27.0298 21.9104 27.0298C23.6567 27.0298 25 25.6866 25 23.9403V19.3731C25 18.5672 24.7313 17.7612 24.0597 17.2239C23.1194 16.2836 21.9104 16.0149 20.8358 16.5522V23.806V25.6866C20.8358 26.0896 20.7015 26.3582 20.4328 26.6269C19.3582 26.2239 18.8209 25.1493 18.8209 24.0746ZM13.0448 21.9254C13.1791 22.194 13.5821 22.4627 13.9851 22.4627C14.3881 22.4627 14.6567 22.194 14.9254 21.9254L17.209 17.0896C17.3433 16.8209 17.3433 16.4179 17.0746 16.1493C16.806 15.8806 16.5373 15.6119 16.2687 15.7463C15.8657 15.7463 15.597 15.8806 15.3284 16.2836L13.8507 19.3731L12.3731 16.2836C12.1045 15.7463 11.5672 15.6119 11.0299 15.8806C10.4925 16.1493 10.3582 16.6866 10.6269 17.2239L13.0448 21.9254Z"
 };
 
-let logo = ""
-let title = ""
-
-let bulbIcon = ""
-let bulb_icon_font_color = ""
-let first_level_color = ""
-let second_level_color = ""
-let third_level_color = ""
-let forth_level_color = ""
-let fifth_level_color = ""
-let general_font_color = ""
-let disclaimer_text_color = ""
-let top_box_background = ""
-let footer_background = ""
-let lifestyleImage = path.resolve(__dirname + '/../assets/wellbeing/images/lifestyle-section.png')
-let mindImage = path.resolve(__dirname + '/../assets/wellbeing/images/mind-section.png')
-let bodyImage = path.resolve(__dirname + '/../assets/wellbeing/images/body-section.png')
-let body_font_color = ""
-let list_icons_font_color = ""
-let insights_font_color = ""
-
 const escapeHTML = (text) => {
     return text
         .replace(/&/g, '&')   // Must come first
@@ -110,373 +203,448 @@ const wrapLTR = (text) => {
     }
     return `<span style="unicode-bidi: bidi-override;" dir="ltr">${text}</span>`;
 };
-/***
- *  HTML file generator to fill the html template
- *  based on the json wellbeingData from the POST request
- */
-let generateHTMLWellbeingReport = async (data, isDebugging, clientName, language) => {
 
-    debug = isDebugging;
-    OUT_FILE = path.resolve(__dirname + '/../output/nasco-pdf' + Date.now() + '.html');
-    Pdf_file = '/output/nasco-pdf' + Date.now() + '.html'
-    if (empty(language)) {
-        language = 'en'
-    }
-
-    let isRtl = false;
-    if (language.indexOf('ar') !== -1) {
-        language = 'ar-SA';
-        isRtl = true;
-    }
 
 
-    let client = clientName ? clientName : 'default'
-    let pathFile = path.resolve(__dirname + '/../config/' + client + '.json');
-    let defaultConfig = require('../config/default.json');
-    if (fs.existsSync(pathFile)) {
-        defaultConfig = require('../config/' + client + '.json');
+/**
+ * Calculate score metrics for visualization
+ * @param {number} score - The score value (0-100)
+ * @param {string} client - Client name for specific color logic
+ * @returns {object} Score metrics including color, amount, and rotation
+ */
+const calculateScoreMetrics = (score, client = 'default') => {
+    const scoreValue = parseFloat(score);
+
+    // Determine amount based on score range
+    let amount;
+    if (scoreValue > 40 && scoreValue < 70) {
+        amount = 355;
+    } else if (scoreValue >= 70) {
+        amount = 360;
+    } else {
+        amount = 214;
     }
 
-    logo = defaultConfig['logo'];
-    bulbIcon = defaultConfig['bulb_icon'];
-    bulb_icon_font_color = defaultConfig['bulb_icon_font_color'];
-    first_level_color = defaultConfig['first-level-color']
-    second_level_color = defaultConfig['second-level-color']
-    third_level_color = defaultConfig['third-level-color']
-    forth_level_color = defaultConfig['forth-level-color']
-    fifth_level_color = defaultConfig['fifth-level-color']
-    general_font_color = defaultConfig['general-font-color']
-    disclaimer_text_color = defaultConfig['disclaimer-text-color']
-    top_box_background = defaultConfig['top-box-background']
-    footer_background = defaultConfig['footer-background']
-    lifestyleImage = defaultConfig['lifestyle_icon'] ? defaultConfig['lifestyle_icon'] : path.resolve(__dirname + '/../assets/wellbeing/images/lifestyle-section.png')
-    mindImage = defaultConfig['mind_icon'] ? defaultConfig['mind_icon'] : path.resolve(__dirname + '/../assets/wellbeing/images/mind-section.png')
-    bodyImage = defaultConfig['body_icon'] ? defaultConfig['body_icon'] : path.resolve(__dirname + '/../assets/wellbeing/images/body-section.png')
-    body_font_color = defaultConfig['body_font_color']
-    list_icons_font_color = defaultConfig['list_icons_font_color']
-    insights_font_color = defaultConfig['insights_font_color']
-
-
-    /*check if the language is an RTL language*/
-    localeService.setLocale(language);
-    debugLog("pdf language:", language);
-
-    /*choose the right template*/
-    let html = !isRtl ? fs.readFileSync(path.resolve(__dirname + '/../templates/wellbeing/ltr_no_pages.html'), 'utf8') : fs.readFileSync(path.resolve(__dirname + '/../templates/wellbeing/rtl_no_pages.html'), 'utf8');
-
-    let headerTemplate = fs.readFileSync(path.resolve(__dirname + '/../templates/wellbeing/blocks/header.html'), 'utf8');
-
-    let footerTemplate = fs.readFileSync(path.resolve(__dirname + '/../templates/wellbeing/blocks/footer.html'), 'utf8');
+    // Determine color based on score range
+    let color;
+    if (scoreValue > 40 && scoreValue < 70) {
+        color = config.third_level_color;
+    } else if (scoreValue >= 70) {
+        color = config.fifth_level_color;
+    } else {
+        color = client === 'nasco' ? config.second_level_color : config.first_level_color;
+    }
 
-    let firstSectionTemplate = fs.readFileSync(path.resolve(__dirname + '/../templates/wellbeing/blocks/first-section.html'), 'utf8');
+    // Calculate rotation amount
+    let rotateAmount = (scoreValue / 100) * amount;
+    if (rotateAmount > 336) {
+        rotateAmount = 336;
+    }
 
-    let tipsTemplate = fs.readFileSync(path.resolve(__dirname + '/../templates/wellbeing/blocks/tips.html'), 'utf8');
+    return {
+        score: scoreValue,
+        amount,
+        color,
+        rotateAmount,
+        scoreInteger: Math.floor(scoreValue),
+        scoreDecimal: parseFloat((scoreValue % 1).toFixed(1)).toString().substring(1)
+    };
+};
 
-    /*create the dom element*/
-    const dom = new JSDOM(html);
-    let historyData = [];
-    debugLog("templates loaded");
-    let nascReport = true
+/**
+ * Apply inactive classes to score sections based on score ranges
+ * @param {object} $ - jQuery instance
+ * @param {number} score - The score value
+ * @param {string} sectionClass - CSS class of the section
+ */
+const applyScoreInactiveClasses = ($, score, sectionClass) => {
+    const scoreValue = parseFloat(score);
+    const selector = `.first-section-scores .${sectionClass}`;
+
+    if (scoreValue > 40 && scoreValue < 70) {
+        $(`${selector} .part-1, ${selector} .part-3`).addClass('inactive');
+    } else if (scoreValue >= 70) {
+        $(`${selector} .part-3, ${selector} .part-2`).addClass('inactive');
+    } else {
+        $(`${selector} .part-1, ${selector} .part-2`).addClass('inactive');
+    }
+};
 
-    let img = ""
-    if (nascReport) {
-        img = logo;
+/**
+ * Calculate extended score metrics for special score types (depression, anxiety)
+ * @param {number} score - The score value
+ * @param {string} scoreType - Type of score ('depression' or 'anxiety')
+ * @param {string} client - Client name
+ * @returns {object} Score metrics
+ */
+const calculateExtendedScoreMetrics = (score, scoreType, client = 'default') => {
+    const scoreValue = parseFloat(score);
+    let amount = 0;
+
+    if (scoreType === 'depression') {
+        if (scoreValue >= 0 && scoreValue <= 14.8) amount = 550;
+        else if (scoreValue >= 18.5 && scoreValue <= 33.3) amount = 400;
+        else if (scoreValue >= 37 && scoreValue <= 51.9) amount = 380;
+        else if (scoreValue >= 55.6 && scoreValue <= 70.4) amount = 370;
+        else if (scoreValue >= 74.1 && scoreValue <= 100) amount = 330;
+    } else if (scoreType === 'anxiety') {
+        if (scoreValue >= 0 && scoreValue <= 19) amount = 460;
+        else if (scoreValue >= 23.8 && scoreValue <= 42.9) amount = 400;
+        else if (scoreValue >= 47.6 && scoreValue <= 66.7) amount = 360;
+        else if (scoreValue >= 71.4 && scoreValue <= 100) amount = 330;
     }
 
-    let genderId = data.genderId
-    let userImage = data.photo;
-    if (empty(userImage)) {
-        if (genderId === 90) {
-            userImage = path.resolve(__dirname + '/../assets/wellbeing/images/user-woman.png');
-        } else {
-            userImage = path.resolve(__dirname + '/../assets/wellbeing/images/user-man.png');
-        }
+    // Calculate color
+    let color;
+    if (scoreValue > 40 && scoreValue < 70) {
+        color = config.third_level_color;
+    } else if (scoreValue >= 70) {
+        color = config.fifth_level_color;
+    } else {
+        color = client === 'nasco' ? config.second_level_color : config.first_level_color;
     }
 
-    const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
-
-    let formattedDate = new Date();
-    let day = formattedDate.getDate();
-    let month = formattedDate.getMonth();
-    month += 1;
-    /* JavaScript months are 0-11 */
-    let year = formattedDate.getFullYear();
-    let Hours = (formattedDate.getHours() < 10 ? '0' : '') + formattedDate.getHours();
-    let m = (formattedDate.getMinutes() < 10 ? '0' : '') + formattedDate.getMinutes();
-    /* only -12 from hours if it is greater than 12 (if not back at mid night) */
-    let hours12 = (Hours > 12) ? Hours - 12 : Hours;
-    /* if 00 then it is 12 am */
-    hours12 = (hours12 == 0) ? 12 : hours12;
-
-
-    let topInsight = data.lingualReading ? data.lingualReading.statement : localeService.t('reportHeaderDescription')
-
-    headerTemplate = headerTemplate
-        .replace("{{logo}}", img)
-        .replace("{{userImage}}", userImage)
-        .replace("{{topBoxBg}}", top_box_background)
-        .replace("{{scoresNote}}", localeService.t('scoresNote'))
-        .replace("{{bulbIcon}}", bulbIcon)
-        .replace("{{reportHeader}}", localeService.t('wellbeingReport'))
-        .replace("{{reportHeaderDescription}}", topInsight)
-        .replace("{{patientName}}", data.name)
-        .replace("{{patientOld}}", data.age)
-        .replace("{{yearsOld}}", localeService.t('yearsOld'))
-        .replace("{{patientGender}}", data.gender)
-        .replace("{{reportDate}}", reportDate);
-
-    let iconColor = !empty(bulb_icon_font_color) ? bulb_icon_font_color : general_font_color
-    /*get the window from the dom to be used as a jquery function*/
-    const $ = (require('jquery'))(dom.window);
-    $('#content').append(headerTemplate);
-    $('#content').append('<style>' + '.tips-text{color: ' + insights_font_color + ' !important;}' + '.first-level-font-color{color:' + general_font_color + ' !important;}' + '.first-section-scores{border-color:' + fifth_level_color + ' !important;}' + '.disclaimer-text-color{color:' + disclaimer_text_color + ' !important;}' + '.first-level-border-color{border-color:' + general_font_color + ' !important;}' + '.scores-note .first-level-font-color{color:' + iconColor + ' !important;}' + '.top-box-bg{background-color: ' + top_box_background + ' !important;}' + '.footer-background{background-color: ' + footer_background + ' !important;}' + '.report-date, .patient-info,.score-description,.list-text,.report-header,.list-score,.score-details-title{color: ' + body_font_color + ' !important;}' + '.list-item g, .list-item path{fill: ' + list_icons_font_color + ' !important;stroke: ' + list_icons_font_color + ' !important;}' + '.fifth-level-font-color{color:' + fifth_level_color + '!important;}' + '</style>');
-    if (empty(data.photo)) {
+    const rotateAmount = (scoreValue / 100) * amount;
 
-        $('#content').append('<style>' + '.user-profile-img{display: none !important;}' + '</style>');
-        if (genderId === 90) {
-            userImage = path.resolve(__dirname + '/../assets/wellbeing/images/user-woman.png');
-        } else {
-            userImage = path.resolve(__dirname + '/../assets/wellbeing/images/user-man.png');
-        }
+    return {
+        score: scoreValue,
+        amount,
+        color,
+        rotateAmount,
+        scoreInteger: Math.floor(scoreValue),
+        scoreDecimal: parseFloat((scoreValue % 1).toFixed(1)).toString().substring(1)
+    };
+};
+
+/**
+ * Calculate physical score metrics with special handling for low scores
+ * @param {number} score - The score value
+ * @param {string} client - Client name
+ * @returns {object} Score metrics
+ */
+const calculatePhysicalScoreMetrics = (score, client = 'default') => {
+    const scoreValue = parseFloat(score);
+
+    // Use different amounts for this specific case
+    let amount;
+    if (scoreValue > 40 && scoreValue < 70) {
+        amount = 310;
+    } else if (scoreValue >= 70) {
+        amount = 310;
+    } else {
+        amount = 300;
     }
-    $("#chartsData").append("<script> var RANGE_COLORS = ['" + first_level_color + "','" + second_level_color + "','" + third_level_color + "','" + forth_level_color + "','" + fifth_level_color + "'];</script>");
 
-    /* First section */
-    let physicalScore = data.calculation.physicalScore?.toFixed(1)
-    let physicalAmount = ((physicalScore > 40 && physicalScore < 70) ? 355 : (physicalScore >= 70) ? 360 : 214);
-    let physicalColor = (physicalScore > 40 && physicalScore < 70) ? third_level_color : (physicalScore >= 70) ? fifth_level_color : client === 'nasco' ? second_level_color : first_level_color;
+    // Determine color
+    let color;
+    if (scoreValue > 40 && scoreValue < 70) {
+        color = config.third_level_color;
+    } else if (scoreValue >= 70) {
+        color = config.fifth_level_color;
+    } else {
+        color = client === 'nasco' ? config.second_level_color : config.first_level_color;
+    }
 
-    let rotatePhysicalAmount = (physicalScore / 100) * physicalAmount;
-    if (rotatePhysicalAmount > 336) {
-        rotatePhysicalAmount = 336
+    // Calculate rotation with special handling for low scores
+    let rotateAmount = (scoreValue / 100) * amount;
+    if (scoreValue <= 20) {
+        rotateAmount += 25;
     }
-    let psychologicalScore = data.calculation.psychologicalScore?.toFixed(1)
-    let psychologicalAmount = ((psychologicalScore > 40 && psychologicalScore < 70) ? 355 : (psychologicalScore >= 70) ? 360 : 214);
-    let psychologicalColor = (psychologicalScore > 40 && psychologicalScore < 70) ? third_level_color : (psychologicalScore >= 70) ? fifth_level_color : client === 'nasco' ? second_level_color : first_level_color;
-    let rotatePsychologicalAmount = (psychologicalScore / 100) * psychologicalAmount;
-    if (rotatePsychologicalAmount > 336) {
-        rotatePsychologicalAmount = 336
+    if (rotateAmount > 336) {
+        rotateAmount = 336;
     }
 
-    let firstSectionlHtml = firstSectionTemplate.replace("{{physicalScore}}", parseFloat(Math.floor(data.calculation.physicalScore)))
-        .replace("{{physicalScoreDecimalPart}}", parseFloat((data.calculation.physicalScore)?.toFixed(1) % 1)?.toFixed(1).substring(1))
-        .replace("{{physicalScoreStatement}}", data.calculation.physicalScoreStatement)
+    return {
+        score: scoreValue,
+        amount,
+        color,
+        rotateAmount,
+        scoreInteger: Math.floor(scoreValue),
+        scoreDecimal: parseFloat((scoreValue % 1).toFixed(1)).toString().substring(1)
+    };
+};
+
+/**
+ * Render the first section with physical and psychological scores
+ * @param {object} template - The HTML template
+ * @param {object} calculationData - Data containing scores and statements
+ * @param {object} physicalMetrics - Calculated physical score metrics
+ * @param {object} psychologicalMetrics - Calculated psychological score metrics
+ * @param {string} client - Client name
+ * @returns {string} Rendered HTML
+ */
+const renderFirstSection = (template, calculationData, physicalMetrics, psychologicalMetrics, client) => {
+    return template
+        .replace("{{physicalScore}}", physicalMetrics.scoreInteger)
+        .replace("{{physicalScoreDecimalPart}}", physicalMetrics.scoreDecimal)
+        .replace("{{physicalScoreStatement}}", calculationData.physicalScoreStatement)
         .replace("{{PhysicalWord}}", localeService.t('physical'))
-        .replace(/{{rotatePhysicalAmount}}/gi, rotatePhysicalAmount)
-        .replace(/{{physicalColor}}/gi, physicalColor)
-        .replace("{{psychologicalScore}}", Math.floor(data.calculation.psychologicalScore))
-        .replace("{{psychologicalScoreDecimalPart}}", parseFloat((data.calculation.psychologicalScore)?.toFixed(1) % 1)?.toFixed(1).substring(1))
+        .replace(/{{rotatePhysicalAmount}}/gi, physicalMetrics.rotateAmount)
+        .replace(/{{physicalColor}}/gi, physicalMetrics.color)
+        .replace("{{psychologicalScore}}", psychologicalMetrics.scoreInteger)
+        .replace("{{psychologicalScoreDecimalPart}}", psychologicalMetrics.scoreDecimal)
         .replace("{{psychologicalWord}}", localeService.t('psychological'))
-        .replace("{{psychologicalScoreStatement}}", data.calculation.psychologicalScoreStatement)
-        .replace(/{{rotatePsychologicalAmount}}/gi, rotatePsychologicalAmount)
-        .replace(/{{fifthLevelColor}}/g, fifth_level_color)
-        .replace(/{{thirdLevelColor}}/g, third_level_color)
-        .replace(/{{firstLevelColor}}/g, client === 'nasco' ? second_level_color : first_level_color)
-        .replace("{{psychologicalColor}}", psychologicalColor)
-        .replace(/{{listIconsFontColor}}/g, list_icons_font_color)
-
-    let footerTemplateHTML = footerTemplate.replace("{{Disclaimer}}", localeService.t('Disclaimer'))
-        .replace("{{Disclaimer Text}}", localeService.t('Disclaimer Text'));
+        .replace("{{psychologicalScoreStatement}}", calculationData.psychologicalScoreStatement)
+        .replace(/{{rotatePsychologicalAmount}}/gi, psychologicalMetrics.rotateAmount)
+        .replace(/{{fifthLevelColor}}/g, config.fifth_level_color)
+        .replace(/{{thirdLevelColor}}/g, config.third_level_color)
+        .replace(/{{firstLevelColor}}/g, client === 'nasco' ? config.second_level_color : config.first_level_color)
+        .replace("{{psychologicalColor}}", psychologicalMetrics.color)
+        .replace(/{{scoreHeaderColor}}/gi, physicalMetrics.color)
+        .replace(/{{svgIconColor}}/gi, physicalMetrics.color)
+        .replace(/{{lowScoreTextColor}}/gi, physicalMetrics.color)
+        .replace(/{{scoreDescriptionColor}}/gi, physicalMetrics.color)
+        .replace(/{{listIconsFontColor}}/g, config.list_icons_font_color);
+};
+
+/**
+ * Render extended first section with depression and anxiety scores
+ * @param {object} template - The HTML template
+ * @param {object} calculationData - Data containing all scores and statements
+ * @param {object} metrics - Object containing all calculated metrics
+ * @param {string} client - Client name
+ * @returns {string} Rendered HTML
+ */
+const renderExtendedFirstSection = (template, calculationData, metrics, client) => {
+    return template
+        .replace("{{depressionRiskScore}}", metrics.depression.scoreInteger)
+        .replace("{{depressionRiskScoreDecimalPart}}", metrics.depression.scoreDecimal)
+        .replace("{{depressionRiskScoreStatement}}", calculationData.depressionRiskScoreStatement)
+        .replace("{{DepressionRiskWord}}", localeService.t('depressionRisk'))
+        .replace(/{{rotateDepressionRiskAmount}}/gi, metrics.depression.rotateAmount)
+        .replace(/{{depressionRiskColor}}/gi, metrics.depression.color)
+        .replace("{{anxietyRiskScore}}", metrics.anxiety.scoreInteger)
+        .replace("{{anxietyRiskScoreDecimalPart}}", metrics.anxiety.scoreDecimal)
+        .replace("{{anxietyRiskScoreStatement}}", calculationData.anxietyRiskScoreStatement)
+        .replace("{{AnxietyRiskWord}}", localeService.t('anxietyRisk'))
+        .replace(/{{rotateAnxietyRiskAmount}}/gi, metrics.anxiety.rotateAmount)
+        .replace(/{{anxietyRiskColor}}/gi, metrics.anxiety.color)
+        .replace("{{physicalScore}}", metrics.physical.scoreInteger)
+        .replace("{{physicalScoreDecimalPart}}", metrics.physical.scoreDecimal)
+        .replace("{{physicalScoreStatement}}", calculationData.physicalScoreStatement)
+        .replace("{{PhysicalWord}}", localeService.t('physicalScore'))
+        .replace(/{{rotatePhysicalAmount}}/gi, metrics.physical.rotateAmount)
+        .replace(/{{physicalColor}}/gi, metrics.physical.color)
+        .replace("{{ScoreText}}", localeService.t('scoreText'))
+        .replace("{{lowScoreText}}", localeService.t('lowScoreText'))
+        .replace("{{PhysicalWellbeingText}}", localeService.t('PhysicalWellbeingText'))
+        .replace("{{PsychologicalWellbeingText}}", localeService.t('PsychologicalWellbeingText'))
+        .replace("{{psychologicalScore}}", metrics.psychological.scoreInteger)
+        .replace("{{psychologicalScoreDecimalPart}}", metrics.psychological.scoreDecimal)
+        .replace("{{psychologicalWord}}", localeService.t('psychological'))
+        .replace("{{psychologicalScoreStatement}}", calculationData.psychologicalScoreStatement)
+        .replace(/{{rotatePsychologicalAmount}}/gi, metrics.psychological.rotateAmount)
+        .replace(/{{fifthLevelColor}}/g, config.fifth_level_color)
+        .replace(/{{thirdLevelColor}}/g, config.third_level_color)
+        .replace(/{{secondLevelColor}}/g, config.second_level_color)
+        .replace(/{{forthLevelColor}}/g, config.forth_level_color)
+        .replace(/{{firstLevelColor}}/g, client === 'nasco' ? config.second_level_color : config.first_level_color)
+        .replace(/{{psychologicalColor}}/gi, metrics.psychological.color)
+        .replace(/{{depressionRiskColor}}/gi, metrics.depression.color)
+        .replace(/{{anxietyRiskColor}}/gi, metrics.anxiety.color)
+        .replace(/{{scoreHeaderColor}}/gi, config.score_header_color)
+        .replace(/{{svgIconColor}}/gi, config.svg_icon_color)
+        .replace(/{{lowScoreTextColor}}/gi, config.low_score_text_color)
+        .replace(/{{scoreDescriptionColor}}/gi, config.score_description_color)
+        .replace(/{{listIconsFontColor}}/g, config.list_icons_font_color)
+        .replace(/{{generalFontColor}}/g, config.general_font_color)
+        .replace(/{{sectionTitleBorderColor}}/g, config.section_title_border_color);
+};
 
-    $('.first-section-scores').html(firstSectionlHtml);
+/**
+ * Load wellbeing templates based on language direction
+ * @param {boolean} isRtl - Whether the language is RTL
+ * @param {string} templatePath - Base template path (default: 'wellbeing')
+ * @returns {object} Object containing all loaded templates
+ */
+const loadWellbeingTemplates = (isRtl, templatePath = 'wellbeing') => {
+    const basePath = path.resolve(__dirname + `/../templates/${templatePath}`);
+    return {
+        html: fs.readFileSync(
+            path.resolve(basePath, isRtl ? 'rtl_no_pages.html' : 'ltr_no_pages.html'),
+            'utf8'
+        ),
+        header: fs.readFileSync(path.resolve(basePath, 'blocks/header.html'), 'utf8'),
+        footer: fs.readFileSync(path.resolve(basePath, 'blocks/footer.html'), 'utf8'),
+        firstSection: fs.readFileSync(path.resolve(basePath, 'blocks/first-section.html'), 'utf8'),
+        tips: fs.readFileSync(path.resolve(basePath, 'blocks/tips.html'), 'utf8')
+    };
+};
 
-    if (parseFloat(psychologicalScore) > 40 && parseFloat(psychologicalScore) < 70) {
-        $(".first-section-scores .psychological-score-section .part-1,.first-section-scores .psychological-score-section .part-3").addClass('inactive')
-    } else if (psychologicalScore >= 70) {
-        $(".first-section-scores .psychological-score-section .part-3,.first-section-scores .psychological-score-section .part-2").addClass('inactive')
-    } else {
-        $(".first-section-scores .psychological-score-section .part-1,.first-section-scores .psychological-score-section .part-2").addClass('inactive')
+/**
+ * Get user image based on gender and photo availability
+ * @param {string} photo - User photo URL
+ * @param {number} genderId - Gender ID (90 for female)
+ * @returns {string} Path to user image
+ */
+const getUserImage = (photo, genderId) => {
+    if (!empty(photo)) {
+        return photo;
     }
 
+    const imageFolder = path.resolve(__dirname + '/../assets/wellbeing/images');
+    return genderId === 90
+        ? path.resolve(imageFolder, 'user-woman.png')
+        : path.resolve(imageFolder, 'user-man.png');
+};
 
-    if (parseFloat(physicalScore) > 40 && parseFloat(physicalScore) < 70) {
-        $(".first-section-scores .physical-score-section .part-1,.first-section-scores .physical-score-section .part-3").addClass('inactive')
-    } else if (physicalScore >= 70) {
-        $(".first-section-scores .physical-score-section .part-3,.first-section-scores .physical-score-section .part-2").addClass('inactive')
-    } else {
-        $(".first-section-scores .physical-score-section .part-1,.first-section-scores .physical-score-section .part-2").addClass('inactive')
-    }
-    $(".score-main").addClass(client);
-    $(".score-main").addClass(language);
-    /* Second section*/
-    let partScores = data.partsScore;
-    let allScores = {'lifeStyle': [], 'body': [], 'mind': [], healthRisk: []}
-    let tempScore = {
-        'lifeStyle': partScores.lifeStyle,
-        'body': partScores.body,
-        'mind': partScores.mind,
-        'healthRisk': partScores.healthRisk
+/**
+ * Generate dynamic CSS styles for the report
+ * @param {string} iconColor - Color for icon elements
+ * @returns {string} CSS style string
+ */
+const generateReportStyles = (iconColor) => {
+    const styles = {
+        '.tips-text': `color: ${config.insights_font_color} !important;`,
+        '.first-level-font-color': `color: ${config.general_font_color} !important;`,
+        '.first-section-scores': `border-color: ${config.first_section_scores_border_color} !important;`,
+        '.disclaimer-text-color': `color: ${config.disclaimer_text_color} !important;`,
+        '.first-level-border-color': `border-color: ${config.general_font_color} !important;`,
+        '.scores-note .first-level-font-color': `color: ${iconColor} !important;`,
+        '.top-box-bg': `background-color: ${config.top_box_background} !important;`,
+        '.footer-background': `background-color: ${config.footer_background} !important;`,
+        '.report-date, .patient-info, .score-description, .list-text, .report-header, .list-score, .score-details-title': `color: ${config.body_font_color} !important;`,
+        '.list-item g, .list-item path': `fill: ${config.list_icons_font_color} !important; stroke: ${config.list_icons_font_color} !important;`,
+        '.fifth-level-font-color': `color: ${config.fifth_level_color} !important;`
+    };
+
+    return '<style>' + Object.entries(styles).map(([selector, rules]) => `${selector}{${rules}}`).join('') + '</style>';
+};
+
+/**
+ * Process part scores and organize by category
+ * @param {object} partScores - Raw part scores data
+ * @returns {object} Organized scores by category
+ */
+const processPartScores = (partScores) => {
+    const categories = {
+        lifeStyle: [],
+        body: [],
+        mind: [],
+        healthRisk: []
     };
-    let body = [];
-    let lifeStyle = [];
-    let mind = [];
-    let healthRisk = []
-    Object.entries(partScores).map(([key, value], index) => {
+
+    Object.entries(partScores).forEach(([key, items]) => {
         if (key === 'body' || key === 'lifeStyle' || key === 'mind') {
-            partScores[key].map((item, index) => {
-                let iconName = item['icon'].split(" ").join("")
-                let name = iconName.split(".png", [1]);
-                let value = icons[name];
-                if (empty(value)) {
-                    console.log("missing icon", name)
-                }
+            items.forEach(item => {
+                const iconName = item['icon'].replace(/\s/g, '');
+                const name = iconName.split('.png')[0];
+                const iconPath = icons[name];
 
-                let tempScore = {
-                    percentage: Math.round(item['score'] / 2), icon: value, scoreText: item['scoreText'],
+                if (empty(iconPath)) {
+                    console.log('Missing icon:', name);
+                }
 
+                const scoreData = {
+                    percentage: Math.round(item['score'] / 2),
+                    icon: iconPath,
+                    scoreText: item['scoreText']
                 };
-                if (key === 'body') {
-                    body.push(tempScore)
-                } else if (key === 'lifeStyle') {
-                    lifeStyle.push(tempScore)
-                } else if (key === 'mind') {
-                    mind.push(tempScore)
-                } else {
-                    healthRisk.push(tempScore)
-                }
 
-            })
-        }
-    });
-    tempScore['lifeStyle'] = lifeStyle;
-    tempScore['body'] = body;
-    tempScore['mind'] = mind;
-    tempScore['healthRisk'] = healthRisk;
-    // $('#content').append("<div class='row scores-parts'>" + renderItems(allScores, partScores) + "</div>");
-    debugLog("after signature");
-    /*Footer*/
-
-    $('#content').after("<h5 class='recommended-tips-title first-level-font-color'>" + localeService.t('weRecommend') + "</h5>");
-    $('.footer').append(footerTemplateHTML);
-    /*tips*/
-    let tips = data.insights.tips
-    let allTips = []
-    let lifeStyleTips = []
-    let mindTips = []
-    let bodyTips = []
-    let i = 0;
-    tips.map((key, index) => {
-        if (key.partId === 1 || key.partId === 2 || key.partId === 3) {
-            if (key.partId === 1) {
-                key.type = 'lifeStyleInsights'
-                lifeStyleTips.push(key)
-            }
-            if (key.partId === 2) {
-                key.type = 'bodyInsights'
-                bodyTips.push(key)
-            }
-            if (key.partId === 3) {
-                key.type = 'mindInsights'
-                mindTips.push(key)
-            }
+                categories[key].push(scoreData);
+            });
         }
     });
 
-    allTips.push(lifeStyleTips)
-    allTips.push(bodyTips)
-    allTips.push(mindTips)
-    $('.all-tips').append(tipsTemplate)
-    allTips.forEach((tip, index) => {
-        $(".tips-section .three-column").append("<div class='left-align'>" + renderInsightTips(tip) + "</div>");
-    })
+    return categories;
+};
 
-    $("#chartsData").append("<script> var allScores = " + JSON.stringify(tempScore) + "</script>");
+/**
+ * Organize tips by part ID
+ * @param {array} tips - Array of tip objects
+ * @returns {object} Tips organized by category
+ */
+const organizeTipsByPart = (tips) => {
+    const organized = {
+        lifeStyle: [],
+        body: [],
+        mind: []
+    };
 
-    let OUTPUT_DIRECTORY = path.resolve(`${__dirname}/../output`);
-    if (!fs.existsSync(OUTPUT_DIRECTORY)) {
-        fs.mkdirSync(OUTPUT_DIRECTORY)
-    }
-    await promisify(fs.writeFile)(OUT_FILE, dom.serialize());
+    const partMapping = {
+        1: 'lifeStyle',
+        2: 'body',
+        3: 'mind'
+    };
 
+    tips.forEach(tip => {
+        const category = partMapping[tip.partId];
+        if (category) {
+            tip.type = `${category}Insights`;
+            organized[category].push(tip);
+        }
+    });
 
-    let REQUEST_OUTPUT_DIRECTORY = path.resolve(`${__dirname}/../output/request`);
-    if (!fs.existsSync(REQUEST_OUTPUT_DIRECTORY)) {
-        fs.mkdirSync(REQUEST_OUTPUT_DIRECTORY)
-    }
+    return organized;
+};
 
-    return {
-        "html": dom.serialize(),
-        "outputFile": OUT_FILE,
-        "header": headerTemplate,
-        "footer": footerTemplate,
-        "historyData": historyData,
+/**
+ * Render header template with data
+ * @param {string} template - Header template
+ * @param {object} data - Data object containing patient info
+ * @param {string} logo - Logo path
+ * @param {string} userImage - User image path
+ * @param {string} topInsight - Top insight text
+ * @returns {string} Rendered header HTML
+ */
+const renderHeaderTemplate = (template, data, logo, userImage, topInsight) => {
+    return template
+        .replace('{{logo}}', logo)
+        .replace('{{userImage}}', userImage)
+        .replace('{{topBoxBg}}', config.top_box_background)
+        .replace('{{scoresNote}}', localeService.t('scoresNote'))
+        .replace('{{bulbIcon}}', config.bulbIcon)
+        .replace('{{reportHeader}}', localeService.t('wellbeingReport'))
+        .replace('{{reportHeaderDescription}}', topInsight)
+        .replace('{{patientName}}', data.name)
+        .replace('{{patientOld}}', data.age)
+        .replace('{{yearsOld}}', localeService.t('yearsOld'))
+        .replace('{{patientGender}}', data.gender);
+};
+
+/**
+ * Load extended templates for smart report
+ * @param {boolean} isRtl - Whether the language is RTL
+ * @param {string} clientName - Client name for template path
+ * @param {boolean} hasProfileInfo - Whether profile info exists
+ * @returns {object} Object containing all loaded templates
+ */
+const loadExtendedTemplates = (isRtl, clientName, hasProfileInfo = false) => {
+    const basePath = path.resolve(__dirname + `/../templates/${clientName}`);
+
+    const templates = {
+        html: fs.readFileSync(
+            path.resolve(basePath, isRtl ? 'rtl_no_pages.html' : 'ltr_no_pages.html'),
+            'utf8'
+        ),
+        header: fs.readFileSync(path.resolve(basePath, 'blocks/header.html'), 'utf8'),
+        pdfHeader: fs.readFileSync(path.resolve(basePath, 'blocks/header-template.html'), 'utf8'),
+        footer: fs.readFileSync(path.resolve(basePath, 'blocks/footer.html'), 'utf8'),
+        firstSection: fs.readFileSync(path.resolve(basePath, 'blocks/first-section.html'), 'utf8'),
+        tips: fs.readFileSync(path.resolve(basePath, 'blocks/tips.html'), 'utf8'),
+        patientTable: ''
     };
-}
 
-let generateHTMLWellbeingReportWithSmartReport = async (data, isDebugging, clientName, language) => {
-    debug = isDebugging;
-    OUT_FILE = path.resolve(__dirname + `/../output/${clientName}-pdf` + Date.now() + '.html');
-    Pdf_file = `/output/${clientName}-pdf` + Date.now() + '.html'
-    let wellbeingData = data.wellbeing ? data.wellbeing : {}
-    let profileInfo = data.profileInfo ? data.profileInfo : {}
-    let doctorData = data.IsDoctor ? data.Profile : []
-    let smartReport = data.SR ? JSON.parse(data.SR) : {}
-    if (empty(language)) {
-        language = 'en'
-    }
-    let isRtl = false;
-    if (language.indexOf('ar') !== -1) {
-        language = 'ar-SA';
-        isRtl = true;
+    if (hasProfileInfo) {
+        templates.patientTable = fs.readFileSync(path.resolve(basePath, 'blocks/patient-table.html'), 'utf8');
     }
-    let client = clientName ? clientName : 'default'
-    let pathFile = path.resolve(__dirname + '/../config/' + client + '.json');
-    let defaultConfig = require('../config/default.json');
-    if (fs.existsSync(pathFile)) {
-        defaultConfig = require('../config/' + client + '.json');
-    }
-    logo = defaultConfig['logo'];
-    title = defaultConfig['title'];
-    bulbIcon = defaultConfig['bulb_icon'];
-    bulb_icon_font_color = defaultConfig['bulb_icon_font_color'];
-    first_level_color = defaultConfig['first-level-color']
-    second_level_color = defaultConfig['second-level-color']
-    third_level_color = defaultConfig['third-level-color']
-    forth_level_color = defaultConfig['forth-level-color']
-    fifth_level_color = defaultConfig['fifth-level-color']
-    general_font_color = defaultConfig['general-font-color']
-    disclaimer_text_color = defaultConfig['disclaimer-text-color']
-    top_box_background = defaultConfig['top-box-background']
-    footer_background = defaultConfig['footer-background']
-    lifestyleImage = path.resolve(__dirname + '/../assets/wellbeing/images/lifestyle-section.png')
-    mindImage = path.resolve(__dirname + '/../assets/wellbeing/images/mind-section.png')
-    bodyImage = path.resolve(__dirname + '/../assets/wellbeing/images/body-section.png')
-    body_font_color = defaultConfig['body_font_color']
-    list_icons_font_color = defaultConfig['list_icons_font_color']
-    insights_font_color = defaultConfig['insights_font_color']
-    /*check if the language is an RTL language*/
-    localeService.setLocale(language);
-    debugLog("pdf language:", language);
-    /*choose the right template*/
-    let html = !isRtl ? fs.readFileSync(path.resolve(__dirname + `/../templates/${clientName}/ltr_no_pages.html`), 'utf8') : fs.readFileSync(path.resolve(__dirname + `/../templates/${clientName}/rtl_no_pages.html`), 'utf8');
-    let headerTemplate = fs.readFileSync(path.resolve(__dirname + `/../templates/${clientName}/blocks/header.html`), 'utf8');
-    let pdfHeader = fs.readFileSync(path.resolve(__dirname + `/../templates/${clientName}/blocks/header-template.html`), 'utf8');
-    let patientTableTemplate = ''
-    if (!empty(profileInfo)) patientTableTemplate = fs.readFileSync(path.resolve(__dirname + `/../templates/${clientName}/blocks/patient-table.html`), 'utf8');
-
-    let footerTemplate = fs.readFileSync(path.resolve(__dirname + `/../templates/${clientName}/blocks/footer.html`), 'utf8');
-    let firstSectionTemplate = fs.readFileSync(path.resolve(__dirname + `/../templates/${clientName}/blocks/first-section.html`), 'utf8');
-    let tipsTemplate = fs.readFileSync(path.resolve(__dirname + `/../templates/${clientName}/blocks/tips.html`), 'utf8');
-    /*create the dom element*/
-    const dom = new JSDOM(html);
-    let historyData = [];
-    debugLog("templates loaded");
-    let img = logo;
-
-    pdfHeader = pdfHeader.replace("{{logo}}", img)
-        .replace("{{clientName}}", localeService.t(title))
-        .replace("{{notificationTitle}}", localeService.t('notificationTitle'));
-
-    headerTemplate = headerTemplate
-        .replace("{{logo}}", img)
-        .replace("{{clientName}}", localeService.t(title))
-        .replace("{{notificationTitle}}", localeService.t('notificationTitle'));
-    let pdfHeaderData = profileInfo;
-    let headerData = []
-    for (let index = 0; index < 4; index++) {
-        const element = profileInfo[index];
+
+    return templates;
+};
+
+/**
+ * Generate header info HTML from profile data
+ * @param {array} profileInfo - Array of profile information
+ * @param {number} count - Number of items to process (default: 4)
+ * @returns {string} Generated HTML
+ */
+const generateHeaderInfo = (profileInfo, count = 4) => {
+    let html = '';
+
+    for (let i = 0; i < Math.min(count, profileInfo.length); i++) {
+        const element = profileInfo[i];
         if (element) {
-            headerData += `
+            html += `
                 <div class="info-group">
                     <div class="info-title">${element.title}:</div>
                     <div class="info-value">${element.value}</div>
@@ -484,222 +652,124 @@ let generateHTMLWellbeingReportWithSmartReport = async (data, isDebugging, clien
             `;
         }
     }
-    const $ = (require('jquery'))(dom.window);
-    $('#content').append(headerTemplate);
-    $('.report-info').html(headerData);
-    let iconColor = !empty(bulb_icon_font_color) ? bulb_icon_font_color : general_font_color
-    /*get the window from the dom to be used as a jquery function*/
-    $('#content').append('<style>' + '.tips-text{color: ' + insights_font_color + ' !important;}' + '.first-level-font-color{color:' + general_font_color + ' !important;}' + '.first-section-scores{border-color:' + fifth_level_color + ' !important;}' + '.disclaimer-text-color{color:' + disclaimer_text_color + ' !important;}' + '.first-level-border-color{border-color:' + general_font_color + ' !important;}' + '.scores-note .first-level-font-color{color:' + iconColor + ' !important;}' + '.top-box-bg{background-color: ' + top_box_background + ' !important;}' + '.footer-background{background-color: ' + footer_background + ' !important;}' + '.report-date, .patient-info,.score-description,.list-text,.report-header,.list-score,.score-details-title{color: ' + body_font_color + ' !important;}' + '.list-item g, .list-item path{fill: ' + list_icons_font_color + ' !important;stroke: ' + list_icons_font_color + ' !important;}' + '.fifth-level-font-color{color:' + fifth_level_color + '!important;}' + '</style>');
-    if (empty(wellbeingData.photo)) {
-
-        $('#content').append('<style>' + '.user-profile-img{display: none !important;}' + '</style>');
-
-    }
-    $("#chartsData").append("<script> var RANGE_COLORS = ['" + first_level_color + "','" + second_level_color + "','" + third_level_color + "','" + forth_level_color + "','" + fifth_level_color + "'];</script>");
-    let firstSectionlHtml = ''
-    if (!empty(wellbeingData)) {
-        /* First section */
-        let physicalScore = wellbeingData.calculation.physicalScore?.toFixed(1)
-        let physicalAmount = ((physicalScore > 40 && physicalScore < 70) ? 310 : (physicalScore >= 70) ? 310 : 300);
-        let physicalColor = (physicalScore > 40 && physicalScore < 70) ? third_level_color : (physicalScore >= 70) ? fifth_level_color : client === 'nasco' ? second_level_color : first_level_color;
-
-        let rotatePhysicalAmount = (physicalScore / 100) * physicalAmount;
-        if (physicalScore <= 20) {
-            rotatePhysicalAmount += 25
-        }
 
-        if (rotatePhysicalAmount > 336) {
-            rotatePhysicalAmount = 336
-        }
-
-        let depressionRiskScore = wellbeingData.calculation.depressionRiskScore?.toFixed(1)
-        const depressionRiskAmount = (depressionRiskScore >= 0 && depressionRiskScore <= 14.8) ? 550 : (depressionRiskScore >= 18.5 && depressionRiskScore <= 33.3) ? 400 : (depressionRiskScore >= 37 && depressionRiskScore <= 51.9) ? 380 : (depressionRiskScore >= 55.6 && depressionRiskScore <= 70.4) ? 370 : (depressionRiskScore >= 74.1 && depressionRiskScore <= 100) ? 330 : 0;
-        let depressionRiskColor = (depressionRiskScore > 40 && depressionRiskScore < 70) ? third_level_color : (depressionRiskScore >= 70) ? fifth_level_color : client === 'nasco' ? second_level_color : first_level_color;
-
-        let rotateDepressionRiskAmount = (depressionRiskScore / 100) * depressionRiskAmount;
+    return html;
+};
 
+/**
+ * Generate extended report styles with additional properties
+ * @param {string} iconColor - Color for icon elements
+ * @returns {string} CSS style string
+ */
+const generateExtendedReportStyles = (iconColor) => {
+    const styles = {
+        '.tips-text': `color: ${config.insights_font_color} !important;`,
+        '.first-level-font-color': `color: ${config.general_font_color} !important;`,
+        '.first-section-scores': `border-color: ${config.section_title_border_color} !important;`,
+        '.physical-score-section': `border-color: ${config.section_title_border_color} !important;`,
+        '.psychological-score-section, .psychological-score-section1, .psychological-score-section2': `border-color: ${config.body_font_color} !important;`,
+        '.row.score-section': `border-color: ${config.section_title_border_color} !important;`,
+        '.disclaimer-text-color': `color: ${config.disclaimer_text_color} !important;`,
+        '.first-level-border-color': `border-color: ${config.general_font_color} !important;`,
+        '.scores-note .first-level-font-color': `color: ${iconColor} !important;`,
+        '.top-box-bg': `background-color: ${config.top_box_background} !important;`,
+        '.footer-background': `background-color: ${config.footer_background} !important;`,
+        '.print-page-footer': `border-color: ${config.footer_border_color} !important;`,
+        '.report-date, .patient-info, .score-description, .list-text, .report-header, .list-score, .score-details-title': `color: ${config.body_font_color} !important;`,
+        '.list-item g, .list-item path': `fill: ${config.list_icons_font_color} !important; stroke: ${config.list_icons_font_color} !important;`,
+        '.fifth-level-font-color': `color: ${config.fifth_level_color} !important;`
+    };
 
-        let anxietyRiskScore = wellbeingData.calculation.anxietyRiskScore?.toFixed(1)
-        const anxietyRiskAmount = (anxietyRiskScore >= 0 && anxietyRiskScore <= 19) ? 460 : (anxietyRiskScore >= 23.8 && anxietyRiskScore <= 42.9) ? 400 : (anxietyRiskScore >= 47.6 && anxietyRiskScore <= 66.7) ? 360 : (anxietyRiskScore >= 71.4 && anxietyRiskScore <= 100) ? 330 : 0;
+    return '<style>' + Object.entries(styles).map(([selector, rules]) => `${selector}{${rules}}`).join('') + '</style>';
+};
 
-        let anxietyRiskColor = (anxietyRiskScore > 40 && anxietyRiskScore < 70) ? third_level_color : (anxietyRiskScore >= 70) ? fifth_level_color : client === 'nasco' ? second_level_color : first_level_color;
+/**
+ * Process extended part scores with base division
+ * @param {object} partScores - Raw part scores data
+ * @returns {object} Organized scores by category
+ */
+const processExtendedPartScores = (partScores) => {
+    const categories = {
+        lifeStyle: [],
+        body: [],
+        mind: [],
+        healthRisk: []
+    };
 
-        let rotateAnxietyRiskAmount = (anxietyRiskScore / 100) * anxietyRiskAmount;
+    Object.entries(partScores).forEach(([key, items]) => {
+        if (key === 'body' || key === 'lifeStyle' || key === 'mind') {
+            items.forEach(item => {
+                const iconName = item['icon'].replace(/\s/g, '');
+                const name = iconName.split('.png')[0];
+                const iconPath = icons[name];
 
-        let psychologicalScore = wellbeingData.calculation.psychologicalScore?.toFixed(1)
-        let psychologicalAmount = ((psychologicalScore > 40 && psychologicalScore < 70) ? 355 : (psychologicalScore >= 70) ? 360 : 214);
-        let psychologicalColor = (psychologicalScore > 40 && psychologicalScore < 70) ? third_level_color : (psychologicalScore >= 70) ? fifth_level_color : client === 'nasco' ? second_level_color : first_level_color;
-        let rotatePsychologicalAmount = (psychologicalScore / 100) * psychologicalAmount;
-        if (rotatePsychologicalAmount > 336) {
-            rotatePsychologicalAmount = 336
-        }
+                if (empty(iconPath)) {
+                    console.log('Missing icon:', name);
+                }
 
-        firstSectionlHtml = firstSectionTemplate.replace("{{depressionRiskScore}}", parseFloat(Math.floor(wellbeingData.calculation.depressionRiskScore)))
-            .replace("{{depressionRiskScoreDecimalPart}}", parseFloat((wellbeingData.calculation.depressionRiskScore)?.toFixed(1) % 1)?.toFixed(1).substring(1))
-            .replace("{{depressionRiskScoreStatement}}", wellbeingData.calculation.depressionRiskScoreStatement)
-            .replace("{{DepressionRiskWord}}", localeService.t('depressionRisk'))
-            .replace(/{{rotateDepressionRiskAmount}}/gi, rotateDepressionRiskAmount)
-            .replace(/{{depressionRiskColor}}/gi, depressionRiskColor)
-            .replace("{{anxietyRiskScore}}", parseFloat(Math.floor(wellbeingData.calculation.anxietyRiskScore)))
-            .replace("{{anxietyRiskScoreDecimalPart}}", parseFloat((wellbeingData.calculation.anxietyRiskScore)?.toFixed(1) % 1)?.toFixed(1).substring(1))
-            .replace("{{anxietyRiskScoreStatement}}", wellbeingData.calculation.anxietyRiskScoreStatement)
-            .replace("{{AnxietyRiskWord}}", localeService.t('anxietyRisk'))
-            .replace(/{{rotateAnxietyRiskAmount}}/gi, rotateAnxietyRiskAmount)
-            .replace(/{{anxietyRiskColor}}/gi, anxietyRiskColor)
-            .replace("{{physicalScore}}", parseFloat(Math.floor(wellbeingData.calculation.physicalScore)))
-            .replace("{{physicalScoreDecimalPart}}", parseFloat((wellbeingData.calculation.physicalScore)?.toFixed(1) % 1)?.toFixed(1).substring(1))
-            .replace("{{physicalScoreStatement}}", wellbeingData.calculation.physicalScoreStatement)
-            .replace("{{PhysicalWord}}", localeService.t('physicalScore'))
-            .replace(/{{rotatePhysicalAmount}}/gi, rotatePhysicalAmount)
-            .replace(/{{physicalColor}}/gi, physicalColor)
-            .replace("{{ScoreText}}", localeService.t('scoreText'))
-            .replace("{{lowScoreText}}", localeService.t('lowScoreText'))
-            .replace("{{PhysicalWellbeingText}}", localeService.t('PhysicalWellbeingText'))
-            .replace("{{PsychologicalWellbeingText}}", localeService.t('PsychologicalWellbeingText'))
-            .replace("{{psychologicalScore}}", Math.floor(wellbeingData.calculation.psychologicalScore))
-            .replace("{{psychologicalScoreDecimalPart}}", parseFloat((wellbeingData.calculation.psychologicalScore)?.toFixed(1) % 1)?.toFixed(1).substring(1))
-            .replace("{{psychologicalWord}}", localeService.t('psychological'))
-            .replace("{{psychologicalScoreStatement}}", wellbeingData.calculation.psychologicalScoreStatement)
-            .replace(/{{rotatePsychologicalAmount}}/gi, rotatePsychologicalAmount)
-            .replace(/{{fifthLevelColor}}/g, fifth_level_color)
-            .replace(/{{thirdLevelColor}}/g, third_level_color)
-            .replace(/{{secondLevelColor}}/g, second_level_color)
-            .replace(/{{forthLevelColor}}/g, forth_level_color)
-            .replace(/{{firstLevelColor}}/g, client === 'nasco' ? second_level_color : first_level_color)
-            .replace("{{psychologicalColor}}", psychologicalColor)
-            .replace(/{{listIconsFontColor}}/g, list_icons_font_color);
-        $('.first-section-scores').html(firstSectionlHtml);
-        if (parseFloat(psychologicalScore) > 40 && parseFloat(psychologicalScore) < 70) {
-            $(".first-section-scores .psychological-score-section .part-1,.first-section-scores .psychological-score-section .part-3").addClass('inactive')
-        } else if (psychologicalScore >= 70) {
-            $(".first-section-scores .psychological-score-section .part-3,.first-section-scores .psychological-score-section .part-2").addClass('inactive')
-        } else {
-            $(".first-section-scores .psychological-score-section .part-1,.first-section-scores .psychological-score-section .part-2").addClass('inactive')
-        }
+                const scoreData = {
+                    percentage: Math.round(item['score'] / (item['base'] / 5)),
+                    icon: iconPath,
+                    scoreText: item['scoreText'],
+                    key
+                };
 
-        if (parseFloat(depressionRiskScore) > 40 && parseFloat(depressionRiskScore) < 70) {
-            $(".first-section-scores .psychological-score-section1 .part-1,.first-section-scores .psychological-score-section1 .part-3").addClass('inactive')
-        } else if (depressionRiskScore >= 70) {
-            $(".first-section-scores .psychological-score-section1 .part-3,.first-section-scores .psychological-score-section1 .part-2").addClass('inactive')
-        } else {
-            $(".first-section-scores .psychological-score-section1 .part-1,.first-section-scores .psychological-score-section1 .part-2").addClass('inactive')
+                categories[key].push(scoreData);
+            });
         }
+    });
 
-        if (parseFloat(anxietyRiskScore) > 40 && parseFloat(anxietyRiskScore) < 70) {
-
-            $(".first-section-scores .psychological-score-section2 .part-1,.first-section-scores .psychological-score-section2 .part-3").addClass('inactive')
-        } else if (anxietyRiskScore >= 70) {
-            $(".first-section-scores .psychological-score-section2 .part-3,.first-section-scores .psychological-score-section2 .part-2").addClass('inactive')
-        } else {
-            $(".first-section-scores .psychological-score-section2 .part-1,.first-section-scores .psychological-score-section2 .part-2").addClass('inactive')
-        }
+    return categories;
+};
 
-        if (parseFloat(physicalScore) > 40 && parseFloat(physicalScore) < 70) {
-            $(".first-section-scores .physical-score-section .part-1,.first-section-scores .physical-score-section .part-3").addClass('inactive')
-        } else if (physicalScore >= 70) {
-            $(".first-section-scores .physical-score-section .part-3,.first-section-scores .physical-score-section .part-2").addClass('inactive')
-        } else {
-            $(".first-section-scores .physical-score-section .part-1,.first-section-scores .physical-score-section .part-2").addClass('inactive')
-        }
+/**
+ * Organize tips by part ID for extended report
+ * @param {array} tips - Array of tip objects
+ * @returns {object} Tips organized by category
+ */
+const organizeExtendedTipsByPart = (tips) => {
+    const organized = {
+        lifeStyle: [],
+        body: [],
+        mind: []
+    };
 
-        $(".score-main").addClass(client);
-        $(".score-main").addClass(language);
-        /* Second section*/
-        let partScores = wellbeingData.partsScore;
-        let allScores = {'lifeStyle': [], 'body': [], 'mind': [], healthRisk: []}
-        let tempScore = {
-            'lifeStyle': partScores.lifeStyle,
-            'body': partScores.body,
-            'mind': partScores.mind,
-            'healthRisk': partScores.healthRisk
-        };
-        let body = [];
-        let lifeStyle = [];
-        let mind = [];
-        let healthRisk = []
-        Object.entries(partScores).map(([key, value], index) => {
-            if (key === 'body' || key === 'lifeStyle' || key === 'mind') {
-                partScores[key].map((item, index) => {
-                    let iconName = item['icon'].split(" ").join("")
-                    let name = iconName.split(".png", [1]);
-                    let value = icons[name];
-                    if (empty(value)) {
-                        console.log("missing icon", name)
-                    }
-                    let tempScore = {
-                        percentage: Math.round(item['score'] / (item['base'] / 5)),
-                        icon: value,
-                        scoreText: item['scoreText'],
-                        key
-                    };
-                    if (key === 'body') {
-                        body.push(tempScore)
-                    } else if (key === 'lifeStyle') {
-                        lifeStyle.push(tempScore)
-                    } else if (key === 'mind') {
-                        mind.push(tempScore)
-                    } else {
-                        healthRisk.push(tempScore)
-                    }
-                })
-            }
-        });
-        tempScore['lifeStyle'] = lifeStyle;
-        tempScore['body'] = body;
-        tempScore['mind'] = mind;
-        tempScore['healthRisk'] = healthRisk;
-        $('#content').append("<div class='row scores-parts' style='width:99.5% !important;'>" + renderItems(allScores, partScores) + "</div>");
-        debugLog("after signature");
-        let tips = wellbeingData.insights.tips
-        if (!empty(tips)) $('#content').after("<h5 class='recommended-tips-title'>" + localeService.t('weRecommend') + "</h5>");
-        let allTips = []
-        let lifeStyleTips = []
-        let mindTips = []
-        let bodyTips = []
-        let i = 0;
-        if (!empty(tips)) {
-            tips.map((key, index) => {
-                if (key.partId === 1 || key.partId === 2 || key.partId === 3) {
-                    if (key.partId === 1) {
-                        key.type = 'lifeStyleInsights'
-                        lifeStyleTips.push(key)
-                    }
-                    if (key.partId === 3) {
-                        key.type = 'bodyInsights'
-                        bodyTips.push(key)
-                    }
-                    if (key.partId === 2) {
-                        key.type = 'mindInsights'
-                        mindTips.push(key)
-                    }
-                }
-            });
+    const partMapping = {
+        1: 'lifeStyle',
+        3: 'body',
+        2: 'mind'
+    };
 
-            allTips.push(lifeStyleTips)
-            allTips.push(bodyTips)
-            allTips.push(mindTips)
-            $('.all-tips').append(tipsTemplate)
-            allTips.forEach((tip, index) => {
-                $(".tips-section .three-column").append("<div class='left-align'>" + renderInsightTips(tip, client) + "</div>");
-            })
+    tips.forEach(tip => {
+        const category = partMapping[tip.partId];
+        if (category) {
+            tip.type = `${category}Insights`;
+            organized[category].push(tip);
         }
-        $("#chartsData").append("<script> var allScores = " + JSON.stringify(tempScore) + "</script>");
-
-    }
-    if (empty(wellbeingData) || empty(wellbeingData?.insights?.tips)) {
+    });
 
-        $('.footer-background').css('display', 'none')
-        if (empty(wellbeingData)) $('.first-section-scores').css('display', 'none')
+    return organized;
+};
 
+/**
+ * Render patient table from profile info
+ * @param {array} profileInfo - Profile information array
+ * @param {number} startIndex - Start index for processing (default: 4)
+ * @returns {string} Rendered patient table HTML
+ */
+const renderPatientTable = (profileInfo, startIndex = 4) => {
+    if (empty(profileInfo) || profileInfo.length <= startIndex) {
+        return '';
     }
 
-    if (!empty(profileInfo)) {
-        let details1HTML = "";
-        let details2HTML = "";
-
+    let details1HTML = '';
+    let details2HTML = '';
+    const midPoint = Math.min(8, profileInfo.length);
 
-        for (let i = 4; i < 8; i++) {
-            const item = profileInfo[i];
+    // First column (items 4-7)
+    for (let i = startIndex; i < midPoint; i++) {
+        const item = profileInfo[i];
+        if (item) {
             const title = escapeHTML(item.title);
             details1HTML += `
                 <div class="details-row">
@@ -708,342 +778,700 @@ let generateHTMLWellbeingReportWithSmartReport = async (data, isDebugging, clien
                 </div>
             `;
         }
+    }
 
-        for (let i = 8; i < profileInfo.length; i++) {
-            const item = profileInfo[i];
+    // Second column (items 8+)
+    for (let i = midPoint; i < profileInfo.length; i++) {
+        const item = profileInfo[i];
+        if (item) {
             const title = escapeHTML(item.title);
             details2HTML += `
                 <div class="details-row">
-                    <div class="details-label" style=" unicode-bidi: isolate;">${wrapLTR(title)}</div>
+                    <div class="details-label" style="unicode-bidi: isolate;">${wrapLTR(title)}</div>
                     <div class="details-value">${item.value}</div>
                 </div>
             `;
         }
-        $('.patient-table').html(`<div class="patient-details"> <div class="details-column"> ${details1HTML} </div> <div class="details-column" style="margin-left:1%"> ${details2HTML} </div> </div>`);
     }
 
-    if (!empty(doctorData)) {
-        let details1HTML = "";
-        let details2HTML = "";
+    return `
+        <div class="patient-details">
+            <div class="details-column">${details1HTML}</div>
+            <div class="details-column" style="margin-left:1%">${details2HTML}</div>
+        </div>
+    `;
+};
+
+/**
+ * Render doctor quiz details
+ * @param {array} doctorData - Doctor data array
+ * @returns {string} Rendered doctor details HTML
+ */
+const renderDoctorDetails = (doctorData) => {
+    if (empty(doctorData)) {
+        return '';
+    }
 
-        const halfLength = Math.ceil(doctorData.length / 2);
+    let details1HTML = '';
+    let details2HTML = '';
+    const halfLength = Math.ceil(doctorData.length / 2);
 
-        for (let i = 0; i < halfLength; i++) {
-            const item = doctorData[i];
-            details1HTML += `
+    // First column
+    for (let i = 0; i < halfLength; i++) {
+        const item = doctorData[i];
+        details1HTML += `
             <div class="details-row page-break">
                 <div class="question-title">${item.title}</div>
                 <div class="details-value">${item.value}</div>
             </div>
         `;
-        }
+    }
 
-        for (let i = halfLength; i < doctorData.length; i++) {
-            const item = doctorData[i];
-            details2HTML += `
+    // Second column
+    for (let i = halfLength; i < doctorData.length; i++) {
+        const item = doctorData[i];
+        details2HTML += `
             <div class="details-row page-break">
                 <div class="question-title">${item.title}</div>
                 <div class="details-value">${item.value}</div>
             </div>
         `;
-        }
+    }
 
-        const finalHTML = `
-            <p class="resume-title"> Quiz Answers</p>
-            <div class="details-column">
-                ${details1HTML}
-            </div>
-            <div class="details-column" style="margin-left: 1%">
-                ${details2HTML}
-            </div>
+    return `
+        <p class="resume-title">Quiz Answers</p>
+        <div class="details-column">${details1HTML}</div>
+        <div class="details-column" style="margin-left: 1%">${details2HTML}</div>
     `;
+};
+
+/**
+ * Render PDF header template
+ * @param {string} template - PDF header template
+ * @param {string} logo - Logo path
+ * @param {string} title - Client title
+ * @returns {string} Rendered PDF header
+ */
+const renderPdfHeaderTemplate = (template, logo, title) => {
+    return template
+        .replace('{{logo}}', logo)
+        .replace('{{clientName}}', localeService.t(title))
+        .replace('{{notificationTitle}}', localeService.t('notificationTitle'))
+        .replace(/{{sectionTitleBorderColor}}/g, config.section_title_border_color);
+};
+
+/**
+ * Render basic header template for extended report
+ * @param {string} template - Header template
+ * @param {string} logo - Logo path
+ * @param {string} title - Client title
+ * @returns {string} Rendered header
+ */
+const renderBasicHeaderTemplate = (template, logo, title) => {
+    return template
+        .replace('{{logo}}', logo)
+        .replace('{{clientName}}', localeService.t(title))
+        .replace('{{notificationTitle}}', localeService.t('notificationTitle'));
+};
+
+/***
+ *  HTML file generator to fill the html template
+ *  based on the json wellbeingData from the POST request
+ */
+/**
+ * Generate HTML wellbeing report
+ * @param {object} data - Report data
+ * @param {boolean} isDebugging - Debug mode flag
+ * @param {string} clientName - Client name for configuration
+ * @param {string} language - Report language
+ * @returns {object} Generated report data
+ */
+let generateHTMLWellbeingReport = async (data, isDebugging, clientName, language) => {
+    // Setup
+    debug = isDebugging;
+    const client = clientName || 'default';
+    OUT_FILE = path.resolve(__dirname + `/../output/${client}-pdf-` + Date.now() + '.html');
+    Pdf_file = `/output/${client}-pdf-` + Date.now() + '.html';
+
+    // Language configuration
+    language = empty(language) ? 'en' : language;
+    const isRtl = language.indexOf('ar') !== -1;
+    if (isRtl) language = 'ar-SA';
+
+    // Load client configuration
+    loadClientConfig(client);
+    localeService.setLocale(language);
+    debugLog("pdf language:", language);
 
-        $('.doctor-details').html(finalHTML);
+    // Load templates
+    const templates = loadWellbeingTemplates(isRtl);
+    debugLog("templates loaded");
+
+    // Setup DOM
+    const dom = new JSDOM(templates.html);
+    const $ = (require('jquery'))(dom.window);
+    const historyData = [];
+
+    // Prepare data
+    const userImage = getUserImage(data.photo, data.genderId);
+    const topInsight = data.lingualReading?.statement || localeService.t('reportHeaderDescription');
+
+    // Render header
+    const renderedHeader = renderHeaderTemplate(
+        templates.header,
+        data,
+        config.logo,
+        userImage,
+        topInsight
+    );
+
+    // Apply styles
+    const iconColor = config.bulb_icon_font_color || config.general_font_color;
+    const dynamicStyles = generateReportStyles(iconColor);
+
+    $('#content').append(renderedHeader);
+    $('#content').append(dynamicStyles);
+
+    // Handle missing photo
+    if (empty(data.photo)) {
+        $('#content').append('<style>.user-profile-img{display: none !important;}</style>');
     }
-    $('.report-info').html(headerData);
 
-    if (!empty(smartReport)) $('#smart-report').append(generateReportHtml(smartReport, isRtl, false, false, language).html);
+    // Add chart colors
+    $("#chartsData").append(
+        `<script>var RANGE_COLORS = ['${config.first_level_color}','${config.second_level_color}','${config.third_level_color}','${config.forth_level_color}','${config.fifth_level_color}'];</script>`
+    );
+
+    // Render first section
+    const physicalMetrics = calculateScoreMetrics(data.calculation.physicalScore, client);
+    const psychologicalMetrics = calculateScoreMetrics(data.calculation.psychologicalScore, client);
+
+    const firstSectionHtml = renderFirstSection(
+        templates.firstSection,
+        data.calculation,
+        physicalMetrics,
+        psychologicalMetrics,
+        client
+    );
+
+    $('.first-section-scores').html(firstSectionHtml);
+    applyScoreInactiveClasses($, psychologicalMetrics.score, 'psychological-score-section');
+    applyScoreInactiveClasses($, physicalMetrics.score, 'physical-score-section');
+    $(".score-main").addClass(client).addClass(language);
+
+    // Process part scores
+    const processedScores = processPartScores(data.partsScore);
+    debugLog("after signature");
+
+    // Render footer
+    const footerHtml = templates.footer
+        .replace("{{Disclaimer}}", localeService.t('Disclaimer'))
+        .replace("{{Disclaimer Text}}", localeService.t('Disclaimer Text'));
+
+    $('#content').after(`<h5 class='recommended-tips-title first-level-font-color'>${localeService.t('weRecommend')}</h5>`);
+    $('.footer').append(footerHtml);
 
-    let OUTPUT_DIRECTORY = path.resolve(`${__dirname}/../output`);
+    // Process and render tips
+    const organizedTips = organizeTipsByPart(data.insights.tips);
+    $('.all-tips').append(templates.tips);
+
+    Object.values(organizedTips).forEach(tipCategory => {
+        $(".tips-section .three-column").append(
+            `<div class='left-align'>${renderInsightTips(tipCategory)}</div>`
+        );
+    });
+
+    // Add scores data for charts
+    $("#chartsData").append(`<script>var allScores = ${JSON.stringify(processedScores)};</script>`);
+
+    // Ensure output directories exist
+    const OUTPUT_DIRECTORY = path.resolve(`${__dirname}/../output`);
     if (!fs.existsSync(OUTPUT_DIRECTORY)) {
-        fs.mkdirSync(OUTPUT_DIRECTORY)
+        fs.mkdirSync(OUTPUT_DIRECTORY);
     }
-    await promisify(fs.writeFile)(OUT_FILE, dom.serialize());
 
-    let REQUEST_OUTPUT_DIRECTORY = path.resolve(`${__dirname}/../output/request`);
+    const REQUEST_OUTPUT_DIRECTORY = path.resolve(`${__dirname}/../output/request`);
     if (!fs.existsSync(REQUEST_OUTPUT_DIRECTORY)) {
-        fs.mkdirSync(REQUEST_OUTPUT_DIRECTORY)
+        fs.mkdirSync(REQUEST_OUTPUT_DIRECTORY);
     }
+
+    // Replace footer border color placeholder for PHA
+    let finalHtml = dom.serialize();
+    if (client.toLowerCase() === 'pha') {
+        finalHtml = finalHtml.replace(/\{\{footerBorderColor\}\}/g, config.footer_border_color);
+    }
+
+    // Write file
+    await promisify(fs.writeFile)(OUT_FILE, finalHtml);
+
     return {
-        "html": dom.serialize(),
-        "outputFile": OUT_FILE,
-        "header": headerTemplate,
-        "footer": footerTemplate,
-        "historyData": historyData,
-        "profileInfo": profileInfo,
-        "language": language,
-        "pdfHeader": cleanStyledHeader(pdfHeader, profileInfo, language),
+        html: finalHtml,
+        outputFile: OUT_FILE,
+        header: renderedHeader,
+        footer: footerHtml,
+        historyData
     };
-}
+};
 
-let generatePDFWellbeingReport = async (data) => {
-    try {
-        let contentHtml = data.html;
-        OUT_FILE = data.outputFile;
-        let browser = await puppeteer.launch({
-            args: ["--no-sandbox", "--disable-setuid-sandbox", "--disable-dev-shm-usage"],
-            headless: true,
-            defaultViewport: null
-        });
-        let page = await browser.newPage();
-        debugLog("page launched!");
+/**
+ * Generate HTML wellbeing report with smart report integration
+ * @param {object} data - Report data including wellbeing, profile, and smart report
+ * @param {boolean} isDebugging - Debug mode flag
+ * @param {string} clientName - Client name for configuration
+ * @param {string} language - Report language
+ * @param {array} selectedLabs - Selected labs default is []
+ * @param {boolean} showHeaderLogo - Show header logo default is true
+ * @returns {object} Generated report data
+ */
+let generateHTMLWellbeingReportWithSmartReport = async (data, isDebugging, clientName, language, selectedLabs = [], showHeaderLogo = true) => {
+    // Setup
+    debug = isDebugging;
+    const client = clientName || 'default';
+    OUT_FILE = path.resolve(__dirname + `/../output/${client}-pdf-` + Date.now() + '.html');
+    Pdf_file = `/output/${client}-pdf-` + Date.now() + '.html';
+
+    // Extract data
+    const wellbeingData = data.wellbeing || {};
+    const profileInfo = data.profileInfo || {};
+    const doctorData = data.IsDoctor ? data.Profile : [];
+    const smartReport = data.SR ? JSON.parse(data.SR) : {};
+
+    // Language configuration
+    language = empty(language) ? 'en' : language;
+    const isRtl = language.indexOf('ar') !== -1;
+    if (isRtl) language = 'ar-SA';
+
+    // Load client configuration
+    loadClientConfig(client);
+    localeService.setLocale(language);
+    debugLog("pdf language:", language);
 
-        await page.setContent(contentHtml, {waitUntil: 'networkidle2'});
+    // Load templates
+    const templates = loadExtendedTemplates(isRtl, client, !empty(profileInfo));
+    debugLog("templates loaded");
 
-        await page.evaluateHandle('document.fonts.ready');
+    // Setup DOM
+    const dom = new JSDOM(templates.html);
+    const $ = (require('jquery'))(dom.window);
+    const historyData = [];
 
-        await page.addScriptTag({url: 'https://code.jquery.com/jquery-3.3.1.min.js'});
-        debugLog("fonts loaded!");
+    // Render templates
+    const renderedPdfHeader = renderPdfHeaderTemplate(templates.pdfHeader, config.logo, config.title);
+    const renderedHeader = renderBasicHeaderTemplate(templates.header, config.logo, config.title);
+    const headerInfoHtml = generateHeaderInfo(profileInfo, 4);
 
-        await page.setContent(contentHtml, {waitUntil: 'networkidle2'});
-        await page.goto("file:///" + path.resolve(__dirname + `/../${Pdf_file}`), {
-            timeout: 30000000, waitUntil: 'networkidle2'
-        }).catch(e => {
-            console.log("ERROR IS File path: " + e.message);
-        });
+    // Apply content and styles
+    $('#content').append(renderedHeader);
+    $('.report-info').html(headerInfoHtml);
+
+    const iconColor = config.bulb_icon_font_color || config.general_font_color;
+    const dynamicStyles = generateExtendedReportStyles(iconColor);
+    $('#content').append(dynamicStyles);
+
+    // Handle missing photo
+    if (empty(wellbeingData.photo)) {
+        $('#content').append('<style>.user-profile-img{display: none !important;}</style>');
+    }
+
+    // Add chart colors
+    $("#chartsData").append(
+        `<script>var RANGE_COLORS = ['${config.first_level_color}','${config.second_level_color}','${config.third_level_color}','${config.forth_level_color}','${config.fifth_level_color}'];</script>`
+    );
+
+    // Render wellbeing data if available
+    let firstSectionHtml = '';
+    if (!empty(wellbeingData)) {
+        // Calculate all metrics
+        const metrics = {
+            physical: calculatePhysicalScoreMetrics(wellbeingData.calculation.physicalScore, client),
+            psychological: calculateScoreMetrics(wellbeingData.calculation.psychologicalScore, client),
+            depression: calculateExtendedScoreMetrics(wellbeingData.calculation.depressionRiskScore, 'depression', client),
+            anxiety: calculateExtendedScoreMetrics(wellbeingData.calculation.anxietyRiskScore, 'anxiety', client)
+        };
+
+        // Render first section
+        firstSectionHtml = renderExtendedFirstSection(
+            templates.firstSection,
+            wellbeingData.calculation,
+            metrics,
+            client
+        );
+
+        $('.first-section-scores').html(firstSectionHtml);
+
+        // Apply inactive classes
+        applyScoreInactiveClasses($, metrics.psychological.score, 'psychological-score-section');
+        applyScoreInactiveClasses($, metrics.depression.score, 'psychological-score-section1');
+        applyScoreInactiveClasses($, metrics.anxiety.score, 'psychological-score-section2');
+        applyScoreInactiveClasses($, metrics.physical.score, 'physical-score-section');
+
+        $(".score-main").addClass(client).addClass(language);
+
+        // Process part scores
+        const processedScores = processExtendedPartScores(wellbeingData.partsScore);
+        const allScores = { lifeStyle: [], body: [], mind: [], healthRisk: [] };
+
+        $('#content').append(
+            `<div class='row scores-parts' style='width:99.5% !important;'>${renderItems(allScores, wellbeingData.partsScore)}</div>`
+        );
+        debugLog("after signature");
+
+        // Process and render tips
+        const tips = wellbeingData.insights.tips;
+        if (!empty(tips)) {
+            $('#content').after(`<h5 class='recommended-tips-title'>${localeService.t('weRecommend')}</h5>`);
 
+            const organizedTips = organizeExtendedTipsByPart(tips);
+            $('.all-tips').append(templates.tips);
+
+            Object.values(organizedTips).forEach(tipCategory => {
+                $(".tips-section .three-column").append(
+                    `<div class='left-align'>${renderInsightTips(tipCategory, client)}</div>`
+                );
+            });
+        }
+
+        // Add scores data for charts
+        $("#chartsData").append(`<script>var allScores = ${JSON.stringify(processedScores)};</script>`);
+    }
+
+    // Handle empty wellbeing data
+    if (empty(wellbeingData) || empty(wellbeingData?.insights?.tips)) {
+        $('.footer-background').css('display', 'none');
+        if (empty(wellbeingData)) {
+            $('.first-section-scores').css('display', 'none');
+        }
+    }
+
+    // Render patient table
+    if (!empty(profileInfo)) {
+        const patientTableHtml = renderPatientTable(profileInfo, 4);
+        $('.patient-table').html(patientTableHtml);
+    }
+
+    // Render doctor details
+    if (!empty(doctorData)) {
+        const doctorDetailsHtml = renderDoctorDetails(doctorData);
+        $('.doctor-details').html(doctorDetailsHtml);
+    }
+
+    // Update report info
+    $('.report-info').html(headerInfoHtml);
+
+    // Add smart report if available
+    if (!empty(smartReport)) {
+        $('#smart-report').append(generateReportHtml(smartReport, isRtl, false, false, language).html);
+    }
+
+    // Ensure output directories exist
+    const OUTPUT_DIRECTORY = path.resolve(`${__dirname}/../output`);
+    if (!fs.existsSync(OUTPUT_DIRECTORY)) {
+        fs.mkdirSync(OUTPUT_DIRECTORY);
+    }
+
+    const REQUEST_OUTPUT_DIRECTORY = path.resolve(`${__dirname}/../output/request`);
+    if (!fs.existsSync(REQUEST_OUTPUT_DIRECTORY)) {
+        fs.mkdirSync(REQUEST_OUTPUT_DIRECTORY);
+    }
+
+    // Replace footer border color placeholder for PHA
+    let finalHtml = dom.serialize();
+    if (client.toLowerCase() === 'pha') {
+        finalHtml = finalHtml.replace(/\{\{footerBorderColor\}\}/g, config.footer_border_color);
+    }
+
+    // Write file
+    await promisify(fs.writeFile)(OUT_FILE, finalHtml);
+
+    return {
+        html: finalHtml,
+        outputFile: OUT_FILE,
+        header: renderedHeader,
+        footer: templates.footer,
+        historyData,
+        profileInfo,
+        language,
+        pdfHeader: cleanStyledHeader(renderedPdfHeader, profileInfo, language, clientName, selectedLabs, showHeaderLogo)
+    };
+};
+
+/**
+ * Launch Puppeteer browser with standard configuration
+ * @returns {object} Browser instance
+ */
+const launchBrowser = async () => {
+    return await puppeteer.launch({
+        args: ["--no-sandbox", "--disable-setuid-sandbox", "--disable-dev-shm-usage"],
+        headless: true,
+        defaultViewport: null
+    });
+};
+
+/**
+ * Setup page with content and dependencies
+ * @param {object} page - Puppeteer page instance
+ * @param {string} contentHtml - HTML content to load
+ * @param {string} filePath - File path for navigation
+ * @returns {object} Configured page
+ */
+const setupPageContent = async (page, contentHtml, filePath) => {
+    await page.setContent(contentHtml, { waitUntil: 'networkidle2' });
+    await page.evaluateHandle('document.fonts.ready');
+    await page.addScriptTag({ url: 'https://code.jquery.com/jquery-3.3.1.min.js' });
+
+    debugLog("fonts loaded!");
+
+    await page.setContent(contentHtml, { waitUntil: 'networkidle2' });
+    await page.goto(`file:///${path.resolve(__dirname + `/../${filePath}`)}`, {
+        timeout: 30000000,
+        waitUntil: 'networkidle2'
+    }).catch(e => {
+        console.log("ERROR IS File path: " + e.message);
+    });
+
+    return page;
+};
+
+/**
+ * Generate PDF from HTML content (simple wellbeing report)
+ * @param {object} data - Data containing HTML and output file info
+ * @returns {Buffer} PDF buffer
+ */
+let generatePDFWellbeingReport = async (data) => {
+    try {
+        const contentHtml = data.html;
+        OUT_FILE = data.outputFile;
+
+        // Launch browser and setup page
+        const browser = await launchBrowser();
+        const page = await browser.newPage();
+        debugLog("page launched!");
+
+        // Setup content
+        await setupPageContent(page, contentHtml, Pdf_file);
         debugLog("page opened!");
-        let buffer1 = await page.pdf({
+
+        // Generate PDF
+        const buffer = await page.pdf({
             width: "210mm",
             height: "297mm",
             pageRanges: '1',
             printBackground: true,
             displayHeaderFooter: true,
             margin: {
-                top: 0, bottom: 0
+                top: 0,
+                bottom: 0
             }
         });
 
-        debugLog("Buffer1 loaded!");
+        debugLog("Buffer loaded!");
 
-        let buffer = buffer1;
         await browser.close();
         return buffer;
-
-
     } catch (e) {
         debugLog("ERROR!: ", e);
         return "";
     }
 };
 
-
-// function cleanStyledHeader(html, language = 'ar') {
-//     const dom = new JSDOM(html);
-//     const { document } = dom.window;
-//     const fontFamily = language.startsWith('ar') ? 'Cairo' : 'Open Sans';
-//     const header = document.querySelector(".report-header");
-//     if (!header) return "";
-//
-//     const styleEl = document.createElement("style");
-//     styleEl.textContent = `
-//     @media print {
-//       @page {
-//         size: A4 portrait;
-//       }
-//       .report-header-wrapper {
-//         position: fixed;
-//         top: 0;
-//       }
-//     }
-//     .report-header-wrapper * {
-//       font-family: '${fontFamily}', sans-serif !important;
-//     }
-//   `;
-//     document.head.insertBefore(styleEl, document.head.firstChild);
-//
-//     const wrapper = document.createElement("div");
-//     wrapper.className = "report-header-wrapper";
-//     wrapper.setAttribute("style", `
-//     display:flex;
-//     align-items:center;
-//     justify-content:space-between;
-//     width:100%;
-//     padding:10px 15px;
-//     box-sizing:border-box;
-//     margin-bottom:10px;
-//     font-family:'${fontFamily}', sans-serif;
-//     font-size:10px;
-//   `);
-//
-//     const top = header.querySelector(".report-top");
-//     if (top) {
-//         const cleanTop = document.createElement("div");
-//         cleanTop.setAttribute("style", `
-//       display:flex;
-//       justify-content:space-between;
-//       flex-direction:row-reverse;
-//       align-items:center;
-//       width:100%;
-//     `);
-//
-//         const name = top.querySelector(".client-name");
-//         if (name) {
-//             const cleanName = document.createElement("div");
-//             cleanName.textContent = name.textContent.trim();
-//             cleanName.setAttribute("style", `
-//         color:#555;
-//         font-size:10px;
-//         font-weight:bold;
-//         text-transform:uppercase;
-//         overflow-wrap:break-word;
-//       `);
-//             cleanTop.appendChild(cleanName);
-//         }
-//
-//         const logo = top.querySelector("img.report-logo");
-//         if (logo) {
-//             const logoWrapper = document.createElement("div");
-//             logoWrapper.setAttribute("style", `
-//         display:inline-block;
-//         width:80px;
-//         height:40px;
-//         overflow:hidden;
-//       `);
-//             const cleanImg = document.createElement("img");
-//             cleanImg.src = logo.src;
-//             cleanImg.alt = logo.alt || "";
-//             cleanImg.setAttribute("style", "width:100%; height:auto; display:block;");
-//             logoWrapper.appendChild(cleanImg);
-//             cleanTop.appendChild(logoWrapper);
-//         }
-//
-//         wrapper.appendChild(cleanTop);
-//     }
-//
-//     return wrapper.outerHTML;
-// }
-
-const cleanStyledHeader = (html, profileInfo, language = 'ar') => {
+const cleanStyledHeader = (html, profileInfo, language = 'ar', clientName = 'mediclinic', selectedLabs = [], showLogoInHeader = true) => {
     const dom = new JSDOM(html);
     const document = dom.window.document;
-
     const logo = document.querySelector("img.report-logo");
+    const allClientLabs = config.labs_logos;
+    console.log('selected labs : ',selectedLabs);
+    const addedLogos = Object.keys(allClientLabs).filter(lab => 
+        selectedLabs?.some(otherLab => otherLab.toLowerCase() === lab.toLowerCase())
+    );
+    console.log('added logos',addedLogos);
     const logoSrc = logo?.src || "";
-    const clientName = document.querySelector(".client-name")?.textContent?.trim() || "";
+    const headerTitle = document.querySelector(".client-name")?.textContent?.trim() || "";
     const fontFamily = language.startsWith('ar') ? 'Cairo' : 'Open Sans';
     const dir = language.startsWith('ar') ? 'rtl' : 'ltr';
-    const textAlign = dir === 'rtl' ? 'right' : 'left';
-    const justifyContent = dir === 'rtl' ? 'flex-end' : 'flex-start';
-
     let pdfHeaderData = "";
 
+    const headerStylesCustomization = () => {
+        let logoStyle = 'width:130px;height:40px;margin:0 8px;';
+        let titleStyle = `font-family: ${fontFamily};font-weight: 700;font-style: Bold;font-size: 14px;line-height: 100%;letter-spacing: 0;text-transform: uppercase;`;
+        
+        if (clientName.toLocaleLowerCase() == 'mediclinic') {
+            logoStyle = 'width: 92px;height: 28px;';
+            titleStyle = titleStyle;
+        } else if (clientName.toLocaleLowerCase() == 'pha') {
+            // Fixed height with flexible width, but constrained
+            logoStyle = 'max-height: 32px; max-width: 60px; width: auto; object-fit: contain; display: block;margin:0 4px;';
+            titleStyle = `font-family: ${fontFamily};font-weight: 500;font-style: Bold;font-size: 12px;line-height: 100%;letter-spacing: 0;text-transform: uppercase;`;
+        }
+        
+        return {
+            logoStyle,
+            titleStyle
+        };
+    };
+
     for (let index = 0; index < 4; index++) {
         const element = profileInfo[index];
         if (element) {
             pdfHeaderData += `
-<div style="display: flex; align-items: center; justify-content: center; text-align: center;padding: 4px;">
-  <span style="font-weight: 500;font-style: normal;font-size: 8px;leading-trim: NONE;line-height: 100%;letter-spacing: 0;">
-    ${element.title}:
-  </span>
-  <span style="width: 4px;"></span>
-  <span style="font-weight: 300;font-size: 8px;color: #3B3B3B;leading-trim: NONE;line-height: 100%;letter-spacing: 0;">
-    ${element.value}
-  </span>
-</div>
-`;
+                <div style="display: flex; align-items: center; justify-content: center; text-align: center;padding: 4px;">
+                    <span style="font-weight: 500;font-style: normal;font-size: 8px;leading-trim: NONE;line-height: 100%;letter-spacing: 0;">
+                        ${element.title}:
+                    </span>
+                    <span style="width: 4px;"></span>
+                    <span style="font-weight: 300;font-size: 8px;color: ${config.colors.headerText};leading-trim: NONE;line-height: 100%;letter-spacing: 0;">
+                        ${element.value}
+                    </span>
+                </div>
+            `;
         }
     }
 
+    // the images should be in the same height and width 92x61
+    const styles = headerStylesCustomization();
+    const logoSection = showLogoInHeader && logoSrc ? `
+        <div style="display: flex; gap: 12px; align-items: center;">
+            <img src="${logoSrc}" alt="Logo" style="${styles?.logoStyle || ""}" />
+            ${addedLogos.length > 0 ? addedLogos.map(lab =>
+                (!!lab && !!allClientLabs[lab])
+                    ? `<img src="${allClientLabs[lab]}" style="${styles?.logoStyle || ""}" />`
+                    : ''
+            ).join('') : ''}
+        </div>
+    ` : '';
+
+    return `
+        <style>
+            html { -webkit-print-color-adjust: exact; margin-bottom: 10px}
+        </style>
+        <div style="font-family: '${fontFamily}', sans-serif; direction: ${dir}; width: 100%;margin-left: 20px;margin-right: 20px;margin-bottom: 20px;">
+            <div style="width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;gap: 12px;">
+                ${logoSection}
+                <div style="${styles?.titleStyle || ""}">
+                    ${headerTitle.toUpperCase()}
+                </div>
+            </div>
+            <!-- Info Row -->
+            <div style="
+                padding: 2px 10px;
+                background-color: ${config.colors.headerBackground};
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                overflow: hidden;
+                margin-bottom: 5px;
+            ">
+                ${pdfHeaderData}
+            </div>
+            <div style="width: 100%; height: 1px; background-color: ${config.colors.headerDivider}; margin: 6px 0 10px 0;"></div>
+        </div>
+    `;
+};
+
+/**
+ * Get PDF footer template HTML
+ * @returns {string} Footer template HTML
+ */
+const getPdfFooterTemplate = () => {
     return `
-<style>
-  html { -webkit-print-color-adjust: exact; margin-bottom: 10px}
-</style>
-<div style="font-family: '${fontFamily}', sans-serif; direction: ${dir}; width: 100%;margin-left: 20px;margin-right: 20px;margin-bottom: 20px;">
-  <!-- Top Row -->
-  <div style="width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
-    ${logoSrc ? `
-    <div>
-      <img src="${logoSrc}" alt="Logo" style="width: 92px;height: 28px;" />
-    </div>` : ''}
-    <div style="font-family: '${fontFamily}';font-weight: 700;font-style: Bold;font-size: 14px;line-height: 100%;letter-spacing: 0;text-transform: uppercase;">
-      ${clientName.toUpperCase()}
-    </div>
-  </div>
-
-  <!-- Info Row -->
-  <div style="
-    padding: 2px 10px;
-    background-color: #f2f5f8;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    overflow: hidden;
-    margin-bottom: 5px;
-  ">
-    ${pdfHeaderData}
-  </div>
-
-  <!-- Divider -->
-  <div style="width: 100%; height: 1px; background-color: #0092D2; margin: 6px 0 10px 0;"></div>
-</div>
-  `;
+        <div style="width: 100%; font-size:7.3px; color: ${config.colors.footerText}; padding: 0 20px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; font-family: 'Open Sans', sans-serif;">
+            <div style="display: flex; align-items: center;font-family: 'Open Sans', sans-serif;">
+                <span style="font-style: italic; font-family: 'Open Sans', sans-serif;">Page 
+                    <span class="pageNumber" style="font-family: 'Open Sans', sans-serif; font-feature-settings: 'tnum';"></span> 
+                    of 
+                    <span class="totalPages" style="font-family: 'Open Sans', sans-serif; font-feature-settings: 'tnum';"></span>
+                </span>
+            </div>
+            <div style="display: flex; flex-direction: column; align-items: flex-end; font-family: 'Open Sans', sans-serif;">
+                <div style="font-family: 'Open Sans', sans-serif; font-feature-settings: 'tnum';">Telephone: 800 20 33</div>
+                <div style="font-family: 'Open Sans', sans-serif;">Email: info@mediclinic.ae</div>
+            </div>
+        </div>
+    `;
+};
+
+/**
+ * Launch browser for extended PDF with font optimization
+ * @returns {object} Browser instance
+ */
+const launchExtendedBrowser = async () => {
+    return await puppeteer.launch({
+        args: [
+            "--no-sandbox",
+            "--disable-setuid-sandbox",
+            "--font-render-hinting=none",
+            "--force-color-profile=srgb",
+            "--disable-web-security"
+        ],
+        headless: true,
+        defaultViewport: null
+    });
+};
+
+/**
+ * Setup page for extended PDF report
+ * @param {object} page - Puppeteer page instance
+ * @param {string} contentHtml - HTML content
+ * @param {string} filePath - File path for navigation
+ * @returns {object} Configured page
+ */
+const setupExtendedPageContent = async (page, contentHtml, filePath) => {
+    await page.evaluateHandle('document.fonts.ready');
+    await page.evaluate(() => {
+        const usedFonts = Array.from(document.fonts).map(f => f.family);
+        console.log('Fonts in use:', usedFonts);
+    });
+    await page.screenshot({ encoding: 'binary' });
+
+    debugLog("page launched & fonts loaded!");
+
+    await page.addScriptTag({ url: 'https://code.jquery.com/jquery-3.3.1.min.js' });
+    await page.setContent(contentHtml, { waitUntil: 'networkidle2', timeout: 30000 });
+    await page.goto(`file:///${path.resolve(__dirname + `/../${filePath}`)}`, {
+        timeout: 30000000,
+        waitUntil: 'networkidle2'
+    }).catch(e => {
+        console.log("ERROR IS File path: " + e.message);
+    });
+
+    return page;
 };
 
+/**
+ * Generate PDF from HTML content (extended report with header/footer)
+ * @param {object} data - Data containing HTML, header, and output file info
+ * @returns {Buffer} PDF buffer
+ */
 const generatePDFReport = async (data) => {
     try {
-        let contentHtml = data.html;
-
-        const footerTemplate = `
-    <div style="width: 100%; font-size:7.3px; color: #B5B5B5; padding: 0 20px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; font-family: 'Open Sans', sans-serif;">
-                <div style="display: flex; align-items: center;font-family: 'Open Sans', sans-serif;">
-                     <span style="font-style: italic; font-family: 'Open Sans', sans-serif;">Page 
-                <span class="pageNumber" style="font-family: 'Open Sans', sans-serif; font-feature-settings: 'tnum';"></span> 
-                of 
-                <span class="totalPages" style="font-family: 'Open Sans', sans-serif; font-feature-settings: 'tnum';"></span></span>
-                        </div>
-                     <div style="display: flex; flex-direction: column; align-items: flex-end; font-family: 'Open Sans', sans-serif;">
-                         <div style="font-family: 'Open Sans', sans-serif; font-feature-settings: 'tnum';">Telephone: 800 20 33</div>
-                            <div style="font-family: 'Open Sans', sans-serif;">Email: info@mediclinic.ae</div>
-                    </div>
-            </div>`;
-
+        const contentHtml = data.html;
         const OUT_FILE = data.outputFile;
-        const browser = await puppeteer.launch({
-            args: ["--no-sandbox", "--disable-setuid-sandbox", "--font-render-hinting=none", "--force-color-profile=srgb", "--disable-web-security"],
-            headless: true,
-            defaultViewport: null
-        });
+        const footerTemplate = getPdfFooterTemplate();
+
+        // Launch browser and setup page
+        const browser = await launchExtendedBrowser();
         const page = await browser.newPage();
-        await page.evaluateHandle('document.fonts.ready');
-        await page.evaluate(() => {
-            const usedFonts = Array.from(document.fonts).map(f => f.family);
-            console.log('Fonts in use:', usedFonts);
-        });
-        await page.screenshot({encoding: 'binary'});
-        debugLog("page launched & fonts loaded!");
-        await page.addScriptTag({url: 'https://code.jquery.com/jquery-3.3.1.min.js'});
-        await page.setContent(contentHtml, {waitUntil: 'networkidle2', timeout: 30000});
-        await page.goto("file:///" + path.resolve(__dirname + `/../${Pdf_file}`), {
-            timeout: 30000000, waitUntil: 'networkidle2'
-        }).catch(e => {
-            console.log("ERROR IS File path: " + e.message);
-        });
-        const buffer1 = await page.pdf({
+
+        // Setup content
+        await setupExtendedPageContent(page, contentHtml, Pdf_file);
+
+        // Generate PDF with header and footer
+        const buffer = await page.pdf({
             format: 'A4',
             displayHeaderFooter: true,
-            footerTemplate: footerTemplate,
+            footerTemplate,
             headerTemplate: data.pdfHeader,
             width: "220mm",
             margin: {
-                top: '125px', bottom: '50px', left: '20px', right: '20px'
+                top: '125px',
+                bottom: '50px',
+                left: '20px',
+                right: '20px'
             },
-            printBackground: true,
+            printBackground: true
         });
-        const buffer = buffer1;
+
         await browser.close();
         return buffer;
-
     } catch (e) {
         debugLog("ERROR!: ", e);
         return "";
@@ -1066,211 +1494,170 @@ const renderDetails = (list) => {
         return (`<li>${list[0].content.substring(list[0].sepCount, list[0].content.length + 1)}</li>`)
     }
 
-    let columns = []
-    let isParent = false
-
-    list.map((child, index) => {
-        if (child.parent_id === "0") isParent = true
+    const columns = []
 
+    list.forEach((child) => {
         let div = '';
         if (empty(child.children)) {
-            div = `<li>` + `${child.content.substring(child.sepCount, child.content.length + 1)}` + `</li>`
+            div = `<li>${child.content.substring(child.sepCount, child.content.length + 1)}</li>`
         } else {
-            div = `<li>` + `${child.content.substring(child.sepCount, child.content.length + 1)}` + `</li>` + `<ul>` + `${renderDetails(child.children)}` + `</ul>`
+            div = `<li>${child.content.substring(child.sepCount, child.content.length + 1)}</li><ul>${renderDetails(child.children)}</ul>`
         }
 
+        if (!empty(div)) {
+            columns.push(div);
+        }
+    });
 
-        if (!empty(div)) columns.push(div)
-
-    })
-
-    let results = ''
-    columns.map((tabel) => {
-        if (!empty(tabel)) results += tabel
-    })
-    return !empty(columns) ? `${results}` : null
+    return !empty(columns) ? columns.join('') : null;
 }
 
 
-let renderScoreListElements = (key, partScores) => {
-    let elementsHtml = ''
-    let tempElements = {'body': [], 'lifeStyle': [], 'mind': [], 'healthRisk': []};
-    let body = [];
-    let lifeStyle = [];
-    let mind = [];
-    let healthRisk = []
-    let i = 0;
-    if (!isEmpty(partScores)) {
-        partScores[key].map((item, index) => {
-            let name = item['icon'].split(".png", [1]);
-            let icon = icons[name];
-            let score_segments = item['score'] + "/" + item['base']; // get score between 1 and 5
-            let color = '#8b8ba7';
-            let tempElement = {
-                id: i,
-                icon: icon,
-                name: item['name'],
-                color: color,
-                score: key === 'healthRisk' ? item['scoreText'] : score_segments
-            };
-            if (key === 'body') {
-                body.push(tempElement)
-            } else if (key === 'lifeStyle') {
-                lifeStyle.push(tempElement)
-            } else if (key === 'mind') {
-                mind.push(tempElement)
-            } else {
-                healthRisk.push(tempElement)
-            }
-            i++;
-        })
-        tempElements['lifeStyle'] = lifeStyle;
-        tempElements['mind'] = mind;
-        tempElements['body'] = body;
-
-        tempElements['healthRisk'] = healthRisk;
-
-        tempElements[key].map((item, index) => {
-            elementsHtml += "<li class='list-item'>\n" + "                    <svg fill-rule=\"evenodd\" clip-rule=\"evenodd\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 30 30\">\n" + "                        <g fill=\"none\" fillRule=\"evenodd\">\n" + "                            <g fill='" + item.color + "' stroke='" + item.color + "' strokeOpacity={0.2} fillRule=\"nonzero\">\n" + "                                <path d='" + item.icon + "'/>\n" + "                            </g>\n" + "                        </g>\n" + "                    </svg>\n" + "                    <div class='list-text'>" + item.name + "</div>\n" + "                    <div class='list-score'>" + item.score + "</div>\n" + "                </li>"
-        })
-
+/**
+ * Render score list elements for a given category
+ * @param {string} key - Category key (body, lifeStyle, mind, healthRisk)
+ * @param {object} partScores - Part scores data
+ * @returns {string} Rendered score list HTML
+ */
+const renderScoreListElements = (key, partScores) => {
+    if (isEmpty(partScores) || !partScores[key]) {
+        return '<ul class="score-list"></ul>';
     }
-    let parts = "<ul class='score-list'>" + elementsHtml + "</ul>"
-
-    return parts;
-}
-
 
-let renderItems = (allScores, partScores) => {
-    let partsScoreHtml = ''
-    if (!isEmpty(allScores)) {
-        Object.entries(allScores).map(([key, value], index) => {
-            let numberOfE = 1
-            let top = 30 * Object.entries(allScores[key]).length
-            top = top / 2
-            top = `calc( 50% - ${top}px)`;
-
-            if (Object.entries(allScores[key]).length === 1) numberOfE = "one"
-
-            if (Object.entries(allScores[key]).length === 2) numberOfE = "two"
-
-            if (Object.entries(allScores[key]).length === 3) numberOfE = "three"
-
-            if (Object.entries(allScores[key]).length === 4) numberOfE = "four"
-
-            if (Object.entries(allScores[key]).length === 5) numberOfE = "five"
+    const elements = partScores[key].map((item) => {
+        const iconName = item['icon'].split(".png")[0];
+        const icon = icons[iconName];
+        const color = config.colors.listIcon;
+        const score = key === 'healthRisk'
+            ? item['scoreText']
+            : `${item['score']}/${item['base']}`;
+
+        return `
+            <li class='list-item'>
+                <svg fill-rule="evenodd" clip-rule="evenodd" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 30 30">
+                    <g fill="none" fillRule="evenodd">
+                        <g fill='${color}' stroke='${color}' strokeOpacity={0.2} fillRule="nonzero">
+                            <path d='${icon}'/>
+                        </g>
+                    </g>
+                </svg>
+                <div class='list-text'>${item.name}</div>
+                <div class='list-score'>${score}</div>
+            </li>
+        `;
+    }).join('');
 
-            if (Object.entries(allScores[key]).length === 6) numberOfE = "six"
+    return `<ul class='score-list'>${elements}</ul>`;
+};
 
-            if (Object.entries(allScores[key]).length === 7) numberOfE = "seven"
 
-            if (Object.entries(allScores[key]).length === 8) numberOfE = "eight"
+/**
+ * Render all score items with charts
+ * @param {object} allScores - All scores object
+ * @param {object} partScores - Part scores data
+ * @returns {string} Rendered HTML for all score items
+ */
+const renderItems = (allScores, partScores) => {
+    if (isEmpty(allScores)) {
+        return '';
+    }
 
-            if (Object.entries(allScores[key]).length === 9) numberOfE = "nine"
+    const numberWords = ['', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten'];
 
-            if (Object.entries(allScores[key]).length === 10) numberOfE = "ten"
+    const itemsHtml = Object.entries(allScores).map(([key, value]) => {
+        if (empty(partScores[key])) {
+            return '';
+        }
 
-            if (!empty(partScores[key])) {
-                partsScoreHtml += "<div\n" + "                key='" + key + "'\n" + "                class='percentage-meter-content center'>";
-                partsScoreHtml += "<div class='svg-container'>";
-                if (key !== "healthRisk") {
-                    partsScoreHtml += "<div id='" + key + "' class=\"circle-container\"></div>";
-                }
+        const itemCount = Object.entries(allScores[key]).length;
+        const numberOfE = numberWords[itemCount] || itemCount.toString();
+        const topOffset = itemCount * 30 / 2;
+        const top = `calc(50% - ${topOffset}px)`;
+
+        const circleContainer = key !== "healthRisk"
+            ? `<div id='${key}' class="circle-container"></div>`
+            : '';
+
+        return `
+            <div key='${key}' class='percentage-meter-content center'>
+                <div class='svg-container'>
+                    ${circleContainer}
+                    <div class='chart-title'>
+                        <span class='score-details-title'>${localeService.t(key)}</span>
+                    </div>
+                </div>
+                <div class='element-list ${numberOfE}' style='top:${top}'>
+                    ${renderScoreListElements(key, partScores)}
+                </div>
+            </div>
+        `;
+    }).join('');
 
-                partsScoreHtml += "<div class='chart-title'>\n" + "                        <span\n" + "                            class='score-details-title'>" + localeService.t(key) + "</span>\n" + "                    </div>\n" + "\n" + "                </div>\n" + "\n" + "                 <div class='element-list " + numberOfE + "' style='top:" + top + "'>" + renderScoreListElements(key, partScores) + "</div>\n" + "            </div>"
-            }
+    return itemsHtml;
+};
 
-        });
+/**
+ * Render insight tips for a specific category
+ * @param {array} tips - Array of tip objects
+ * @param {string} clientName - Client type (e.g., 'Mediclinic')
+ * @returns {string} Rendered tips HTML
+ */
+const renderInsightTips = (tips, clientName) => {
+    if (empty(tips)) {
+        return '';
     }
-    return partsScoreHtml;
-};
 
-let renderInsightTips = (tips, type) => {
-    console.log(tips, 'tips');
+    const partImages = {
+        1: config.lifestyleImage,
+        2: config.mindImage,
+        3: config.bodyImage
+    };
 
-    if (type === 'Mediclinic') {
-        let tipsHtml = '';
+    const partTitles = {
+        1: localeService.t('lifeStyle'),
+        2: localeService.t('mind'),
+        3: localeService.t('body')
+    };
 
-        if (!empty(tips)) {
-            let partImages = {
-                1: lifestyleImage, 3: bodyImage, 2: mindImage
-            };
-
-            let partTitles = {
-                1: localeService.t('lifeStyle'), 3: localeService.t('body'), 2: localeService.t('mind')
-            };
-
-            let tip = tips[0];
-            let tipImage = partImages[tip.partId] || '';
-            let translatedTitle = partTitles[tip.partId] || '';
-
-            let textColor = tip.isPositive ? '#124374' : 'black';
-            let tipContents = ''
-            tips.map((t, index) => {
-                if (index == 0) {
-                    tipContents += `
-                
-                <div class="insight-content" style="color: #124374;">${t.content}</div>
-                `
-                } else {
-                    tipContents += `  <div class="insight-content" style="color: #000000;">${t.content}</div>`
+    if (clientName === 'Mediclinic' || clientName === 'pha') {
+        const tip = tips[0];
+        const tipImage = partImages[tip.partId] || '';
+        const translatedTitle = partTitles[tip.partId] || '';
 
-                }
-            })
+        const tipContents = tips.map((t, index) => {
+            const color = index === 0 ? config.colors.insightPrimary : config.colors.insightSecondary;
+            return `<div class="insight-content" style="color: ${color};">${t.content}</div>`;
+        }).join('');
 
-            tipsHtml += `
+        return `
             <div class="insight-wrapper">
                 <div class="insight-header">
                     <div class="insight-icon">
-                          <img src="${tipImage}" alt="${translatedTitle}" />
-
+                        <img src="${tipImage}" alt="${translatedTitle}" />
                     </div>
                     <div class="insight-title">${translatedTitle}</div>
                 </div>
-               ${tipContents}
+                ${tipContents}
             </div>
         `;
-
-            return tipsHtml;
-        }
-
-        return tipsHtml;
-    } else {
-
-
-        let tipsHtml = ''
-        if (!empty(tips)) {
-            tips.map((tip, index) => {
-                let tipImage = ''
-                let insightClass = 'insight-container-without-img';
-                let tipsTextClass = ''
-                if (index === 0) {
-                    if (tip.partId === 1) {
-                        tipImage = lifestyleImage
-                    }
-                    if (tip.partId === 2) {
-                        tipImage = bodyImage
-                    }
-                    if (tip.partId === 3) {
-                        tipImage = mindImage
-                    }
-                    insightClass = "insight-container-with-img";
-                    tipsTextClass = "first-level-font-color"
-                }
-
-                let tex = tip.content
-
-                tipsHtml += "<div class='insight-container " + insightClass + "'>" + "<div class='tips-text " + tipsTextClass + "'>" + tex + "</div>";
-                if (index === 0) {
-                    tipsHtml += "<div class='chunk-image'><img class='chunk-image-mind' src='" + tipImage + "'/></div>"
-
-                    tipsHtml += "</div>"
-                }
-            })
-        }
-        return tipsHtml;
     }
-}
+
+    // Default rendering for other clients
+    return tips.map((tip, index) => {
+        const isFirst = index === 0;
+        const tipImage = isFirst ? (partImages[tip.partId] || '') : '';
+        const insightClass = isFirst ? 'insight-container-with-img' : 'insight-container-without-img';
+        const tipsTextClass = isFirst ? 'first-level-font-color' : '';
+        const imageHtml = isFirst ? `<div class='chunk-image'><img class='chunk-image-mind' src='${tipImage}'/></div>` : '';
+
+        return `
+            <div class='insight-container ${insightClass}'>
+                <div class='tips-text ${tipsTextClass}'>${tip.content}</div>
+                ${imageHtml}
+            </div>
+        `;
+    }).join('');
+};
 
 function generateReportHtml(data, isRtl, isRectified, isIMCLab, currentLanguage) {
     let detailsViewClass = data.showCompactView ? "" : "one-page";
@@ -1285,7 +1672,7 @@ function generateReportHtml(data, isRtl, isRectified, isIMCLab, currentLanguage)
                 <td>
                 <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 12" width="20" height="20">
                     <style>
-                        .s0 { fill: #ffc107 }
+                        .s0 { fill: ${config.colors.warningIcon} }
                     </style>
                     <path id="Layer" class="s0" d="m0.7 0.6q-0.1 0-0.1 0.1v8.8q0 0.1 0.1 0.1h3.1l-0.6 0.6h-2.5c-0.4 0-0.7-0.3-0.7-0.7v-8.8c0-0.4 0.3-0.7 0.7-0.7h6.2c0.4 0 0.7 0.3 0.7 0.7v5l-0.6 0.6v-5.6q0-0.1-0.1-0.1z" />
                     <path id="Layer" class="s0" d="m9.9 5.4c0.1 0.2 0.1 0.4 0 0.5l-5.5 5.5l-1.6 0.6l0.6-1.6l5.5-5.6c0.1-0.1 0.3-0.1 0.4 0z" />