{"id":163,"date":"2025-03-04T08:47:56","date_gmt":"2025-03-04T08:47:56","guid":{"rendered":"https:\/\/powerwealth.powerwealth.ph\/wp\/?page_id=163"},"modified":"2025-07-10T12:12:15","modified_gmt":"2025-07-10T04:12:15","slug":"motorcar","status":"publish","type":"page","link":"https:\/\/powerwealth.powerwealth.ph\/wp\/motorcar\/","title":{"rendered":"Motorcar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"163\" class=\"elementor elementor-163\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4209eb2 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"4209eb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e09005e elementor-widget elementor-widget-shortcode\" data-id=\"e09005e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<style id=\"resume-hide-modal\">\n    <\/style>\n\n\t<div id=\"data-notice-modal\">\n\t  <div class=\"notice-modal-content\">\n\t\t<h3>Data Collection Notice<\/h3>\n\n\t<div class=\"checkbox-stacked\">\n\t  <input type=\"checkbox\" id=\"marketing-consent\" \/>\n\t\t<label>\n\t\t  I agree and consent that to the extent required by law, <strong>PowerWealth<\/strong> may collect, use, and process my personal information contained in my insurance application form for the purpose of insurance quotation, in accordance with the Data Privacy Act of 2012 and PowerWealth\u2019s Data Privacy Policy. I also acknowledge that I have read and understood PowerWealth\u2019s\n\t\t  <a href=\"https:\/\/powerwealth.powerwealth.ph\/wp\/terms-conditions\/\" target=\"_blank\"><strong>Terms and Conditions<\/strong><\/a> and \n\t\t  <a href=\"https:\/\/powerwealth.powerwealth.ph\/wp\/privacy-policy\/\" target=\"_blank\"><strong>Privacy Policy<\/strong><\/a>. Furthermore, I understand that my personal information may be shared with PowerWealth\u2019s accredited partners or referral accounts strictly for purposes related to insurance processing, quotation, and account management, in line with applicable data protection regulations.\n\t\t<\/label>\n\t\t<p>\n\t\t<\/p>\n\t<\/div>\n\n\t<div style=\"text-align: center;\">\n\t  <button id=\"proceed-notice-btn\" class=\"pira-button proceed-button\">PROCEED<\/button>\n    <\/div>\n\t\t  \n  <\/div>\n<\/div>\n\n<!-- LOADING SCREEN - SHOWN BY DEFAULT IF RESUME PARAMETER EXISTS -->\n<div id=\"resume-loading-screen\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: white; justify-content: center; align-items: center; z-index: 99999999; font-family: 'Montserrat', sans-serif;\">\n\n    <div style=\"text-align: center; color: #333; padding: 40px;\">\n        <div style=\"\n            width: 80px;\n            height: 80px;\n            margin: 0 auto 30px;\n            border: 6px solid #e0e0e0;\n            border-top: 6px solid #0050a3;\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n        \"><\/div>\n        <div style=\"font-size: 24px; font-weight: bold; margin-bottom: 10px; color: #333;\">\n            Restoring Your Application...\n        <\/div>\n        <div style=\"font-size: 16px; color: #666; margin-top: 10px;\">\n            Please wait while we retrieve your information\n        <\/div>\n        <div style=\"margin-top: 40px; font-size: 14px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: #0050a3; opacity: 0.8;\">\n            PowerWealth\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n<\/style>\n\n<!-- Navigation Bar -->\n<div class=\"nav-steps\">\n  <div class=\"step active\" id=\"step-car-details\">\n    <div class=\"step-circle\">1<\/div>\n    <div class=\"step-title\">Car Details<\/div>\n  <\/div>\n  <div class=\"step\" id=\"step-owner-info\">\n    <div class=\"step-circle\">2<\/div>\n    <div class=\"step-title\">Account Details<\/div>\n  <\/div>\n  <div class=\"step\" id=\"step-coverage\">\n    <div class=\"step-circle\">3<\/div>\n    <div class=\"step-title\">Customize Coverage<\/div>\n  <\/div>\n  <div class=\"step\" id=\"step-registered-owner\">\n    <div class=\"step-circle\">4<\/div>\n    <div class=\"step-title\">Registered Owner<\/div>\n  <\/div>\n  <div class=\"step\" id=\"step-vehicle-details\">\n    <div class=\"step-circle\">5<\/div>\n    <div class=\"step-title\">Vehicle Details<\/div>\n  <\/div>\n\n  <div class=\"progress-bar-container\">\n    <div class=\"progress-bar-fill default\" id=\"fill\"><\/div>\n  <\/div>\n\n<\/div>\n\n\t<div class=\"pira-container\">\n\t\t<div id=\"car-selection-container\">\n\t\t<div id=\"form-wrapper\" style=\"display: none;\">\n\t\t<div id=\"car-selection-wrapper\"> \n\t\t  <form id=\"pira-car-form\">\n\t\t\t<h3>Tell Us More About Your Car<\/h3>\n\t\t\t  <p>\n\t\t\t\t  Enter your car details below to get a free quote and a sample policy tailored to your vehicle.\n\t\t\t  <\/p>\n\t\t\t<div class=\"dropdown-wrapper\">\n\t\t\t  <label>What\u2019s your car\u2019s brand?<\/label>\n\t\t\t  <select id=\"brand\" class=\"select2\">\n\t\t\t\t<option value=\"\">Select Brand<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Baic\">Baic<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"BYD\">BYD<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Changan\">Changan<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Changhe\">Changhe<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Chery\">Chery<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Chevrolet\">Chevrolet<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Dodge\">Dodge<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Dongfeng\">Dongfeng<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Ford\">Ford<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Foton\">Foton<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Gac\">Gac<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Geely\">Geely<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"GWM\">GWM<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Haima\">Haima<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Honda\">Honda<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Hyundai\">Hyundai<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Jac\">Jac<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Jaguar\">Jaguar<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Jeep\">Jeep<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Jetour\">Jetour<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"JMC\">JMC<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Kia\">Kia<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"King Long\">King Long<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Land Rover\">Land Rover<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Lexus\">Lexus<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Lynk &amp; Co\">Lynk &amp; Co<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Maxus\">Maxus<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Mazda\">Mazda<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Mercedes Benz\">Mercedes Benz<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"MG\">MG<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Mini\">Mini<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Mitsubishi\">Mitsubishi<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Nissan\">Nissan<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Peugeot\">Peugeot<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"RAM\">RAM<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Range Rover\">Range Rover<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Subaru\">Subaru<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Suzuki\">Suzuki<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Tata\">Tata<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Tesla\">Tesla<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Toyota\">Toyota<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"VinFast\">VinFast<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"Volkswagen\">Volkswagen<\/option>\n\t\t\t\t\t\t\t\t  <option value=\"ZEEKR\">ZEEKR<\/option>\n\t\t\t\t\t\t\t  <\/select>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"dropdown-wrapper\">\n\t\t\t  <label>Which model is it?<\/label>\n\t\t\t  <select id=\"model\" class=\"select2\">\n\t\t\t\t<option value=\"\">Select Model<\/option>\n\t\t\t  <\/select>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"dropdown-wrapper\">\n\t\t\t\t  <label>What year was your car made?<\/label>\n\t\t\t  <select id=\"year\" class=\"select2\">\n\t\t\t\t<option value=\"\">Select Year<\/option>\n\t\t\t  <\/select>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"dropdown-wrapper\">\n\t\t\t  <label>Choose the exact variant<\/label>\n\t\t\t  <select id=\"variant\" class=\"select2\">\n\t\t\t\t<option value=\"\">Select Variant<\/option>\n\t\t\t  <\/select>\n\t\t\t<\/div>\n\n\t\t\t<label>Fair Market Value:\n\t\t\t\t<span class=\"custom-tooltip-icon\">\n\t\t\t\t  i\n\t\t\t\t  <span class=\"custom-tooltip-text\">\n\t\t\t\t\tNote: This estimated value is based on data used by insurance providers, including PIRA references, and may differ from actual vehicle prices in the market.\n\t\t\t\t  <\/span>\n\t\t\t\t<\/span>\n\t\t\t<\/label>\n\t\t\t<div id=\"fmv-display\">Select car details to see value<\/div>\n\n<div id=\"luxury-car-notice\" style=\"display:none; margin-top: 10px; padding: 12px 16px; background: #fff8e1; border-left: 4px solid #f5a623; border-radius: 4px; font-size: 14px; color: #7a5c00;\">\n    \u26a0\ufe0f <strong>Your selected car is a luxury vehicle.<\/strong> Our team will get in touch with you to provide a tailored quotation. You may also <a href=\"mailto:info@powerwealth.ph\" style=\"color: #0050a3; font-weight: bold;\">email us<\/a> for faster assistance.\n<\/div>\n\t\t\t<div class=\"submit-selection-wrapper\">\n\t\t\t  <button type=\"button\" id=\"submit-selection\" class=\"pira-button\">Submit<\/button>\n\t\t\t  <p class=\"back-link\">\n\t\t\t\t<a href=\"#\" id=\"manual-entry-trigger\" style=\"font-size: 14px; color:#555;\">Can\u2019t find your car?<\/a>\n\t\t\t  <\/p>\n\t\t\t<\/div>\n\n\t\t  <\/form>\n\t\t<\/div>\n\t\t\t\n\t\t<!-- Manual Entry Wrapper -->\n\t\t<div id=\"manual-entry-wrapper\" style=\"display: none;\">\n\t\t  <form id=\"manual-car-form\" class=\"styled-form\">\n\t\t\t<h3 style=\"align-self: center;\">Enter Your Car Details Manually<\/h3>\n\n\t\t\t<fieldset>\n\t\t\t  <legend>Personal Details <span style=\"color: red;\">*<\/span><\/legend>\n\t\t\t  <div class=\"form-grid\">\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t  <label for=\"manual-fullname\">Full Name <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t  <input type=\"text\" id=\"manual-fullname\" name=\"fullname\" placeholder=\"Your Full Name`\"  required>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t  <label for=\"manual-email\">Email <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t  <input type=\"email\" id=\"manual-email\" name=\"email\" placeholder=\"Your Email\"  required>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t  <label for=\"manual-phone\">Phone Number <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t  <input type=\"tel\" \n\t\t\t\t\t\t id=\"manual-phone\" \n\t\t\t\t\t\t name=\"phone\" \n\t\t\t\t\t\t placeholder=\"Your Phone Number\" \t\t\t\t\n\t\t\t\t\t\t inputmode=\"numeric\"\n\t\t\t\t\t\t oninput=\"this.value = this.value.replace(\/[^0-9]\/g, '')\"\n\t\t\t\t\t\t maxlength=\"11\" \n\t\t\t\t\t\t required\n\t\t\t\t\t\t >\n\t\t\t\t<\/div>\n\t\t\t  <\/div>\n\t\t\t<\/fieldset>\n\n\t\t\t<fieldset>\n\t\t\t  <legend>Car Details<\/legend>\n\t\t\t  <div class=\"form-grid\">\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t  <label for=\"manual-brand\">Car Brand <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t  <input type=\"text\" id=\"manual-brand\" name=\"brand\" placeholder=\"Your Car Brand*\" required>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t  <label for=\"manual-model\">Car Model <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t  <input type=\"text\" id=\"manual-model\" name=\"model\" placeholder=\"Your Car Model*\" required>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t  <label for=\"manual-year\">Year <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t  <input type=\"text\" id=\"manual-year\" name=\"year\" maxlength=\"4\" inputmode=\"numeric\"\n\t\t\t\t\toninput=\"this.value = this.value.replace(\/[^0-9]\/g, '')\" placeholder=\"Year of Manufacture\" required>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t  <label for=\"manual-transmission\">Transmission <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t  <input type=\"text\" id=\"manual-transmission\" name=\"transmission\" placeholder=\"Your Car Transmission\" required>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t  <label for=\"manual-variant\">Variant <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t  <input type=\"text\" id=\"manual-variant\" name=\"variant\" placeholder=\"Your Car Variant\" required>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t  <label for=\"manual-seaters\">Seater Number <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t  <input type=\"text\" \n\t\t\t\t\t\t id=\"manual-seaters\" \n\t\t\t\t\t\t name=\"seaters\" \n\t\t\t\t\t\t inputmode=\"numeric\"\n\t\t\t\t\t\t oninput=\"this.value = this.value.replace(\/[^0-9]\/g, '')\" \n\t\t\t\t\t\t placeholder=\"Car Seater Number\" \n\t\t\t\t\t\t inputmode=\"numeric\"\n\t\t\t\t\t\t maxlength=\"2\" \n\t\t\t\t\t\t required\n\t\t\t\t\t\t >\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t  <label for=\"manual-fmv\">Fair Market Value<\/label>\n\t\t\t\t  <input type=\"text\" id=\"manual-fmv\" name=\"fmv\" inputmode=\"numeric\"\n\t\t\t\t\toninput=\"this.value = this.value.replace(\/[^0-9]\/g, '')\" placeholder=\"Your Car Fair Market Value (Optional)\">\n\t\t\t\t<\/div>\n\t\t\t  <\/div>\n\t\t\t<\/fieldset>\n\n\t\t\t<div class=\"form-actions\">\n\t\t\t  <button type=\"button\" id=\"submit-manual-car\" class=\"pira-button\">Submit<\/button>\n\t\t\t  <p class=\"back-link\"><a href=\"#\" id=\"back-to-dropdowns\">Back to Car Dropdown<\/a><\/p>\n\t\t\t<\/div>\n\t\t  <\/form>\n\n\t\t<!-- Modal Manual Structure -->\n\t\t<div id=\"manual-submission-modal\" class=\"modal-overlay\" style=\"display: none;\">\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const closeModalBtn = document.getElementById(\"close-manual-modal\");\n    if (closeModalBtn) {\n        closeModalBtn.addEventListener(\"click\", function() {\n            if (typeof gtag !== 'undefined') {\n                gtag('event', 'conversion', {\n                    'send_to': 'AW-17762391940\/1jEHCKGskdAbEISv4pVC',\n                    'value': 1.0,\n                    'currency': 'PHP'\n                });\n            }\n            window.location.href = \"https:\/\/powerwealth.powerwealth.ph\/wp\";\n        });\n    }\n});\n<\/script>\n\t\t  <div class=\"modal-content\">\n\t\t\t<div class=\"modal-header\">\n\t\t\t  <h2>Submission Successful!<\/h2>\n\t\t\t<\/div>\n\t\t\t<div class=\"modal-body\">\n\t\t\t  <p>Thank you for submitting your car details. We\u2019ll process your request shortly.<br><br>\n\t\t\t\t  Please allow us to validate the information you submitted. We will get in touch with you in two (2) working days.<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"modal-footer\">\n\t\t\t  <button id=\"close-manual-modal\" class=\"pira-button\">Go to Homepage<\/button>\n\t\t\t<\/div>\n\t\t  <\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\t\t<script>\n\t\tdocument.addEventListener(\"DOMContentLoaded\", function () {\n\t\t  const manualTrigger = document.getElementById(\"manual-entry-trigger\");\n\t\t  const backToDropdown = document.getElementById(\"back-to-dropdowns\");\n\t\t  const dropdownSection = document.getElementById(\"car-selection-wrapper\");\n\t\t  const manualSection = document.getElementById(\"manual-entry-wrapper\");\n\n\t\t  manualTrigger.addEventListener(\"click\", function (e) {\n\t\t\te.preventDefault();\n\t\t\tdropdownSection.style.display = \"none\";\n\t\t\tmanualSection.style.display = \"block\";\n\t\t  });\n\n\t\t  backToDropdown.addEventListener(\"click\", function (e) {\n\t\t\te.preventDefault();\n\t\t\tmanualSection.style.display = \"none\";\n\t\t\tdropdownSection.style.display = \"block\";\n\t\t  });\n\n\t\t  const carSelectionContainer = document.getElementById(\"car-selection-container\");\n\t\t  const steps = document.querySelectorAll(\".step\");\n\t\t  const step2 = document.getElementById(\"step-owner-info\");\n\n\t\t  function updateFormVisibility() {\n\t\t\tif (step2.classList.contains(\"active\")) {\n\t\t\t  carSelectionContainer.classList.add(\"hidden\");\n\t\t\t} else {\n\t\t\t  carSelectionContainer.classList.remove(\"hidden\");\n\t\t\t}\n\t\t  }\n\n\t\t  updateFormVisibility();\n\n\t\t  const observer = new MutationObserver(updateFormVisibility);\n\n\t\t  steps.forEach(step => {\n\t\t\tobserver.observe(step, { attributes: true, attributeFilter: [\"class\"] });\n\t\t  });\n\t\t});\n\t\t<\/script>\n\n\t\t<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"insurance-layout\">\n\t\t\t<div id=\"insurance-computation\" class=\"hidden\">\n\t\t\t\t<h3>Insurance Computation<\/h3>\n\t\t\t\t<div id=\"insurance-details\">Select a Provider to compute insurance.<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<!-- Selected Car BI Coverage wrapper -->\n\t\t\t<div id=\"car-details-wrapper\">\n\t\t\t\t\n\t\t\t\t<div id=\"selected-car-details\" class=\"selected-car-container hidden\">\n\t\t\t\t\t<h3>Selected Car Details<\/h3>\n\t\t\t\t\t<div class=\"car-detail\"><strong>Brand:<\/strong> <span id=\"display-brand\"><\/span><\/div>\n\t\t\t\t\t<div class=\"car-detail\"><strong>Year:<\/strong> <span id=\"display-year\"><\/span><\/div>\n\t\t\t\t\t<div class=\"car-detail\"><strong>Model:<\/strong> <span id=\"display-model\"><\/span><\/div>\n\t\t\t\t\t<div class=\"car-detail\"><strong>Variant:<\/strong> <span id=\"display-variant\"><\/span><\/div>\n\t\t\t\t\t<div class=\"car-detail\"><strong>Vehicle Type:<\/strong> <span id=\"display-vehicletype\">\u2014<\/span><\/div>\n\t\t\t\t\t<div class=\"car-detail\"><strong>Fuel Type:<\/strong> <span id=\"display-fueltype\">\u2014<\/span><\/div>\n\t\t\t\t\t<div class=\"car-detail\"><strong>Fair Market Value:<\/strong> <span id=\"display-fmv\"><\/span><\/div>\n\n\t\t\t\t<div style=\"display: flex; gap: 10px;\">\n\t\t\t\t\t<button type=\"button\" id=\"reset-selection\" class=\"pira-button reset\">Edit Car Details<\/button>\n\t\t\t\t\t<button type=\"button\" id=\"match-coverage-btn\" class=\"pira-button\" style=\"background-color: #0050a3; color: #fff;\">Match My Coverage<\/button>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"bi-coverage-wrapper\">\n\t\t\t\t\t<div id=\"coverage-settings\" style=\"display: block;\"> \n\t\t\t\t\t\t<h3>Edit Coverage<\/h3>\n\t\t\t\t\t\t<div class=\"coverage-header\">\n\t\t\t\t\t\t\t<span class=\"coverage-label\">\n\t\t\t\t\t\t\t\tBodily Injury \/ Property Damage Coverage:\n\t\t\t\t\t\t\t\t<span class=\"custom-tooltip-icon\">\n\t\t\t\t\t\t\t\t\ti\n\t\t\t\t\t\t\t\t\t<span class=\"custom-tooltip-text\">\n\t\t\t\t\t\t\t\t\t\tCovers injuries to others and property damage\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t<!-- Hidden input to store data-steps -->\n\t\t\t\t\t\t<input type=\"hidden\" id=\"bi-coverage-data\" data-steps='[200000,250000,300000,400000,500000]' \/>\n\n\t\t\t\t\t\t<!-- Radio button container -->\n\t\t\t\t\t\t<div class=\"radio-container\">\n\t\t\t\t\t\t\t<div id=\"bi-coverage-options\" class=\"radio-options\"><\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Value display is now hidden -->\n\t\t\t\t\t\t<div class=\"value-display\" style=\"display: none;\">\n\t\t\t\t\t\t\t<span id=\"bi-coverage-value\">200,000<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<script>\n\t\t\t\t\t\tdocument.addEventListener(\"DOMContentLoaded\", function () {\n\t\t\t\t\t\t\tconst dataElement = document.getElementById(\"bi-coverage-data\");\n\t\t\t\t\t\t\tconst optionsContainer = document.getElementById(\"bi-coverage-options\");\n\t\t\t\t\t\t\tconst valueDisplay = document.getElementById(\"bi-coverage-value\");\n\n\t\t\t\t\t\t\tif (!dataElement || !optionsContainer) return;\n\n\t\t\t\t\t\t\tconst steps = JSON.parse(dataElement.getAttribute(\"data-steps\") || \"[]\");\n\t\t\t\t\t\t\tconst minValue = Math.min(...steps);\n\t\t\t\t\t\t\tconst maxValue = Math.max(...steps);\n\n\t\t\t\t\t\t\tfunction updateValues() {\n\t\t\t\t\t\t\t\tconst checkedRadio = document.querySelector('input[name=\"bi-coverage\"]:checked');\n\t\t\t\t\t\t\t\tif (!checkedRadio) return;\n\n\t\t\t\t\t\t\t\tconst selectedValue = parseInt(checkedRadio.value);\n\n\t\t\t\t\t\t\t\tif (valueDisplay) {\n\t\t\t\t\t\t\t\t\tvalueDisplay.textContent = `${selectedValue.toLocaleString()}`;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\/\/ Update display element\n\t\t\t\t\t\t\t\tconst displayElement = document.getElementById(\"display-selected-bicov\");\n\t\t\t\t\t\t\t\tif (displayElement) {\n\t\t\t\t\t\t\t\t\tdisplayElement.textContent = `${selectedValue.toLocaleString()}`;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tfunction initializeRadioButtons() {\n\t\t\t\t\t\t\t\toptionsContainer.innerHTML = '';\n\n\t\t\t\t\t\t\t\tsteps.forEach((step, index) => {\n\t\t\t\t\t\t\t\t\tconst radioWrapper = document.createElement(\"div\");\n\t\t\t\t\t\t\t\t\tradioWrapper.className = \"radio-option\";\n\n\t\t\t\t\t\t\t\t\tconst radioInput = document.createElement(\"input\");\n\t\t\t\t\t\t\t\t\tradioInput.type = \"radio\";\n\t\t\t\t\t\t\t\t\tradioInput.name = \"bi-coverage\";\n\t\t\t\t\t\t\t\t\tradioInput.id = `bi-${step}`;\n\t\t\t\t\t\t\t\t\tradioInput.value = step;\n\t\t\t\t\t\t\t\t\tradioInput.setAttribute('data-index', index);\n\n\t\t\t\t\t\t\t\t\tradioInput.addEventListener('change', function() {\n\t\t\t\t\t\t\t\t\t\tconsole.log(\"Radio changed to:\", this.value);\n\n\t\t\t\t\t\t\t\t\t\tconst selectedValue = parseInt(this.value);\n\t\t\t\t\t\t\t\t\t\tconst formattedValue = selectedValue.toLocaleString();\n\n\t\t\t\t\t\t\t\t\t\t\/\/ Update displays immediately\n\t\t\t\t\t\t\t\t\t\tif (valueDisplay) valueDisplay.textContent = formattedValue;\n\n\t\t\t\t\t\t\t\t\t\tconst displaySelected = document.getElementById(\"display-selected-bicov\");\n\t\t\t\t\t\t\t\t\t\tif (displaySelected) displaySelected.textContent = formattedValue;\n\n\t\t\t\t\t\t\t\t\t\t\/\/ Trigger insurance update\n\t\t\t\t\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\t\t\t\t\tif (window.safeFetchInsuranceComputation) {\n\t\t\t\t\t\t\t\t\t\t\t\tconsole.log(\"Calling safeFetchInsuranceComputation...\");\n\t\t\t\t\t\t\t\t\t\t\t\twindow.safeFetchInsuranceComputation();\n\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\tconsole.log(\"safeFetchInsuranceComputation not found!\");\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}, 500);\n\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\tconst radioLabel = document.createElement(\"label\");\n\t\t\t\t\t\t\t\t\tradioLabel.htmlFor = `bi-${step}`;\n\n\t\t\t\t\t\t\t\t\t\/\/ Format label text\n\t\t\t\t\t\t\t\t\tlet labelText;\n\t\t\t\t\t\t\t\t\tif (step >= 1000000) {\n\t\t\t\t\t\t\t\t\t\tlabelText = `${(step \/ 1000000).toFixed(1)}M`;\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tlabelText = `${step.toLocaleString()}`;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tradioLabel.textContent = labelText;\n\n\t\t\t\t\t\t\t\t\tradioWrapper.appendChild(radioInput);\n\t\t\t\t\t\t\t\t\tradioWrapper.appendChild(radioLabel);\n\t\t\t\t\t\t\t\t\toptionsContainer.appendChild(radioWrapper);\n\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\/\/ Set default selection to first option\n\t\t\t\t\t\t\t\tconst firstRadio = optionsContainer.querySelector('input[name=\"bi-coverage\"]');\n\t\t\t\t\t\t\t\tif (firstRadio) {\n\t\t\t\t\t\t\t\t\tfirstRadio.checked = true;\n\t\t\t\t\t\t\t\t\tupdateValues();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\/\/ Initialize radio buttons\n\t\t\t\t\t\t\tinitializeRadioButtons();\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\/\/ Global test function - available in console\n\t\t\t\t\t\twindow.forceUpdateBI = function(value) {\n\t\t\t\t\t\t\tconsole.log(\"Force updating BI to:\", value);\n\n\t\t\t\t\t\t\tconst radio = document.querySelector(`input[name=\"bi-coverage\"][value=\"${value}\"]`);\n\t\t\t\t\t\t\tif (radio) {\n\t\t\t\t\t\t\t\tradio.checked = true;\n\n\t\t\t\t\t\t\t\t\/\/ Update displays\n\t\t\t\t\t\t\t\tconst formatted = parseInt(value).toLocaleString();\n\t\t\t\t\t\t\t\tconst valueDisplay = document.getElementById(\"bi-coverage-value\");\n\t\t\t\t\t\t\t\tconst displaySelected = document.getElementById(\"display-selected-bicov\");\n\n\t\t\t\t\t\t\t\tif (valueDisplay) valueDisplay.textContent = formatted;\n\t\t\t\t\t\t\t\tif (displaySelected) displaySelected.textContent = formatted;\n\n\t\t\t\t\t\t\t\t\/\/ Force insurance computation\n\t\t\t\t\t\t\t\tif (window.safeFetchInsuranceComputation) {\n\t\t\t\t\t\t\t\t\twindow.safeFetchInsuranceComputation();\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tconsole.log(\"safeFetchInsuranceComputation not available!\");\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tconsole.log(\"Radio button not found for value:\", value);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t};\n\t\t\t\t\t\t<\/script>\n\n\t\t\t\t\t\t<!-- Insured Amount Options -->\n\t\t\t\t\t\t<div class=\"insured-fmv-options\">\n\t\t\t\t\t\t\t<div class=\"insured-header-container\">\n\t\t\t\t\t\t\t\t<h4 class=\"insured-title\">Insured Up To:<\/h4>\n\t\t\t\t\t\t\t\t<span class=\"custom-tooltip-icon\">\n\t\t\t\t\t\t\t\t\ti\n\t\t\t\t\t\t\t\t\t<span class=\"custom-tooltip-text\">\n\t\t\t\t\t\t\t\t\t\tThis is the maximum limit to be paid to the policy owner. In case of a total loss claim, the amount to be paid will be based on the fair market value (FMV) of the vehicle at the time of loss.\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"insured-fmv-buttons\">\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"fmv-option-button\" data-multiplier=\"0.90\">\n\t\t\t\t\t\t\t\t\t<span class=\"fmv-label\"><\/span>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"fmv-option-button active\" data-multiplier=\"1.00\">\n\t\t\t\t\t\t\t\t\t<span class=\"fmv-label\"><\/span>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"fmv-option-button\" data-multiplier=\"1.10\">\n\t\t\t\t\t\t\t\t\t<span class=\"fmv-label\"><\/span>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!--  Acts of Nature Toggle -->\n\t\t\t\t\t\t<div class=\"acts-of-nature-container\" style=\"margin-top: 15px;\">\n\t\t\t\t\t\t\t<div style=\"white-space: nowrap; letter-spacing: -0.5px;\">\n\t\t\t\t\t\t\t\t<label for=\"actsOfNatureToggle\" style=\"display: inline; margin-right: 2px; padding-right: 0; font-size: 18px;\">Acts of Nature:<\/label>\n\t\t\t\t\t\t\t\t<span class=\"custom-tooltip-icon\" style=\"\n\t\t\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\t\t\twidth: 17px;\n\t\t\t\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t\t\t\t\ti\n\t\t\t\t\t\t\t\t\t<span class=\"custom-tooltip-text\">\n\t\t\t\t\t\t\t\t\t\tCovers damage caused by natural disasters like floods, earthquakes, typhoons, and other weather-related incidents\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<label class=\"switch\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"actsOfNatureToggle\" checked>\n\t\t\t\t\t\t\t\t<span class=\"slider\"><\/span>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<script>\n\t\t\t\t\t\tvar isChanganUser = false;\n\t\t\t\t\t\t<\/script>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t<input type=\"hidden\" id=\"hidden-provider\" name=\"provider\" value=\"\">\n\t\t\t<div class=\"form-wrapper\">\n\t\t\t\t<div id=\"registeredOwnerForm\">\t\n\n\t\t\t\t\t<h2>REGISTERED OWNER'S INFORMATION<\/h2>\n\t\t\t\t\t<div class=\"registered-owner-grid\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"firstName\">First Name <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"firstName\" placeholder=\"Your Name\" required>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"middleName\">Middle Name<\/label>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"middleName\" placeholder=\"Your Middle Name (Optional)\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"lastName\">Last Name <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"lastName\" placeholder=\"Your Last Name\" required>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"suffix\">Suffix<\/label>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"suffix\" placeholder=\"Your Suffix (Optional)\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"email\">Email Address <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\t\t\tid=\"email\"\n\t\t\t\t\t\t\t\tname=\"email\"\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t\tplaceholder=\"e.g. user@example.com\"\n\t\t\t\t\t\t\t\tautocomplete=\"email\"\n\t\t\t\t\t\t\t\ttitle=\"Please enter a valid email address (e.g. user@example.com)\"\n\t\t\t\t\t\t\t\tminlength=\"11\"\n\t\t\t\t\t\t\t\tmaxlength=\"254\"\n\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"mobileNumber\">Mobile Number <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<input type=\"tel\" id=\"mobileNumber\" placeholder=\"09\" inputmode=\"numeric\"\n\t\t\t\t\t\t\t\t   required\n\t\t\t\t\t\t\t\t   pattern=\"\\d{11}\"\n\t\t\t\t\t\t\t\t   maxlength=\"11\"\n\t\t\t\t\t\t\t\t   oninput=\"this.value = this.value.replace(\/[^0-9]\/g, '')\"\n\t\t\t\t\t\t\t\t   placeholder=\"e.g. 09171234567\"\n\t\t\t\t\t\t\t\t   title=\"Phone number must be exactly 11 digits\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"sexAtBirth\">Sex at Birth <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<select id=\"sexAtBirth\" required>\n\t\t\t\t\t\t\t\t<option value=\"\">Select<\/option>\n\t\t\t\t\t\t\t\t<option value=\"male\">Male<\/option>\n\t\t\t\t\t\t\t\t<option value=\"female\">Female<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"civilStatus\">Civil Status <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<select id=\"civilStatus\" required>\n\t\t\t\t\t\t\t\t<option value=\"\">Select<\/option>\n\t\t\t\t\t\t\t\t<option value=\"single\">Single<\/option>\n\t\t\t\t\t\t\t\t<option value=\"married\">Married<\/option>\n\t\t\t\t\t\t\t\t<option value=\"widowed\">Widowed<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"birthdate\">Birthdate <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<input type=\"date\" id=\"birthdate\" required>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"tin\">TIN<\/label>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tid=\"tin\"\n\t\t\t\t\t\t\t\tname=\"tin\"\n\t\t\t\t\t\t\t\tpattern=\"\\d{9}\"\n\t\t\t\t\t\t\t\tmaxlength=\"9\"\n\t\t\t\t\t\t\t\tinputmode=\"numeric\"\n\t\t\t\t\t\t\t\toninput=\"this.value = this.value.replace(\/[^0-9]\/g, '')\"\n\t\t\t\t\t\t\t\tplaceholder=\"Enter 9-digit TIN (Optional)\"\n\t\t\t\t\t\t\t\ttitle=\"TIN must be exactly 9 digits\"\n\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<h3>Present Address<\/h3>\n\t\t\t\t\t<div class=\"registered-owner-grid\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"presentProvince\">Province <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"presentProvince\" placeholder=\"Your Province\" required>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"presentCity\">City <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"presentCity\" placeholder=\"Your City\" required>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"presentBarangay\">Barangay <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"presentBarangay\" placeholder=\"Your Barangay\" required>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"presentStreet\">Street Address <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"presentStreet\" placeholder=\"Your Street\" required>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"form-button-wrapper\" style=\"display: flex; flex-wrap: wrap;\">\n\t\t\t\t  <button type=\"button\" id=\"back-to-coverage\">Back<\/button>\n\t\t\t\t  <button type=\"button\" id=\"proceed-to-vehicle\">Submit<\/button>\n\t\t\t\t<\/div>\n\n\t\t\t\t<\/div> \n\n\t\t\t\t<!-- Vehicle Details Form -->\n\t\t\t\t<div id=\"vehicleDetailsForm\" style=\"display: none;\">\n\t\t\t\t\t\n\t\t\t\t<div id=\"vehicle-details\">\n\t\t\t\t\t<h2>Vehicle Details<\/h2>\n\t\t\t\t\t<div class=\"registered-owner-grid\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<label for=\"plate-number\">Plate\/Conduction Number <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t<input required\n\t\t\t\t\t\t\t   type=\"text\" \n\t\t\t\t\t\t\t   id=\"plate-number\"\n\t\t\t\t\t\t\t   maxlength=\"7\"\n\t\t\t\t\t\t\t   placeholder=\"Plate\/Conduction Number\" \n\t\t\t\t\t\t\t   >\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<label for=\"mv-file-number\">MV File Number <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t<input\trequired\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tid=\"mv-file-number\"\n\t\t\t\t\t\t\t\tplaceholder=\"MV File Number\"\n\t\t\t\t\t\t\t\tmaxlength=\"15\"\n\t\t\t\t\t\t\t\tpattern=\"\\d{15}\"\n\t\t\t\t\t\t\t\tinputmode=\"numeric\"\n\t\t\t\t\t\t\t\toninput=\"this.value = this.value.replace(\/[^0-9]\/g, '')\"\n\t\t\t\t\t\t\t\ttitle=\"MV file number must be exactly 15 digits\"\n\t\t\t\t\t\t>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<label for=\"upload-receipt\">LTO Official Receipt <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t<input type=\"file\" id=\"upload-receipt\" required>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<label for=\"cert-registration\">LTO Certificate of Registration <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t<input type=\"file\" id=\"cert-registration\" required>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<label for=\"inception-date\">OR\/CR Registration Date <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t<input type=\"date\" id=\"inception-date\" required>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<label for=\"expiration-date\">OR\/CR Expiration Date <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t<input type=\"date\" id=\"expiration-date\" required>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"front-view\">Front View of Vehicle <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<input type=\"file\" id=\"front-view\" required>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"back-view\">Back View of Vehicle <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<input type=\"file\" id=\"back-view\" required>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"left-view\">Left View of Vehicle <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<input type=\"file\" id=\"left-view\" required>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<label for=\"right-view\">Right View of Vehicle <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t\t\t\t\t<input type=\"file\" id=\"right-view\" required>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Mortgage Checkbox -->\n\t\t\t\t\t\t<div style=\"grid-column: span 2;\">\n\t\t\t\t\t\t\t<label style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 0; font-weight: normal; cursor: pointer;\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"is-mortgaged-checkbox\" style=\"margin: 0; width: auto; height: auto;\">\n\t\t\t\t\t\t\t\tIs your car mortgaged?\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<!-- Mortgage fields (initially hidden) -->\n\t\t\t\t\t\t<div id=\"mortgage-fields\" style=\"display: none;\">\n\t\t\t\t\t\t  <label for=\"mortgagee\">Mortgagee<\/label>\n\t\t\t\t\t\t  <input type=\"text\" id=\"mortgagee\" placeholder=\"Enter mortgagee name\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div id=\"effective-date-field\" style=\"display: none;\">\n\t\t\t\t\t\t  <label for=\"effective-date\">Mortgage Effective Date<\/label>\n\t\t\t\t\t\t  <input type=\"date\" id=\"effective-date\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<p style=\"margin-top: 16px; font-size: 12px; color: #555;\">\n\t\t\t\t\t  Note: Our team may request a short video call to verify your vehicle and documents for confirmation purposes.\n\t\t\t\t\t<\/p>\n\n\t\t\t\t\t<div class=\"form-button-wrapper buttons-aligned\">\n\t\t\t\t\t  <button type=\"button\" id=\"proceed-button\">Submit<\/button>\n\t\t\t\t\t  <button type=\"button\" id=\"hideVehicleDetails\">Back<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<script>\n\t\t\t  document.addEventListener(\"DOMContentLoaded\", function () {\n\t\t\t\tconst checkbox = document.getElementById(\"is-mortgaged-checkbox\");\n\t\t\t\tconst mortgageFields = document.getElementById(\"mortgage-fields\");\n\t\t\t\tconst effectiveDateField = document.getElementById(\"effective-date-field\");\n\n\t\t\t\tcheckbox.addEventListener(\"change\", function () {\n\t\t\t\t  if (checkbox.checked) {\n\t\t\t\t\tmortgageFields.style.display = \"block\";\n\t\t\t\t\teffectiveDateField.style.display = \"block\";\n\t\t\t\t  } else {\n\t\t\t\t\tmortgageFields.style.display = \"none\";\n\t\t\t\t\teffectiveDateField.style.display = \"none\";\n\t\t\t\t\tdocument.getElementById(\"mortgagee\").value = \"\";\n\t\t\t\t\tdocument.getElementById(\"effective-date\").value = \"\";\n\t\t\t\t  }\n\t\t\t\t});\n\t\t\t  });\n\t\t\t<\/script>\n\n\t\t\t<\/div>\n\t\t\t\t<script>\n\t\t\t\t\tfunction showForm() {\n\t\t\t\t\t\tdocument.getElementById(\"registeredOwnerForm\").style.display = \"block\";\n\t\t\t\t\t}\n\t\t\t\t<\/script>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\t\t<!-- Container of User info form -->\n\t\t<div class=\"form-container\">\n\t\t  <div class=\"form-wrapper\">\n\t\t\t<form id=\"user-info-form\" style=\"display: block;\">\n\t\t\t  <h2>Enter Your Details<\/h2>\n\n\t\t\t  <label for=\"user-name\">Full Name: <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t  <input type=\"text\" id=\"user-name\" name=\"user-name\" placeholder=\"e.g. Juan Delacruz\" required\/>\n\n\t\t\t  <label for=\"user-email\">Email: <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t  <input\n\t\t\t\trequired\n\t\t\t\ttype=\"email\"\n\t\t\t\tid=\"user-email\"\n\t\t\t\tname=\"user-email\"\n\t\t\t\tplaceholder=\"e.g. user@example.com\"\n\t\t\t\ttitle=\"Please enter a valid email address (e.g. user@example.com)\"\n\t\t\t  \/>\n\n\t\t\t  <label for=\"user-phone\">Phone Number: <span style=\"color: red;\">*<\/span><\/label>\n\t\t\t  <input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tid=\"user-phone\"\n\t\t\t\tname=\"user-phone\"\n\t\t\t\trequired\n\t\t\t\tpattern=\"\\d{11}\"\n\t\t\t\tinputmode=\"numeric\"\n\t\t\t\tmaxlength=\"11\"\n\t\t\t\toninput=\"this.value = this.value.replace(\/[^0-9]\/g, '')\"\n\t\t\t\tplaceholder=\"e.g. 09171234567\"\n\t\t\t\ttitle=\"Phone number must be exactly 11 digits\"\n\t\t\t  \/>\n\n\t\t\t\t<!-- Hide for testing -->\n\t\t\t \t<div class=\"g-recaptcha\" data-sitekey=\"6LeSQAcrAAAAAFI_GMpwhdY3tw6A6UHbJKOxBhWy\"><\/div>\n\t\t\t\t<script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script> \n\n\t\t\t  <button type=\"submit\" id=\"submit-user-info\">Submit<\/button>\n\t\t\t<\/form>\n\t\t  <\/div>\n\t\t<\/div>\n\t\t\n\t\t<!-- FINAL SUMMARY CONTAINER -->\n\t\t<div id=\"finalSummaryContainer\" class=\"hidden\">\n\t\t\t<input type=\"hidden\" id=\"selectedProvider\" value=\"\">\n\t\t\t\n\t\t\t<div class=\"summary-wrapper\">\n\t\t\t\t\n\t\t\t\t<h2>Application Summary<\/h2>\n\n\t\t\t\t<div class=\"summary-block\">\n\t\t\t\t\t<h3>Selected Car<\/h3>\n\t\t\t\t\t<p><strong>Brand:<\/strong> <span id=\"summary-brand\"><\/span><\/p>\n\t\t\t\t\t<p><strong>Model:<\/strong> <span id=\"summary-model\"><\/span><\/p>\n\t\t\t\t\t<p><strong>Variant:<\/strong> <span id=\"summary-variant\"><\/span><\/p>\n\t\t\t\t\t<p><strong>Year:<\/strong> <span id=\"summary-year\"><\/span><\/p>\n\t\t\t\t\t<p><strong>Fair Market Value:<\/strong> <span id=\"summary-fmv\"><\/span><\/p>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"summary-block\">\n\t\t\t\t\t<h3>Owner Info<\/h3>\n\t\t\t\t\t<p><strong>Full Name:<\/strong> <span id=\"summary-fullname\"><\/span><\/p>\n\t\t\t\t\t<p><strong>Email:<\/strong> <span id=\"summary-email\"><\/span><\/p>\n\t\t\t\t\t<p><strong>Phone:<\/strong> <span id=\"summary-phone\"><\/span><\/p>\n\t\t\t\t\t<p><strong>Sex at Birth:<\/strong> <span id=\"summary-sex\"><\/span><\/p>\n\t\t\t\t\t<p><strong>Civil Status:<\/strong> <span id=\"summary-civil\"><\/span><\/p>\n\t\t\t\t\t<p><strong>Birthdate:<\/strong> <span id=\"summary-birthdate\"><\/span><\/p>\n\t\t\t\t\t<p><strong>Address:<\/strong> <span id=\"summary-address\"><\/span><\/p>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"summary-block\">\n\t\t\t\t\t<h3>Vehicle Details<\/h3>\n\t\t\t\t\t<p><strong>Plate\/Conduction Number:<\/strong> <span id=\"summary-plate\"><\/span><\/p>\n\t\t\t\t\t<p><strong>MV File Number:<\/strong> <span id=\"summary-mv\"><\/span><\/p>\n\t\t\t\t\t<p><strong>OR\/CR Registration Date:<\/strong> <span id=\"summary-inception\"><\/span><\/p>\n\t\t\t\t\t<p><strong>OR\/CR Expiration Date:<\/strong> <span id=\"summary-expiration\"><\/span><\/p>\n\t\t\t\t    <p><strong>Mortgagee:<\/strong> <span id=\"summary-mortgagee\"><\/span><\/p>\n\t\t\t\t    <p><strong>Effective Date:<\/strong> <span id=\"summary-effective\"><\/span><\/p>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"summary-block\">\n\t\t\t\t  <h3>Insurance Coverage<\/h3>\n\t\t\t\t  <p><strong>Insurance Provider:<\/strong> <span id=\"summary-provider\"><\/span><\/p>\n\t\t\t\t  <p><strong>Sum Insured:<\/strong> <span id=\"summary-insurance-fmv\"><\/span><\/p>\n\t\t\t\t  <p><strong>Acts of Nature:<\/strong> <span id=\"summary-aon\"><\/span><\/p>\n\t\t\t\t  <p><strong>BI Coverage:<\/strong> <span id=\"summary-bi\"><\/span><\/p>\n\t\t\t\t  <p><strong>PD Coverage:<\/strong> <span id=\"summary-pd\"><\/span><\/p>\n\t\t\t\t  <p><strong>PA Coverage:<\/strong> <span id=\"summary-pa\"><\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"summary-block\">\n\t\t\t\t  <h3>Uploaded Documents & Images<\/h3>\n\t\t\t\t  <div id=\"summary-uploads\" class=\"upload-preview\"><\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"summary-block\">\n\t\t\t\t  <h3>Referral Code (Optional)<\/h3>\n\t\t\t\t<div style=\"margin-top: 10px; position: relative; max-width: 300px;\">\n\t\t\t\t  <input type=\"text\" id=\"referral_code_input\" \n\t\t\t\t\t\t name=\"referral_code\" \n\t\t\t\t\t\t placeholder=\"Enter Referral Code\" \n\t\t\t\t\t\t style=\"padding-right: 30px;\" \/>\n\t\t\t\t\t\n\t\t\t\t  <button\n\t\t\t\t  type=\"button\"\n\t\t\t\t  id=\"clearReferralBtn\"\n\t\t\t\t  title=\"Clear\"\n\t\t\t\t  style=\"position: absolute; right: 8px; top: 5%; transform: translateY(-50%); background: none; \n\t\t\t\t\t\t border: none; font-size: 16px; color: #888; cursor: pointer;  display: none;\n\t\t\t\t  \">\u2715<\/button>\n\n\t\t\t\t<\/div>\n\t\t\t\t<button type=\"button\" id=\"validateReferralBtn\" class=\"pira-button\">Apply Code<\/button>\n\t\t\t\t<div id=\"referral_code_feedback\" style=\"margin-top: 5px;\"><\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"summary-actions buttons-aligned\">\n\t\t\t\t  <button type=\"button\" id=\"backToVehicleDetails\">Back<\/button>\n\t\t\t\t  <button id=\"submit-final-btn\" class=\"pira-button\">Submit Application<\/button>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div id=\"submissionModal\" class=\"modal hidden\">\n\t\t\t\t  <div class=\"modal-content\">\n\t\t\t\t\t<div class=\"modal-header\">\n\t\t\t\t\t  <h2>Submission Successful!<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t <div class=\"modal-body\">\n\t\t\t\t\t<p>Thank you for your interest in purchasing a Motorcar coverage from us!<br><br>\n\t\t\t\t\t  Please allow us to review the information you submitted. We will get in touch with you in two (2) working days.<br><br>\n\t\t\t\t\t  You may also directly reach us from Mondays to Fridays, 8:00AM to 5:00PM, through:<br><br>\n\t\t\t\t\t  <strong>Mobile:<\/strong> (+63931) 127-9348<br>\n\t\t\t\t\t  <strong>E-mail:<\/strong> admin@powerwealth.ph\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<button id=\"goHomeBtn\" class=\"modal-button\">Go to Homepage<\/button>\n\t\t\t\t  <\/div>\n\t\t\t\t\t<script>\n\t\t\t\t\tdocument.addEventListener(\"DOMContentLoaded\", function() {\n\t\t\t\t\t\tconst goHomeBtn = document.getElementById(\"goHomeBtn\");\n\t\t\t\t\t\tif (goHomeBtn) {\n\t\t\t\t\t\t\tgoHomeBtn.addEventListener(\"click\", function() {\n\t\t\t\t\t\t\t\tif (typeof gtag !== 'undefined') {\n\t\t\t\t\t\t\t\t\tgtag('event', 'conversion', {\n\t\t\t\t\t\t\t\t\t\t'send_to': 'AW-17762391940\/1jEHCKGskdAbEISv4pVC',\n\t\t\t\t\t\t\t\t\t\t'value': 1.0,\n\t\t\t\t\t\t\t\t\t\t'currency': 'PHP'\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\twindow.location.href = \"https:\/\/powerwealth.powerwealth.ph\/wp\";\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\t<\/script>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\t\t<!-- Match Coverage Container -->\n\t\t<div id=\"matchCoverageContainer\" class=\"hidden\">\n\t\t  <div class=\"summary-wrapper\">\n\t\t\t<button type=\"button\" id=\"go-back-summary\" style=\"background: none; border: none; color: #0050a3; font-size: 14px; margin-bottom: 20px; cursor: pointer; text-decoration: underline;\">\n\t\t\t  \u2190 GO BACK\n\t\t\t<\/button>\n\n\t\t\t<div style=\"text-align: center;\">\n\t\t\t  <h2 style=\"color: #333; margin-bottom: 20px;\">Match my Coverage<\/h2>\n\t\t\t  <p style=\"margin-bottom: 15px; color: #666; line-height: 1.5;\">Match my coverage lets you compare your existing quotation\/policy to our own.<\/p>\n\t\t\t  <p style=\"margin-bottom: 30px; color: #666; line-height: 1.5;\">Just upload your quotation or expiring policy, and make sure it contains your coverage, maximum benefit limits, and total premium. Please upload 1 file only.<\/p>\n\n\t\t\t  <div class=\"match-coverage-upload\" style=\"\n\t\t\t\tborder: 2px dashed #ddd; \n\t\t\t\tpadding: 60px 40px; \n\t\t\t\tborder-radius: 12px; \n\t\t\t\tmargin: 30px auto; \n\t\t\t\tbackground-color: #fafafa;\n\t\t\t\tmax-width: 500px;\n\t\t\t\tdisplay: block;\n\t\t\t  \">\n\t\t\t\t<div class=\"upload-icon\" style=\"font-size: 64px; color: #007bff; margin-bottom: 20px;\">\ud83d\udcc1<\/div>\n\t\t\t\t<p style=\"margin: 20px 0; font-size: 18px; color: #333; font-weight: 500;\">\n\t\t\t\t  Drop items here or \n\t\t\t\t  <span style=\"color: #007bff; cursor: pointer; text-decoration: underline; font-weight: 600;\" id=\"browse-coverage-files\">Browse files<\/span>\n\t\t\t\t<\/p>\n\t\t\t\t<p style=\"font-size: 12px; color: #bbb; margin: 5px 0 0 0;\">Supported formats: PDF, JPG, PNG, DOC, DOCX<\/p>\n\t\t\t\t<input type=\"file\" id=\"coverage-comparison-file\" accept=\".pdf,.jpg,.jpeg,.png,.doc,.docx\" style=\"display: none;\">\n\t\t\t  <\/div>\n\t\t\t<\/div>\n\n\t\t<div class=\"submit-coverage-wrapper\">\n\t\t  <button type=\"button\" id=\"submit-coverage-comparison\" disabled>\n\t\t\tSUBMIT\n\t\t  <\/button>\n\t\t<\/div>\n\n\t\t  <\/div>\n\t\t<\/div>\n\n\t\t<script>\n\/\/ IMAGE COMPRESSION FUNCTION\nasync function compressImage(file, maxSizeMB = 5) {\n    if (file.size <= maxSizeMB * 1024 * 1024) {\n        console.log(`File ${file.name} is already small enough (${(file.size\/1024\/1024).toFixed(2)}MB)`);\n        return file;\n    }\n\n    if (!file.type.startsWith('image\/')) {\n        console.log(`File ${file.name} is not an image, skipping compression`);\n        return file;\n    }\n\n    return new Promise((resolve) => {\n        const reader = new FileReader();\n        reader.onload = (e) => {\n            const img = new Image();\n            img.onload = () => {\n                const canvas = document.createElement('canvas');\n                let width = img.width;\n                let height = img.height;\n                \n                const maxWidth = 1920;\n                if (width > maxWidth) {\n                    height = (maxWidth \/ width) * height;\n                    width = maxWidth;\n                }\n                \n                canvas.width = width;\n                canvas.height = height;\n                canvas.getContext('2d').drawImage(img, 0, 0, width, height);\n                \n                canvas.toBlob((blob) => {\n                    const compressedFile = new File([blob], file.name, {\n                        type: 'image\/jpeg',\n                        lastModified: Date.now()\n                    });\n                    console.log(`Compressed ${file.name}: ${(file.size\/1024\/1024).toFixed(2)}MB \u2192 ${(compressedFile.size\/1024\/1024).toFixed(2)}MB`);\n                    resolve(compressedFile);\n                }, 'image\/jpeg', 0.8);\n            };\n            img.src = e.target.result;\n        };\n        reader.readAsDataURL(file);\n    });\n}\n\n\n\t\tdocument.addEventListener(\"DOMContentLoaded\", function () {\n\t\t  const matchCoverageBtn = document.getElementById(\"match-coverage-btn\");\n\t\t  const goBackBtn = document.getElementById(\"go-back-summary\");\n\n\t\t  const matchCoverageContainer = document.getElementById(\"matchCoverageContainer\");\n\t\t  const mainAppContainer = matchCoverageContainer.previousElementSibling; \/\/ Replace with your wrapper if needed\n\n\t\t  const browseFilesLink = document.getElementById(\"browse-coverage-files\");\n\t\t  const fileInput = document.getElementById(\"coverage-comparison-file\");\n\t\t  const submitBtn = document.getElementById(\"submit-coverage-comparison\");\n\n\t\t  const fileDisplay = document.createElement(\"div\");\n\t\t  fileDisplay.style.marginTop = \"10px\";\n\t\t  fileDisplay.style.fontSize = \"14px\";\n\t\t  browseFilesLink.parentNode.appendChild(fileDisplay);\n\n\t\t  const allowedExtensions = [\"pdf\", \"jpg\", \"jpeg\", \"png\", \"doc\", \"docx\"];\n\n\t\t  matchCoverageBtn.addEventListener(\"click\", function (e) {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\n\t\t\t\/\/ Set match coverage mode flag on window object\n\t\t\twindow.isMatchCoverageMode = true;\n\n\t\t\t\/\/ Hide all forms and main container\n\t\t\tif (mainAppContainer) mainAppContainer.classList.add(\"hidden\");\n\n\t\t\t\/\/ Hide all forms specifically\n\t\t\tdocument.querySelectorAll(\"#pira-car-form, #user-info-form, #registeredOwnerForm, #vehicleDetailsForm, #insurance-computation, .bi-coverage-wrapper, #selected-car-details, #insuranceProviderWrapper\").forEach(el => {\n\t\t\t  el.classList.add(\"hidden\");\n\t\t\t  el.style.display = \"none\";\n\t\t\t});\n\n\t\t\t\/\/ Show match coverage container\n\t\t\tmatchCoverageContainer.classList.remove(\"hidden\");\n\n\t\t\t\/\/ Lock all navigation steps directly\n\t\t\tdocument.querySelectorAll(\".nav-steps .step\").forEach(step => {\n\t\t\t  step.classList.add(\"locked\");\n\t\t\t  step.style.pointerEvents = \"none\";\n\t\t\t  step.style.opacity = \"0.4\";\n\t\t\t  step.style.cursor = \"not-allowed\";\n\t\t\t});\n\t\t  });\n\n\t\t  goBackBtn.addEventListener(\"click\", function () {\n\t\t\t\/\/ Clear match coverage mode flag\n\t\t\twindow.isMatchCoverageMode = false;\n\n\t\t\t\/\/ Hide match coverage container\n\t\t\tmatchCoverageContainer.classList.add(\"hidden\");\n\n\t\t\t\/\/ Show main container\n\t\t\tif (mainAppContainer) mainAppContainer.classList.remove(\"hidden\");\n\n\t\t\t\/\/ Unlock all navigation steps\n\t\t\tdocument.querySelectorAll(\".nav-steps .step\").forEach(step => {\n\t\t\t  step.classList.remove(\"locked\");\n\t\t\t  step.style.pointerEvents = \"\";\n\t\t\t  step.style.opacity = \"\";\n\t\t\t  step.style.cursor = \"\";\n\t\t\t});\n\n\t\t\t\/\/ Show the forms that should be visible for the coverage step\n\t\t\tdocument.getElementById(\"selected-car-details\")?.classList.remove(\"hidden\");\n\t\t\tdocument.getElementById(\"selected-car-details\")?.setAttribute(\"style\", \"display: block !important;\");\n\n\t\t\tdocument.getElementById(\"insurance-computation\")?.classList.remove(\"hidden\");\n\t\t\tdocument.getElementById(\"insurance-computation\")?.setAttribute(\"style\", \"display: flex !important;\");\n\n\t\t\tdocument.querySelector(\".bi-coverage-wrapper\")?.classList.remove(\"hidden\");\n\t\t\tdocument.querySelector(\".bi-coverage-wrapper\")?.setAttribute(\"style\", \"display: block !important;\");\n\n\t\t\tdocument.getElementById(\"insuranceProviderWrapper\")?.classList.remove(\"hidden\");\n\t\t\tdocument.getElementById(\"insuranceProviderWrapper\")?.setAttribute(\"style\", \"display: block !important;\");\n\n\t\t\t\/\/ Trigger a custom event that pira-car.js can listen for\n\t\t\twindow.dispatchEvent(new CustomEvent('matchCoverageExited'));\n\t\t  });\n\n\t\t  browseFilesLink.addEventListener(\"click\", function () {\n\t\t\tfileInput.click();\n\t\t  });\n\n\t\t  fileInput.addEventListener(\"change\", function () {\n\t\t\tfileDisplay.innerHTML = \"\";\n\t\t\tif (fileInput.files.length > 0) {\n\t\t\t  const file = fileInput.files[0];\n\t\t\t  const fileExtension = file.name.split(\".\").pop().toLowerCase();\n\t\t\t  const fileSizeMB = (file.size \/ (1024 * 1024)).toFixed(2);\n\n\t\t\t  if (!allowedExtensions.includes(fileExtension)) {\n\t\t\t\talert(\"Invalid file type. Please upload PDF, JPG, PNG, DOC, or DOCX.\");\n\t\t\t\tresetFile();\n\t\t\t\treturn;\n\t\t\t  }\n\n\t\t\t  const fileInfo = document.createElement(\"span\");\n\t\t\t  fileInfo.textContent = 'Selected: ' + file.name + ' (' + fileSizeMB + ' MB)';\n\n\t\t\t  const removeBtn = document.createElement(\"button\");\n\t\t\t  removeBtn.textContent = \"\u00d7 Remove\";\n\t\t\t  removeBtn.style.marginLeft = \"10px\";\n\t\t\t  removeBtn.style.background = \"none\";\n\t\t\t  removeBtn.style.border = \"none\";\n\t\t\t  removeBtn.style.color = \"red\";\n\t\t\t  removeBtn.style.cursor = \"pointer\";\n\t\t\t  removeBtn.addEventListener(\"click\", resetFile);\n\n\t\t\t  fileDisplay.appendChild(fileInfo);\n\t\t\t  fileDisplay.appendChild(removeBtn);\n\n\t\t\t  enableSubmit(true);\n\t\t\t}\n\t\t  });\n\n\t\t  function resetFile() {\n\t\t\tfileInput.value = \"\";\n\t\t\tfileDisplay.innerHTML = \"\";\n\t\t\tenableSubmit(false);\n\t\t  }\n\n\t\t  function enableSubmit(enable) {\n\t\t\tsubmitBtn.disabled = !enable;\n\t\t\tsubmitBtn.style.backgroundColor = enable ? \"#0050a3\" : \"#e0e0e0\";\n\t\t\tsubmitBtn.style.color = enable ? \"#fff\" : \"#999\";\n\t\t\tsubmitBtn.style.cursor = enable ? \"pointer\" : \"not-allowed\";\n\t\t  }\n\nsubmitBtn.addEventListener(\"click\", async function () {\n    if (fileInput.files.length === 0) {\n      alert(\"Please select a file before submitting.\");\n      return;\n    }\n\n    submitBtn.textContent = \"Compressing...\";\n    submitBtn.disabled = true;\n\n    let file = fileInput.files[0];\n\n    if (file.type.startsWith('image\/')) {\n      try {\n        file = await compressImage(file, 2);\n        console.log(`Compressed to: ${(file.size\/1024\/1024).toFixed(2)}MB`);\n      } catch (err) {\n        console.error(\"Compression failed, using original:\", err);\n      }\n    }\n\n    const formData = new FormData();\n    formData.append(\"coverage_file\", file);\n\n\t\t\/\/ Get user details from stored window data\n\t\tconst userName = window.userData?.name || \"\";\n\t\tconst userEmail = window.userData?.email || \"\";\n\n\t\t\/\/ Build car details from display elements\n\t\tconst brand = document.getElementById(\"display-brand\")?.textContent || \"\";\n\t\tconst model = document.getElementById(\"display-model\")?.textContent || \"\";\n\t\tconst variant = document.getElementById(\"display-variant\")?.textContent || \"\";\n\t\tconst year = document.getElementById(\"display-year\")?.textContent || \"\";\n\n\t\tconst carDetails = (brand + \" \" + model + \" \" + variant + \" \" + year).trim();\n\n\t\t\/\/ Send the actual user data\n\t\tformData.append(\"user_name\", userName);\n\t\tformData.append(\"user_email\", userEmail);\n\t\tformData.append(\"car_details\", carDetails);\n\n\t\t\tsubmitBtn.textContent = \"Uploading...\";\n\t\t\tsubmitBtn.disabled = true;\n\n\t\t\tfetch(\"https:\/\/powerwealth.powerwealth.ph\/wp\/wp-admin\/admin-ajax.php?action=submit_coverage_file\", {\n\t\t\t  method: \"POST\",\n\t\t\t  body: formData\n\t\t\t})\n\t\t\t.then(response => response.json())\n\t\t\t.then(data => {\n\t\t\t  submitBtn.textContent = \"SUBMIT\";\n\n\t\t\t  if (data.success) {\n\t\t\t\/\/ Fire Google Ads conversion\n\t\t\tif (typeof gtag !== 'undefined') {\n\t\t\t\tgtag('event', 'conversion', {\n\t\t\t\t\t'send_to': 'AW-17762391940\/1jEHCKGskdAbEISv4pVC',\n\t\t\t\t\t'value': 1.0,\n\t\t\t\t\t'currency': 'PHP',\n\t\t\t\t\t'transaction_id': 'CONV_' + Date.now()\n\t\t\t\t});\n\t\t\t}\n\t\t\t\tconst summaryWrapper = matchCoverageContainer.querySelector(\".summary-wrapper\");\n\t\t\t\tif (summaryWrapper) {\n\t\t\t\t  summaryWrapper.innerHTML = `\n\t\t\t\t\t<div style=\"display: flex; flex-direction: column; align-items: center; text-align: center; padding: 40px;\">\n\t\t\t\t\t  <button type=\"button\" id=\"go-back-summary\" \n\t\t\t\t\t\tstyle=\"background: none; border: none; color: #007bff; font-size: 14px; margin-bottom: 20px; cursor: pointer; text-decoration: underline; align-self: flex-start;\">\n\t\t\t\t\t\t\u2190 GO BACK\n\t\t\t\t\t  <\/button>\n\t\t\t\t\t  <h2 style=\"margin-bottom: 15px;\">Thank You!<\/h2>\n\t\t\t\t\t  <p style=\"font-size: 16px; color: #333; line-height: 1.5; max-width: 500px;\">\n\t\t\t\t\t\tThank you for submitting your coverage details.<br>\n\t\t\t\t\t\tOur team will review your information and get back to you within <strong>1\u20133 business days<\/strong>.\n\t\t\t\t\t  <\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t  `;\n\n\t\t\t\t  \/\/ Re-bind the Go Back button\n\t\t\t\t  const goBackBtnNew = summaryWrapper.querySelector(\"#go-back-summary\");\n\t\t\t\t  goBackBtnNew.addEventListener(\"click\", function () {\n\t\t\t\t\t\/\/ Clear match coverage mode flag\n\t\t\t\t\twindow.isMatchCoverageMode = false;\n\n\t\t\t\t\tmatchCoverageContainer.classList.add(\"hidden\");\n\t\t\t\t\tif (mainAppContainer) mainAppContainer.classList.remove(\"hidden\");\n\n\t\t\t\t\t\/\/ Unlock all navigation steps\n\t\t\t\t\tdocument.querySelectorAll(\".nav-steps .step\").forEach(step => {\n\t\t\t\t\t  step.classList.remove(\"locked\");\n\t\t\t\t\t  step.style.pointerEvents = \"\";\n\t\t\t\t\t  step.style.opacity = \"\";\n\t\t\t\t\t  step.style.cursor = \"\";\n\t\t\t\t\t});\n\n\t\t\t\t\t\/\/ Show the forms that should be visible for the coverage step\n\t\t\t\t\tdocument.getElementById(\"selected-car-details\")?.classList.remove(\"hidden\");\n\t\t\t\t\tdocument.getElementById(\"selected-car-details\")?.setAttribute(\"style\", \"display: block !important;\");\n\n\t\t\t\t\tdocument.getElementById(\"insurance-computation\")?.classList.remove(\"hidden\");\n\t\t\t\t\tdocument.getElementById(\"insurance-computation\")?.setAttribute(\"style\", \"display: flex !important;\");\n\n\t\t\t\t\tdocument.querySelector(\".bi-coverage-wrapper\")?.classList.remove(\"hidden\");\n\t\t\t\t\tdocument.querySelector(\".bi-coverage-wrapper\")?.setAttribute(\"style\", \"display: block !important;\");\n\n\t\t\t\t\tdocument.getElementById(\"insuranceProviderWrapper\")?.classList.remove(\"hidden\");\n\t\t\t\t\tdocument.getElementById(\"insuranceProviderWrapper\")?.setAttribute(\"style\", \"display: block !important;\");\n\n\t\t\t\t\t\/\/ Trigger a custom event that pira-car.js can listen for\n\t\t\t\t\twindow.dispatchEvent(new CustomEvent('matchCoverageExited'));\n\t\t\t\t  });\n\t\t\t\t}\n\t\t\t  } else {\n\t\t\t\tenableSubmit(true);\n\t\t\t\tmatchCoverageContainer.innerHTML = `\n\t\t\t\t  <div style=\"text-align: center; padding: 40px;\">\n\t\t\t\t\t<h2 style=\"color: red; margin-bottom: 15px;\">Submission Failed<\/h2>\n\t\t\t\t\t<p style=\"font-size: 16px; color: #333; line-height: 1.5;\">\n\t\t\t\t\t  (data.error || \"An unknown error occurred. Please try again.\")\n\t\t\t\t\t<\/p>\n\t\t\t\t  <\/div>\n\t\t\t\t`;\n\t\t\t  }\n\t\t\t})\n\t\t\t.catch(err => {\n\t\t\t  submitBtn.textContent = \"SUBMIT\";\n\t\t\t  enableSubmit(true);\n\t\t\t  alert(\"Upload failed: \" + err);\n\t\t\t});\n\t\t  });\n\n\t\t});\n\t\t<\/script>\n\t<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","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":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-163","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/powerwealth.powerwealth.ph\/wp\/wp-json\/wp\/v2\/pages\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/powerwealth.powerwealth.ph\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/powerwealth.powerwealth.ph\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/powerwealth.powerwealth.ph\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/powerwealth.powerwealth.ph\/wp\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":0,"href":"https:\/\/powerwealth.powerwealth.ph\/wp\/wp-json\/wp\/v2\/pages\/163\/revisions"}],"wp:attachment":[{"href":"https:\/\/powerwealth.powerwealth.ph\/wp\/wp-json\/wp\/v2\/media?parent=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}