{"id":1439,"date":"2025-06-24T10:25:44","date_gmt":"2025-06-24T10:25:44","guid":{"rendered":"https:\/\/pvksa.com\/elementskit-content\/dynamic-content-widget-362bad1-f1e8b1d\/"},"modified":"2025-06-30T11:04:44","modified_gmt":"2025-06-30T11:04:44","slug":"dynamic-content-widget-362bad1-f1e8b1d","status":"publish","type":"elementskit_content","link":"https:\/\/pvco.sa\/en\/elementskit-content\/dynamic-content-widget-362bad1-f1e8b1d\/","title":{"rendered":"dynamic-content-widget-362bad1-f1e8b1d"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"1439\" class=\"elementor elementor-1439\" data-elementor-post-type=\"elementskit_content\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-95edc01 e-con-full e-flex e-con e-parent\" data-id=\"95edc01\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-a205375 e-con-full e-flex e-con e-child\" data-id=\"a205375\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a21c713 elementor-widget__width-initial exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"a21c713\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"burden-calculator\">\n  <h2 class=\"section-title\">Financial Burden Calculator<\/h2>\n\n  <label for=\"income\">Monthly Income (SAR):<\/label>\n  <input type=\"number\" id=\"income\" value=\"12000\" min=\"0\">\n\n  <label for=\"commitments\">Total Other Monthly Obligations (SAR):<\/label>\n  <input type=\"number\" id=\"commitments\" value=\"0\" min=\"0\">\n\n  <div class=\"results-summary\">\n    <h3>Financial Burden Analysis:<\/h3>\n    <p>\ud83d\udcca <strong>Salary Deduction Percentage:<\/strong> <span id=\"deduction\">0%<\/span><\/p>\n    <p id=\"statusText\" class=\"deduction-status\">\u2b05\ufe0f \u0645\u0645\u062a\u0627\u0632: \u0627\u0644\u0639\u0628\u0621 \u0645\u062d\u062f\u0648\u062f \u062c\u062f\u064b\u0627<\/p>\n  <\/div>\n<\/div>\n\n<script>\n  function calculateBurden() {\n    const income = +document.getElementById(\"income\").value;\n    const commitments = +document.getElementById(\"commitments\").value;\n    const deduction = income > 0 ? (commitments \/ income) * 100 : 0;\n\n    const deductionElement = document.getElementById(\"deduction\");\n    const statusText = document.getElementById(\"statusText\");\n\n    deductionElement.textContent = deduction.toFixed(1) + \"%\";\n\n    if (deduction < 25) {\n      statusText.textContent = \"\ud83d\udfe2 \u0645\u0645\u062a\u0627\u0632: \u0627\u0644\u0639\u0628\u0621 \u0645\u062d\u062f\u0648\u062f \u062c\u062f\u064b\u0627\";\n      statusText.style.color = \"#2e7d32\";\n    } else if (deduction < 40) {\n      statusText.textContent = \"\ud83d\udfe1 \u062c\u064a\u062f: \u0627\u0644\u0648\u0636\u0639 \u0645\u0633\u062a\u0642\u0631 \u0644\u0643\u0646 \u062a\u0627\u0628\u0639 \u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a\u0643\";\n      statusText.style.color = \"#f9a825\";\n    } else if (deduction < 50) {\n      statusText.textContent = \"\ud83d\udfe0 \u0645\u0631\u062a\u0641\u0639 \u0646\u0633\u0628\u064a\u064b\u0627: \u0627\u0646\u062a\u0628\u0647 \u0644\u0645\u0635\u0627\u0631\u064a\u0641\u0643 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\";\n      statusText.style.color = \"#fb8c00\";\n    } else {\n      statusText.textContent = \"\ud83d\udd34 \u0645\u0631\u062a\u0641\u0639 \u062c\u062f\u064b\u0627: \u062e\u0637\u0631! \u0623\u0639\u062f \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a\u0643\";\n      statusText.style.color = \"#c62828\";\n    }\n  }\n\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    document.querySelectorAll('#income, #commitments').forEach(input => {\n      input.addEventListener('input', calculateBurden);\n    });\n    calculateBurden(); \/\/ \u062a\u0634\u063a\u064a\u0644 \u0645\u0628\u062f\u0626\u064a\n  });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"author":1,"parent":0,"template":"elementor_canvas","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"class_list":["post-1439","elementskit_content","type-elementskit_content","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pvco.sa\/en\/wp-json\/wp\/v2\/elementskit-content\/1439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pvco.sa\/en\/wp-json\/wp\/v2\/elementskit-content"}],"about":[{"href":"https:\/\/pvco.sa\/en\/wp-json\/wp\/v2\/types\/elementskit_content"}],"author":[{"embeddable":true,"href":"https:\/\/pvco.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":9,"href":"https:\/\/pvco.sa\/en\/wp-json\/wp\/v2\/elementskit-content\/1439\/revisions"}],"predecessor-version":[{"id":1847,"href":"https:\/\/pvco.sa\/en\/wp-json\/wp\/v2\/elementskit-content\/1439\/revisions\/1847"}],"wp:attachment":[{"href":"https:\/\/pvco.sa\/en\/wp-json\/wp\/v2\/media?parent=1439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}