

{"id":24963,"date":"2025-06-24T09:38:12","date_gmt":"2025-06-24T16:38:12","guid":{"rendered":"https:\/\/pom365.com\/?page_id=24963"},"modified":"2026-06-09T23:38:12","modified_gmt":"2026-06-10T06:38:12","slug":"new-registration","status":"publish","type":"page","link":"https:\/\/pom365.com\/?page_id=24963","title":{"rendered":"New Registration"},"content":{"rendered":"<section class=\"pom-page-shell\" style=\"max-width: 980px; margin: 0 auto; padding: 28px 16px; font-family: Arial, sans-serif; color: #1f2933; line-height: 1.55;\">\n<div class=\"pom-lang-inline\"><\/div>\n<div style=\"background: #ffffff; border: 1px solid #d8dee4; border-radius: 8px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.06);\">\n<div style=\"background: #073b73; color: #ffffff; padding: 24px 28px;\">\n<h1 style=\"margin: 0 0 8px; font-size: 28px; line-height: 1.2;\">New Agent Registration<\/h1>\n<p style=\"margin: 0; font-size: 16px;\">Start your POM Insurance Agency onboarding request.<\/p>\n<\/p><\/div>\n<div style=\"padding: 24px 28px;\">\n<p style=\"margin: 0 0 16px; font-size: 16px;\">\n        Use this page to request access to the POM agent portal. Please enter accurate information so our team can review your registration, confirm your profile, and connect the correct onboarding, contracting, W9, payroll, commission, and compliance records.\n      <\/p>\n<div style=\"background: #f6f8fa; border: 1px solid #d8dee4; border-radius: 6px; padding: 16px; margin: 18px 0;\">\n<h2 style=\"margin: 0 0 8px; font-size: 20px;\">Before you begin<\/h2>\n<ul style=\"margin: 0; padding-left: 20px;\">\n<li>Use your legal name as it appears on licensing, tax, and contracting records.<\/li>\n<li>Use an email address you check regularly for portal and compliance notices.<\/li>\n<li>Have your license, NPN, E&amp;O, and tax information ready if requested by the form.<\/li>\n<li>Do not submit another person&#8217;s private information unless you are authorized to do so.<\/li>\n<\/ul><\/div>\n<div style=\"background: #fff8e5; border: 1px solid #f0d98c; border-radius: 6px; padding: 14px; margin: 18px 0;\">\n        <strong>Important:<\/strong> Registration does not guarantee appointment, contracting approval, portal access, payroll setup, or compensation. Approval depends on licensing, compliance review, carrier rules, submitted documentation, and internal processing.\n      <\/div>\n<div style=\"margin-top: 22px;\">\n        \r\n <style>\r\n        .error-message {\r\n            color: #ce1010;\r\n            position: absolute;\r\n            bottom: 0;\r\n            font-size: 13px;\r\n        }\r\n        .check-mark {\r\n            position: absolute;\r\n            right: 20px;\r\n            top: 52%;\r\n            transform: translateY(-50%);\r\n        }\r\n        .required-field {\r\n            color: #ce1010;\r\n        }\r\n        .hidden {\r\n            display: none;\r\n        }\r\n        .text-muted {\r\n            position: absolute;\r\n            bottom: 0;\r\n        }\r\n.membership-registration-container {\n\twidth: 100%;\n}\n.form-step {\n    display: none;\n}\n.form-step.visible {\n    display: block;\n}\n.stepper {\n    display: flex;\n    align-items: stretch;\n    gap: 0;\n    margin: 0 0 26px;\n    overflow: hidden;\n    border: 1px solid #cfd8e3;\n    border-radius: 8px;\n    background: #eef3f8;\n}\n.stepper .step {\n    flex: 1 1 0;\n    position: relative;\n    min-height: 74px;\n    padding: 14px 16px 14px 28px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    text-align: center;\n    color: #415164;\n    background: #eef3f8;\n    border-right: 2px solid #ffffff;\n}\n.stepper .step:last-child {\n    border-right: 0;\n}\n.stepper .step:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    right: -14px;\n    width: 28px;\n    height: 28px;\n    transform: translateY(-50%) rotate(45deg);\n    background: inherit;\n    border-top: 2px solid #ffffff;\n    border-right: 2px solid #ffffff;\n    z-index: 2;\n}\n.stepper .step-number {\n    font-weight: 800;\n    font-size: 14px;\n    text-transform: uppercase;\n}\n.stepper .step-title {\n    font-size: 13px;\n    line-height: 1.25;\n}\n.stepper .step.active {\n    background: #073b73;\n    color: #ffffff;\n}\n.stepper .step.completed {\n    background: #157347;\n    color: #ffffff;\n}\n.step.active {\ntransform: none!important;\n}\n.membership-registration-form label {\r\nfont-size: 14px;\r\n}\r\n.success-container {\r\n      text-align: center;\r\n      background: #ffffff;\r\n      border-radius: 12px;\r\n      padding: 30px;\r\n      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .success-container .checkmark {\r\n      width: 100px;\r\n      height: 100px;\r\n      margin: 0 auto 20px;\r\n    }\r\n\r\n    .success-container svg {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    .success-container .checkmark path {\r\n      fill: none;\r\n      stroke: #4caf50;\r\n      stroke-width: 5;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n      stroke-dasharray: 70;\r\n      stroke-dashoffset: 70;\r\n      animation: draw 1s ease-in-out forwards;\r\n    }\r\n\r\n    @keyframes draw {\r\n      to {\r\n        stroke-dashoffset: 0;\r\n      }\r\n    }\r\n\r\n    .success-container h1 {\r\n      font-size: 1.5rem;\r\n      color: #333;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .success-container  p {\r\n      font-size: 1rem;\r\n      color: #666;\r\n    }\r\n    .success-container .login-link {\r\n      display: inline-block;\r\n      margin-top: 20px;\r\n      font-size: 1rem;\r\n      color: #4caf50;\r\n      text-decoration: none;\r\n      border: 1px solid #4caf50;\r\n      padding: 10px 20px;\r\n      border-radius: 5px;\r\n      transition: background-color 0.3s, color 0.3s;\r\n    }\r\n\r\n    .success-container .login-link:hover {\r\n      background-color: #4caf50;\r\n      color: #fff;\r\n    }\r\n    .mainregistration-container {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n    @media (max-width: 768px) {\n        .stepper {\n            flex-direction: column;\n            gap: 10px;\n            border: 0;\n            background: transparent;\n        }\n        .stepper .step {\n            border: 1px solid #cfd8e3;\n            border-radius: 8px;\n        }\n        .stepper .step:not(:last-child)::after {\n            display: none;\n        }\n    }\n    .step-title {\r\n        font-size: 15px;\r\n    }\r\n\r\n    \/* Payment Information Container *\/\r\n#payment-info {\r\n    display: none; \r\n    background-color: #f9f9f9;\r\n    padding: 20px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 8px;\r\n    margin-top: 30px;\r\n    margin-bottom: 30px;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n\/* Section Header *\/\r\n#payment-info h3 {\r\n    font-size: 1.5rem;\r\n    margin-bottom: 15px;\r\n    color: #333;\r\n    font-weight: 600;\r\n    border-bottom: 2px solid #e0e0e0;\r\n    padding-bottom: 8px;\r\n}\r\n\r\n\/* Form Group *\/\r\n#payment-info .form-group {\r\n    margin-bottom: 15px;\r\n}\r\n\r\n\/* Labels *\/\r\n#payment-info .form-group label {\r\n    display: block;\r\n    font-size: 1rem;\r\n    font-weight: 500;\r\n    color: #555;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n\/* Input Fields *\/\r\n#payment-info .form-control {\r\n    width: 100%;\r\n    padding: 10px 15px;\r\n    font-size: 1rem;\r\n    color: #333;\r\n    background-color: #fff;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\r\n    transition: border-color 0.3s, box-shadow 0.3s;\r\n}\r\n\r\n\/* Input Hover and Focus States *\/\r\n#payment-info .form-control:focus {\r\n    border-color: #007bff;\r\n    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);\r\n    outline: none;\r\n}\r\n\r\n\/* Braintree Inputs *\/\r\n#payment-info .braintree-input {\r\n    padding: 4px 15px;\r\n    font-size: 1rem;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    background-color: #fff;\r\n    margin-top: 5px;\r\n    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\r\n    height: 40px;\r\n}\r\n\r\n\/* Responsive Adjustments *\/\r\n@media (max-width: 768px) {\r\n    #payment-info {\r\n        padding: 15px;\r\n    }\r\n\r\n    #payment-info h3 {\r\n        font-size: 1.25rem;\r\n    }\r\n\r\n    #payment-info .form-control,\r\n    #payment-info .braintree-input {\r\n        font-size: 0.9rem;\r\n        padding: 8px 12px;\r\n    }\r\n}\r\n\r\n\/* Placeholder Styling *\/\r\n#payment-info .form-control::placeholder {\r\n    color: #aaa;\r\n    font-style: italic;\r\n}\r\n\r\n\/* Error Message Styling (Optional) *\/\r\n#payment-info .form-error {\r\n    color: #d9534f;\r\n    font-size: 0.9rem;\r\n    margin-top: 5px;\r\n}\r\n.mainregistration-container > h2 {\r\n color: #003BDE;\r\ntext-align: center;\r\nmargin-bottom: 30px;\r\n}\r\n\r\n    <\/style>\r\n<script src=\"https:\/\/js.braintreegateway.com\/web\/3.68.0\/js\/client.min.js\"><\/script>\r\n<script src=\"https:\/\/js.braintreegateway.com\/web\/3.68.0\/js\/hosted-fields.min.js\"><\/script>\r\n<script src=\"https:\/\/js.braintreegateway.com\/web\/3.68.0\/js\/three-d-secure.min.js\"><\/script>\r\n\r\n    <div class=\"mainregistration-container\">\r\n<h2>Membership Registration<\/h2>\r\n\r\n<div class=\"sub-header\">\r\n    <div class=\"stepper\">\r\n        <div class=\"step active\">\n            <span class=\"step-number\">Step 1<\/span>\r\n            <span class=\"step-title\">PERSONAL INFORMATION<\/span>\r\n        <\/div>\r\n        <div class=\"step \">\n            <span class=\"step-number\">Step 2<\/span>\r\n            <span class=\"step-title\">CONTACT INFORMATION<\/span>\r\n        <\/div>\r\n        <div class=\"step \">\n            <span class=\"step-number\">Step 3<\/span>\r\n            <span class=\"step-title\">TERMS AND AGREEMENT<\/span>\r\n        <\/div>\r\n       <!-- <div class=\"step  \">\r\n            <span class=\"step-number\">Step 4<\/span>\r\n            <span class=\"step-title\">MEMBERSHIP SELECTION<\/span>\r\n        <\/div>-->\r\n    <\/div>\r\n<\/div>\r\n<div class=\"container membership-registration-container\">\r\n    <form class=\"membership-registration-form\" id=\"membership-registration-form\" action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F24963\" method=\"post\" novalidate>\n        <input type=\"hidden\" name=\"current_step\" value=\"1\">\r\n        <!-- Step 1: PERSONAL INFORMATION -->\r\n        <fieldset class=\"form-step visible\">\r\n            <div class=\"form-group col-md-12\">\r\n                <label for=\"manager-code\">&#129489;&#8205;&#9992;&#65039; Manager Code (e.g., who introduced you to Peace of Mind) <span class=\"required-field\">*<\/span><\/label>\r\n                <input type=\"text\" class=\"form-control\" id=\"manager-code\" value=\"\" name=\"manager_code\" onchange=\"validateManagerCode('manager-code')\" placeholder=\"Enter manager code e.g., CA1\" pattern=\"[A-Z]{2}\\d{1,7}\" title=\"Enter a valid manager code (e.g., CA1, where CA is the state code and 1-5 digits follow)\" required>\r\n                <img decoding=\"async\" id=\"manager-code-check\" class=\"check-mark hidden\" src=\".\/resources\/images\/icons8-checkmark-48.png\" width=\"20\" height=\"20\">\r\n                <span id=\"manager-code-error\" class=\"error-message hidden\">Invalid or no matching manager code found. Please try again.<\/span>\r\n            <\/div>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const input = document.getElementById('manager-code');\r\n  if (input && input.value.trim() !== '') {\r\n    validateManagerCode('manager-code');\r\n  }\r\n});\r\n<\/script>\r\n<div class=\"row\">\r\n            <div class=\"form-group col-md-6\">\r\n                <label for=\"first-name\">&#128104;&#8205;&#128187; First Name <span class=\"required-field\">*<\/span><\/label>\r\n                <input type=\"text\" class=\"form-control\" id=\"first-name\" name=\"first_name\" placeholder=\"Enter your first name\" pattern=\"[A-Za-z\\s]+\" maxlength=\"100\" required>\r\n                <span id=\"first-name-error\" class=\"error-message hidden\">First Name is required and must be alphabetic.<\/span>\r\n            <\/div>\r\n            <div class=\"form-group col-md-6\">\r\n                <label for=\"last-name\">&#128104;&#8205;&#128187; Last Name <span class=\"required-field\">*<\/span><\/label>\r\n                <input type=\"text\" class=\"form-control\" id=\"last-name\" name=\"last_name\" placeholder=\"Enter your last name\" pattern=\"[A-Za-z\\s]+\" maxlength=\"100\" required>\r\n                <span id=\"last-name-error\" class=\"error-message hidden\">Last Name is required and must be alphabetic.<\/span>\r\n            <\/div>\r\n            <!-- <div class=\"form-group col-md-6\">\r\n                <label for=\"middle-name\">&#128104;&#8205;&#128187; Middle Name<\/label>\r\n                <input type=\"text\" class=\"form-control\" id=\"middle-name\" name=\"middle_name\" placeholder=\"Enter your middle name\" maxlength=\"100\" pattern=\"[A-Za-z\\s]*\">\r\n                <span id=\"middle-name-error\" class=\"error-message hidden\">Middle Name must be alphabetic if provided.<\/span>\r\n            <\/div> -->\r\n            <div class=\"form-group col-md-6\">\r\n                <label for=\"nickname\">&#129494; Nickname<\/label>\r\n                <input type=\"text\" class=\"form-control\" id=\"nickname\" name=\"nickname\" placeholder=\"Enter your nickname\" maxlength=\"100\">\r\n            <\/div>\r\n            <div class=\"form-group col-md-6\">\r\n                <label for=\"gender\">&#128107; Gender <span class=\"required-field\">*<\/span><\/label>\r\n                <div class=\"radio\">\r\n                    <input type=\"radio\" class=\"form-control\" id=\"male\" name=\"gender\" value=\"male\" required>\r\n                    <label for=\"male\">Male<\/label>\r\n                    <input type=\"radio\" class=\"form-control\" id=\"female\" name=\"gender\" value=\"female\" required>\r\n                    <label for=\"female\">Female<\/label>\r\n                <\/div>\r\n                <span id=\"gender-error\" class=\"error-message hidden\">Gender selection is required.<\/span>\r\n            <\/div>\r\n            <div class=\"form-group col-md-12\">\r\n                <label for=\"password\">&#128272; Password <span class=\"required-field\">*<\/span><\/label>\r\n                <input type=\"password\" class=\"form-control\" id=\"password\" name=\"password\" placeholder=\"Enter a strong password\" pattern=\"^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,30}$\" minlength=\"8\" maxlength=\"30\" required>\r\n                <small id=\"password-hint\" class=\"form-text text-muted\">Password must be at least 8 characters long and include at least one number and one special character.<\/small>\r\n                <span id=\"password-error\" class=\"error-message hidden\">Password is required and must meet the minimum strength requirements.<\/span>\r\n            <\/div>\r\n            <div class=\"form-group col-md-12 mt-3\">\r\n                <label for=\"confirm-password\">&#128272;&#128257; Confirm Password <span class=\"required-field\">*<\/span><\/label>\r\n                <input type=\"password\" class=\"form-control\" id=\"confirm-password\" name=\"confirm_password\" placeholder=\"Re-enter your password\" pattern=\"^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,30}$\" minlength=\"8\" maxlength=\"30\" required>\r\n                <span id=\"confirm-password-error\" class=\"error-message hidden\">The passwords you entered do not match. Please re-enter the same password in both fields.<\/span>\r\n            <\/div>\r\n            <div class=\"form-group col-md-12\" style=\"display: flex; justify-content: center; margin: 15px 0px;\">\r\n                <button id=\"step1-next-btn\" type=\"button\" data-action=\"next\" class=\"btn btn-primary next-btn nav-button\">NEXT<\/button>\r\n            <\/div>\r\n<\/div>\r\n        <\/fieldset>\r\n\r\n        <!-- Step 2: CONTACT INFORMATION -->\r\n        \r\n<fieldset class=\"form-step \">\r\n<div class=\"row\">\r\n    <div class=\"form-group col-md-6\">\r\n        <label for=\"mobile-number\">&#128241; Mobile Number <span class=\"required-field\">*<\/span><\/label>\r\n        <input type=\"tel\" class=\"form-control\" id=\"mobile-number\" name=\"mobile_number\" placeholder=\"Enter your mobile number\" pattern=\"[\\d\\s\\-()+]+\" title=\"Please enter a valid mobile number\" required>\r\n        <span id=\"mobile-number-error\" class=\"error-message hidden\">Mobile Number is required.<\/span>\r\n    <\/div>\r\n    <div class=\"form-group col-md-6\">\r\n        <label for=\"email-address\">&#128231; E-mail Address <span class=\"required-field\">*<\/span><\/label>\r\n        <input type=\"email\" class=\"form-control\" id=\"email-address\" name=\"email_address\" placeholder=\"Enter your email address\" pattern=\"^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\" title=\"Please enter a valid email address (e.g., example@mail.com)\" required>\r\n        <span id=\"email-address-error\" class=\"error-message hidden\">Valid E-mail Address is required.<\/span>\r\n    <\/div>\r\n    <div class=\"form-group col-md-12\">\r\n        <label for=\"home-address\">&#127968; Home Address <span class=\"required-field\">*<\/span><\/label>\r\n        <input type=\"text\" class=\"form-control\" id=\"home-address\" name=\"home_address\" placeholder=\"Enter your home address\" maxlength=\"100\" required>\r\n        <span id=\"home-address-error\" class=\"error-message hidden\">Home Address is required.<\/span>\r\n    <\/div>\r\n    <div class=\"form-group col-md-6\">\r\n        <label for=\"city\">&#127961;&#65039; City <span class=\"required-field\">*<\/span><\/label>\r\n        <input type=\"text\" class=\"form-control\" id=\"city\" name=\"city\" placeholder=\"Enter your city\" maxlength=\"100\" required>\r\n        <span id=\"city-error\" class=\"error-message hidden\">City is required.<\/span>\r\n    <\/div>\r\n    <!-- Country Dropdown -->\r\n    <div class=\"form-group col-md-6\">\r\n            <label for=\"country\">&#127758; Country <span class=\"required-field\">*<\/span><\/label>\r\n            <select class=\"form-control\" id=\"country\" name=\"country\" required>\r\n                <option value=\"\" selected disabled>Select a Country<\/option>\r\n                <option value=\"US\" data-iso2=\"US\">United States<\/option>\r\n            <\/select>\r\n            <span id=\"country-error\" class=\"error-message hidden\">Country is required.<\/span>\r\n        <\/div>\r\n\r\n        <!-- State Dropdown -->\r\n        <div class=\"form-group col-md-6\">\r\n    <label for=\"state\">&#127753; State <span class=\"required-field\">*<\/span><\/label>\r\n    <select class=\"form-control\" id=\"state\" name=\"state\" required>\r\n        <option value=\"\" selected disabled>Select a State<\/option>\r\n        <option value=\"AL\">Alabama<\/option>\r\n        <option value=\"AK\">Alaska<\/option>\r\n        <option value=\"AZ\">Arizona<\/option>\r\n        <option value=\"AR\">Arkansas<\/option>\r\n        <option value=\"CA\">California<\/option>\r\n        <option value=\"CO\">Colorado<\/option>\r\n        <option value=\"CT\">Connecticut<\/option>\r\n        <option value=\"DE\">Delaware<\/option>\r\n        <option value=\"FL\">Florida<\/option>\r\n        <option value=\"GA\">Georgia<\/option>\r\n        <option value=\"HI\">Hawaii<\/option>\r\n        <option value=\"ID\">Idaho<\/option>\r\n        <option value=\"IL\">Illinois<\/option>\r\n        <option value=\"IN\">Indiana<\/option>\r\n        <option value=\"IA\">Iowa<\/option>\r\n        <option value=\"KS\">Kansas<\/option>\r\n        <option value=\"KY\">Kentucky<\/option>\r\n        <option value=\"LA\">Louisiana<\/option>\r\n        <option value=\"ME\">Maine<\/option>\r\n        <option value=\"MD\">Maryland<\/option>\r\n        <option value=\"MA\">Massachusetts<\/option>\r\n        <option value=\"MI\">Michigan<\/option>\r\n        <option value=\"MN\">Minnesota<\/option>\r\n        <option value=\"MS\">Mississippi<\/option>\r\n        <option value=\"MO\">Missouri<\/option>\r\n        <option value=\"MT\">Montana<\/option>\r\n        <option value=\"NE\">Nebraska<\/option>\r\n        <option value=\"NV\">Nevada<\/option>\r\n        <option value=\"NH\">New Hampshire<\/option>\r\n        <option value=\"NJ\">New Jersey<\/option>\r\n        <option value=\"NM\">New Mexico<\/option>\r\n        <option value=\"NY\">New York<\/option>\r\n        <option value=\"NC\">North Carolina<\/option>\r\n        <option value=\"ND\">North Dakota<\/option>\r\n        <option value=\"OH\">Ohio<\/option>\r\n        <option value=\"OK\">Oklahoma<\/option>\r\n        <option value=\"OR\">Oregon<\/option>\r\n        <option value=\"PA\">Pennsylvania<\/option>\r\n        <option value=\"RI\">Rhode Island<\/option>\r\n        <option value=\"SC\">South Carolina<\/option>\r\n        <option value=\"SD\">South Dakota<\/option>\r\n        <option value=\"TN\">Tennessee<\/option>\r\n        <option value=\"TX\">Texas<\/option>\r\n        <option value=\"UT\">Utah<\/option>\r\n        <option value=\"VT\">Vermont<\/option>\r\n        <option value=\"VA\">Virginia<\/option>\r\n        <option value=\"WA\">Washington<\/option>\r\n        <option value=\"WV\">West Virginia<\/option>\r\n        <option value=\"WI\">Wisconsin<\/option>\r\n        <option value=\"WY\">Wyoming<\/option>\r\n    <\/select>\r\n    <span id=\"state-error\" class=\"error-message hidden\">State is required.<\/span>\r\n<\/div>\r\n\r\n    <div class=\"form-group col-md-6\">\r\n        <label for=\"zip-code\">&#128236; Zip Code <span class=\"required-field\">*<\/span><\/label>\r\n        <input type=\"text\" class=\"form-control\" id=\"zip-code\" name=\"zip_code\" placeholder=\"Enter your zip code\" pattern=\"\\d{5}\" title=\"Zip Code must be 5 digits\" minlength=\"5\" maxlength=\"5\" required>\r\n        <span id=\"zip-code-error\" class=\"error-message hidden\">Zip Code is required and must be exactly 5 digits.<\/span>\r\n    <\/div>\r\n    <div class=\"form-group col-md-12\" style=\"display: flex; justify-content: center; margin: 15px 0px;\">\r\n        <button id=\"step2-prev-btn\" type=\"button\" data-action=\"prev\" class=\"btn btn-secondary prev-btn nav-button\">BACK<\/button>\r\n        <button id=\"step2-next-btn\" type=\"button\" data-action=\"next\" class=\"btn btn-primary next-btn nav-button\">NEXT<\/button>\r\n    <\/div>\r\n<\/div>\r\n<\/fieldset>\r\n\r\n<script>\r\n\/*document.addEventListener('DOMContentLoaded', function () {\r\n    \/\/ Load data from PHP\r\n    const countries = [];\r\n    const states = [];\r\n\r\n    \/\/ Populate Country Dropdown\r\n    const countrySelect = document.getElementById('country');\r\n    countries.forEach(country => {\r\n        const option = document.createElement('option');\r\n        option.value = country.id;\r\n        option.textContent = country.name;\r\n        option.setAttribute('data-iso2', country.iso2);\r\n        countrySelect.appendChild(option);\r\n    });\r\n\r\n    \/\/ Populate State Dropdown on Country Selection\r\n    const stateSelect = document.getElementById('state');\r\n    countrySelect.addEventListener('change', function () {\r\n        const selectedCountryId = this.value;\r\n\r\n        \/\/ Clear existing state options\r\n        stateSelect.innerHTML = '<option value=\"\" selected disabled>Select a State<\/option>';\r\n\r\n        \/\/ Add states belonging to the selected country\r\n        const filteredStates = states.filter(state => state.countryId === selectedCountryId);\r\n        filteredStates.forEach(state => {\r\n            const option = document.createElement('option');\r\n            option.value = state.stateCode;\r\n            option.textContent = state.name;\r\n            stateSelect.appendChild(option);\r\n        });\r\n    });\r\n}); *\/\r\n<\/script>\r\n\r\n\r\n        <!-- Step 3: Agreement Confirmation -->\r\n        <fieldset class=\"form-step \">\r\n        <div class=\"row\">\r\n            <div class=\"form-group col-md-12 mb-2\">\r\n                <div class=\"checkbox-container\">\r\n                    <input type=\"checkbox\" class=\"form-control custom-checkbox\" id=\"agreement-age\" name=\"agreement_age\" required>\r\n                    <label for=\"agreement-age\" class=\"custom-checkbox-label\">I certify that I am 18 years of age or older and legally able to make my own decision to join as an associate.<\/label>\r\n                    <span id=\"agreement-age-error\" class=\"error-message hidden\">This certification is required.<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"form-group col-md-12\">\r\n                <label id=\"agreement-1\">I agree to comply with the Compliance Guidelines of POMIA & POM, including but not limited to the following:<\/label>\r\n            <\/div>\r\n            <div class=\"form-group col-md-12\">\r\n                <div class=\"checkbox-container\">\r\n                    <input type=\"checkbox\" class=\"form-control custom-checkbox\" id=\"agreement-2\" name=\"agreement_2\" required>\r\n                    <label for=\"agreement-2\" class=\"custom-checkbox-label\">I will not solicit sales of insurance policies or securities, directly or indirectly, and I will not supervise agents, unless and until I am fully and properly licensed and appointed.<\/label>\r\n                    <span id=\"agreement-2-error\" class=\"error-message hidden\">This agreement is required.<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"form-group col-md-12\">\r\n                <div class=\"checkbox-container\">\r\n                    <input type=\"checkbox\" class=\"form-control custom-checkbox\" id=\"agreement-3\" name=\"agreement_3\" required>\r\n                    <label for=\"agreement-3\" class=\"custom-checkbox-label\">I will not represent to a customer, or train other agents to represent to a customer, that an index life insurance policy or indexed annuity is a mutual fund.<\/label>\r\n                    <span id=\"agreement-3-error\" class=\"error-message hidden\">This agreement is required.<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"form-group col-md-12\">\r\n                <div class=\"checkbox-container\">\r\n                    <input type=\"checkbox\" class=\"form-control custom-checkbox\" id=\"agreement-4\" name=\"agreement_4\" required>\r\n                    <label for=\"agreement-4\" class=\"custom-checkbox-label\">Upon approval from POMIA & POM, I will obtain copies of the applicable life insurance or annuity replacement procedures and forms, if any, required under the insurance laws of the state(s) in which I have an insurance agent license. I will review them and will comply with them. I will also truthfully and fully complete the information called for on a life insurance or annuity application and agent\u2019s statement regarding replacements. <\/label>\r\n                    <span id=\"agreement-4-error\" class=\"error-message hidden\">This agreement is required.<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"form-group col-md-12\">\r\n                <div class=\"checkbox-container\">\r\n                    <input type=\"checkbox\" class=\"form-control custom-checkbox\" id=\"agreement-5\" name=\"agreement_5\" required>\r\n                    <label for=\"agreement-5\" class=\"custom-checkbox-label\">I will promptly deliver all policies and promptly remit all premiums.<\/label>\r\n                    <span id=\"agreement-5-error\" class=\"error-message hidden\">This agreement is required.<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"form-group col-md-12\">\r\n                <div class=\"checkbox-container\">\r\n                    <input type=\"checkbox\" class=\"form-control custom-checkbox\" id=\"agreement-6\" name=\"agreement_6\" required>\r\n                    <label for=\"agreement-6\" class=\"custom-checkbox-label\">I will not use or provide any policy illustrations except those expressly authorized by the applicable life insurance company, POMIA and POM. I understand that illustrations of a life insurance policy are based on hypothetical rates, and do not represent past or future investment results. I agree I will not use or represent such policy illustrations except as authorized by the life insurance company, POMIA and POM.<\/label>\r\n                    <span id=\"agreement-6-error\" class=\"error-message hidden\">This agreement is required.<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"form-group col-md-12\">\r\n                <div class=\"checkbox-container\">\r\n                    <input type=\"checkbox\" class=\"form-control custom-checkbox\" id=\"agreement-7\" name=\"agreement_7\" required>\r\n                    <label for=\"agreement-7\" class=\"custom-checkbox-label\">I understand that I must complete POMIA, POM and insurance companies required course(s), to include \u201cAnti-Money Laundering\u201d, either prior to obtaining a provider company appointment or within 120 days upon submitting paperwork to a product provider requesting an appointment.<\/label>\r\n                    <span id=\"agreement-7-error\" class=\"error-message hidden\">This agreement is required.<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"form-group col-md-12\">\r\n                <label for=\"signature\">&#9997;&#65039; I accept the terms and type my name below as electronic signature <span class=\"required-field\">*<\/span><\/label>\r\n                <input type=\"text\" class=\"form-control\" id=\"signature\" name=\"signature\" placeholder=\"Enter your name to sign\" maxlength=\"100\" required>\r\n                <span id=\"signature-error\" class=\"error-message hidden\">Signature is required.<\/span>\r\n            <\/div>\r\n            <div class=\"form-group col-md-12\">\r\n                <div class=\"checkbox-container\">\r\n                    <label for=\"open-lightbox-privacy\"><a href=\"#\" class=\"open-lightbox\" data-target=\"lightbox-privacy\" data-url=\"https:\/\/pom365.com\/?page_id=3\">&#128737;&#65039; Read Privacy Policy<\/a><\/label>\n                    <input type=\"checkbox\" class=\"form-control custom-checkbox\" id=\"privacy-policy\" name=\"privacy_policy\" required>\r\n                    <label for=\"privacy-policy\" class=\"custom-checkbox-label\">Please confirm that you agree to our privacy policy.<\/label>\r\n                    <span id=\"privacy-policy-error\" class=\"error-message hidden\">Privacy Policy is required.<\/span>\r\n                <\/div>\r\n                <div id=\"lightbox-privacy\" class=\"lightbox\" style=\"display: none;\">\r\n                    <div class=\"lightbox-overlay\"><\/div>\r\n                    <div class=\"lightbox-content\">\r\n                        <span class=\"close-lightbox\">&times;<\/span>\r\n                        <div class=\"lightbox-body\">Loading Privacy Policy...<\/div>\r\n                    <\/div>\n                <\/div>\n            <\/div>\r\n            <div class=\"form-group col-md-12\">\r\n                <div class=\"checkbox-container\">\r\n                    <label for=\"open-lightbox-membership\"><a href=\"#\" class=\"open-lightbox\" data-target=\"lightbox-membership\" data-url=\"https:\/\/pom365.com\/new-member-agreement.php\">&#128278; Read Full Membership Agreement<\/a><\/label>\r\n                    <input type=\"checkbox\" class=\"form-control custom-checkbox\" id=\"membership-agreement\" name=\"membership_agreement\" required>\r\n                    <label for=\"membership-agreement\" class=\"custom-checkbox-label\">I acknowledge I have read the PEACE OF MIND WEALTH MANAGEMENT (POM) & POM INSURANCE AGENCY INC (POMIA) Member\u2019s Marketing Agreement & Member\u2019s Technology Support Agreement. I agree to all provisions and I accept the terms by checking this checkbox.<\/label>\r\n                    <span id=\"membership-agreement-error\" class=\"error-message hidden\">Membership Agreement is required.<\/span>\r\n                <\/div>\r\n                <div id=\"lightbox-membership\" class=\"lightbox\" style=\"display: none;\">\r\n                    <div class=\"lightbox-overlay\"><\/div>\r\n                    <div class=\"lightbox-content\">\r\n                        <span class=\"close-lightbox\">&times;<\/span>\r\n                        <div class=\"lightbox-body\">Loading Full Membership Agreement...<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <input type=\"hidden\" name=\"membership\" value=\"free\">\r\n            <div class=\"form-group col-md-12\" style=\"display: flex; justify-content: center; margin: 15px 0px;\">\r\n                <button id=\"step3-prev-btn\" type=\"button\" data-action=\"prev\" class=\"btn btn-secondary prev-btn nav-button\">BACK<\/button>\r\n                <!--<button id=\"step3-submit-btn\" name=\"register\" type=\"submit\" data-action=\"submit\" class=\"btn btn-primary next-btn nav-button\" value=\"0\">REGISTER<\/button>-->\r\n                <!--<button id=\"step3-next-btn\" type=\"button\" data-action=\"next\" class=\"btn btn-primary next-btn nav-button\">NEXT<\/button>-->\r\n                <button id=\"step4-submit-btn\" name=\"register\" type=\"submit\" data-action=\"submit\" class=\"btn btn-primary next-btn nav-button\" value=\"0\">REGISTER<\/button>\r\n            <\/div>\r\n                    <\/div>\r\n        <\/fieldset>\r\n        <!-- Step 4: Membership Selection -->\r\n     <!--   <fieldset class=\"form-step \">\r\n    <h2>Step 4: Membership Selection<\/h2>\r\n\r\n    <div class=\"form-group col-md-12\">\r\n        <div class=\"checkbox-container\">\r\n            <input type=\"radio\" class=\"form-control custom-radio\" id=\"free_member\" name=\"membership\" value=\"free\">\r\n            <label for=\"free_member\" class=\"custom-checkbox-label\">Free Member<\/label>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"form-group col-md-12\">\r\n        <div class=\"checkbox-container\">\r\n            <input type=\"radio\" class=\"form-control custom-radio\" id=\"premier_member\" name=\"membership\" value=\"premier\">\r\n            <label for=\"premier_member\" class=\"custom-checkbox-label\">Premium Member<\/label>\r\n            <span class=\"error hidden\" id=\"error-membership\">Please select a membership type.<\/span>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"form-group col-md-12\">                   \r\n    <div id=\"payment-info\" style=\"display:none;\">\r\n    <h3>Payment Information<\/h3>\r\n    <div class=\"form-group\">\r\n        <label for=\"cardholder-name\">Cardholder Full Name<\/label>\r\n        <input type=\"text\" id=\"cardholder-name\" class=\"form-control\" placeholder=\"Enter full name as on card\">\r\n    <\/div>\r\n    <div class=\"form-group\">\r\n        <label for=\"credit-card\">Credit Card Information<\/label>\r\n        <div id=\"card-number\" class=\"braintree-input\"><\/div>\r\n        <div id=\"cvv\" class=\"braintree-input\"><\/div>\r\n        <div id=\"expiration-date\" class=\"braintree-input\"><\/div>\r\n    <\/div>\r\n\r\n    <div id=\"three-d-secure-container\"><\/div>    \r\n<\/div>\r\n<\/div> -->\r\n\r\n   <!--\r\n    <div id=\"payment-info\" style=\"display:none;\">\r\n        <div class=\"form-group\">\r\n            <label for=\"credit_card\">Credit Card Information<\/label>\r\n            <input type=\"text\" id=\"credit_card\" name=\"credit_card\">\r\n            <span class=\"error hidden\" id=\"error-credit_card\">Please enter your credit card information.<\/span>\r\n        <\/div>\r\n    <\/div>\r\n                    -->\r\n    <!--                               \r\n    <div class=\"nav-buttons\">\r\n        <button id=\"step4-prev-btn\" type=\"button\" data-action=\"prev\" class=\"btn btn-secondary prev-btn nav-button\">BACK<\/button>\r\n        <button id=\"step4-submit-btn\" name=\"register\" type=\"submit\" data-action=\"submit\" class=\"btn btn-primary next-btn nav-button\" value=\"0\">REGISTER<\/button>\r\n    <\/div>\r\n<\/fieldset>-->\r\n\r\n    <\/form>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \r\n    function validateUserData(metaKeyId) {\r\n        const metaValueInput = document.getElementById(metaKeyId);\r\n        const metaValue = metaValueInput.value.trim();\r\n        const errorElement = document.getElementById(metaKeyId + \"-error\");\r\n        if (metaValue === \"\") {\r\n            errorElement.classList.add('hidden');\r\n            return;\r\n        }\r\n        errorElement.classList.add('hidden');\r\n        fetch(`resources\/php-scripts\/validate-user-data.php?key=${encodeURIComponent(metaKeyId)}&value=${encodeURIComponent(metaValue)}`)\r\n        .then(response => {\r\n            if (!response.ok) {\r\n                throw new Error('Network response was not ok.');\r\n            }\r\n            return response.json(); \/\/ Get response as JSON\r\n        })\r\n        .then(data => {\r\n            if (data.exists) {\r\n                errorElement.textContent = 'This value already exists. Please choose another one.'; \/\/ Generic error message\r\n                errorElement.classList.remove('hidden');\r\n            } else {\r\n                errorElement.classList.add('hidden');\r\n            }\r\n        })\r\n        .catch(error => {\r\n            errorElement.textContent = 'An error occurred while validating the value. Please try again.'; \/\/ Generic error message\r\n            errorElement.classList.remove('hidden');\r\n            console.error('Error:', error); \/\/ Log error\r\n        });\r\n    }\r\n\r\n    function validateManagerCode(managerCodeId) {\r\n        const managerCodeInput = document.getElementById(managerCodeId);\r\n        const managerCode = managerCodeInput.value.trim();\r\n        const managerCodeError = document.getElementById(managerCodeId + \"-error\");\r\n        const managerCodeSuccess = document.getElementById(managerCodeId + \"-check\");\r\n        if (managerCode === \"\") {\r\n            managerCodeError.classList.add('hidden');\r\n            managerCodeSuccess.classList.add('hidden');\r\n            return;\r\n        }\r\n        managerCodeError.classList.add('hidden');\r\n        fetch(`resources\/php-scripts\/validateAgentProfile.php?q=${encodeURIComponent(managerCode)}`)\r\n        .then(response => {\r\n            if (!response.ok) {\r\n                throw new Error('Network response was not ok.');\r\n            }\r\n            return response.text(); \/\/ Get response as text\r\n        })\r\n        .then(text => {\r\n            const responseText = text.trim(); \/\/ Trim the response text\r\n            if (responseText === \"\" || responseText.match(\/^\\s*$\/)) {\r\n                managerCodeError.classList.remove('hidden');\r\n                managerCodeSuccess.classList.add('hidden');\r\n            } else {\r\n                const response = JSON.parse(responseText);\r\n                managerCodeError.classList.add('hidden');\r\n                managerCodeSuccess.classList.remove('hidden');\r\n            }\r\n        })\r\n        .catch(error => {\r\n            managerCodeError.classList.remove('hidden');\r\n            managerCodeSuccess.classList.add('hidden');\r\n            console.error('Error:', error); \/\/ Log error\r\n        });\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const form = document.getElementById('membership-registration-form');\r\n        const steps = document.querySelectorAll('.form-step');\r\n        const prevButtons = document.querySelectorAll('.nav-button[data-action=\"prev\"]');\r\n        const nextButtons = document.querySelectorAll('.nav-button[data-action=\"next\"]');\r\n        const paymentInfo = document.getElementById('payment-info');\r\n\r\n        function showStep(step) {\n            step = Math.max(1, Math.min(step, steps.length));\n            steps.forEach((fieldset, index) => {\n                fieldset.classList.toggle('visible', index + 1 === step);\n            });\n            form.querySelector('input[name=\"current_step\"]').value = step;\n\r\n            \/\/ Update breadcrumb status\r\n            document.querySelectorAll('.step').forEach((li, index) => {\r\n                if (index + 1 < step) {\r\n                    li.classList.add('completed');\r\n                    li.classList.remove('active');\r\n                } else if (index + 1 === step) {\r\n                    li.classList.add('active');\r\n                    li.classList.remove('completed');\r\n                } else {\r\n                    li.classList.remove('active', 'completed');\r\n                }\n            });\n        }\n        window.pomRegistrationShowStep = showStep;\n\r\n        \/\/ Helper function to check if a value is empty\r\n        function isEmpty(value) {\r\n            return !value.trim();\r\n        }\r\n\r\n        \/\/ Function to hide the password hint when the user types in the password field\r\n        function hidePasswordHint(inputElement) {\r\n            if (inputElement.id === 'password') {\r\n                const hintElement = document.getElementById('password-hint');\r\n                if (hintElement) {\r\n                    hintElement.classList.add('hidden');\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Helper function to validate length (min\/max) using attributes from the input element\r\n        function validateLength(value, inputElement) {\r\n            const minLength = inputElement.minLength;\r\n            const maxLength = inputElement.maxLength;\r\n            let error = false;\r\n            \/\/ Check if minLength is valid and greater than 0, then validate\r\n            if (minLength > 0 && value.length < minLength) {\r\n                error = true;\r\n                const errorElement = document.getElementById(`${inputElement.id}-error`);\r\n                errorElement.classList.remove('hidden');\r\n                hidePasswordHint(inputElement);\r\n            }\r\n            \/\/ Check if maxLength is valid and greater than 0, then validate\r\n            if (maxLength > 0 && value.length > maxLength) {\r\n                error = true;\r\n                const errorElement = document.getElementById(`${inputElement.id}-error`);\r\n                errorElement.classList.remove('hidden');\r\n                hidePasswordHint(inputElement);\r\n            }\r\n            return error;\r\n        }\r\n\r\n        \/\/ Helper function to validate pattern using the input element's pattern attribute\r\n        function validatePattern(value, inputElement) {\r\n            const pattern = inputElement.pattern;\r\n            let error = false;\r\n            if (pattern && !new RegExp(pattern).test(value)) {\r\n                error = true;\r\n                \/\/ Show the error message\r\n                const errorElement = document.getElementById(`${inputElement.id}-error`);\r\n                errorElement.classList.remove('hidden');\r\n                hidePasswordHint(inputElement);\r\n            }\r\n            return error;\r\n        }\r\n\r\n        function validateGender() {\r\n            const gender = form.querySelector('input[name=\"gender\"]:checked');\r\n            const errorElement = document.getElementById('gender-error');\r\n            \/\/ If no gender is selected, show the error message\r\n            if (!gender) {\r\n                errorElement.classList.remove('hidden'); \r\n                return true;\r\n            }\r\n            return false; \r\n        }\r\n\r\n        \/\/ Function to validate a form field\r\n        function validateField(field) {\r\n            \/\/ Hide error by default\r\n            const errorElement = document.getElementById(`${field.id}-error`);\r\n          \r\n            errorElement.classList.add('hidden');\r\n            \/\/ If the field is for gender, handle separately\r\n            if (field.id === 'gender') {\r\n                return validateGender();\r\n            }\r\n            const input = form.querySelector(`#${field.id}`);\r\n\r\n            \/\/ Handle checkbox validation\r\n            if (input.type === 'checkbox') {\r\n                if (!input.checked) {\r\n                    errorElement.classList.remove('hidden');\r\n                    return true; \/\/ Invalid if not checked\r\n                }\r\n                return false; \/\/ Valid if checked\r\n            }\r\n\r\n            const value = input.value.trim();\r\n            if (field.id === 'password') {\r\n                const hintElement = document.getElementById(`password-hint`);\r\n                hintElement.classList.remove('hidden');\r\n            }\r\n            \/\/ Check if value is empty\r\n            if (isEmpty(value)) {\r\n                errorElement.classList.remove('hidden');\r\n                hidePasswordHint(input);\r\n                return true;\r\n            }\r\n            \/\/ Validate length and pattern using attributes from input element\r\n            return validateLength(value, input) || validatePattern(value, input);\r\n        }\r\n\r\n        function validateMembership() {\r\n            const membershipOptions = document.querySelectorAll('input[name=\"membership\"]');\r\n            const errorElement = document.getElementById('error-membership');\r\n\r\n            \/\/ Hide error message by default\r\n            errorElement.classList.add('hidden');\r\n\r\n            \/\/ Check if any radio button is checked\r\n            const isChecked = Array.from(membershipOptions).some(option => option.checked);\r\n\r\n            if (!isChecked) {\r\n                errorElement.classList.remove('hidden');\r\n                return false; \/\/ Invalid if none are checked\r\n            }\r\n\r\n            return true; \/\/ Valid if one is checked\r\n        }\r\n\r\n        \/\/ Function to validate that password matches confirm password\r\n        function validatePasswordMatch() {\r\n            const password = document.getElementById('password').value.trim();\r\n            const confirmPassword = document.getElementById('confirm-password').value.trim();\r\n            let error = false;\r\n            if (password !== confirmPassword) {\r\n                error = true;\r\n                const errorElement = document.getElementById('confirm-password-error');\r\n                errorElement.classList.remove('hidden');\r\n            }\r\n            return error;\r\n        }\r\n\r\n        \/\/ Validation function for step 1\r\n        function validateStep1() {\r\n            const fields = [\r\n                { id: 'manager-code', label: 'Manager Code' },\r\n                { id: 'first-name', label: 'First Name' },\r\n                { id: 'last-name', label: 'Last Name' },\r\n                { id: 'gender', label: 'Gender' },\r\n                { id: 'password', label: 'Password' },\r\n                { id: 'confirm-password', label: 'Confirm Password' },\r\n            ];\r\n            \/\/ Validate fields\r\n            const isFieldInvalid = fields.map(field => validateField(field)).some(Boolean);\n            \/\/ Validate password and confirm password match\r\n            const isPasswordMismatch = validatePasswordMatch();\r\n            return isFieldInvalid || isPasswordMismatch; \/\/ Return true if any field is invalid\r\n        }\r\n\r\n        \/\/ Validation function for step 2\r\n        function validateStep2() {\r\n            const fields = [\r\n                { id: 'mobile-number', label: 'Mobile Number' },\r\n                { id: 'email-address', label: 'Email Address' },\r\n                { id: 'home-address', label: 'Home Address' },\r\n                { id: 'city', label: 'City' },\r\n                { id: 'country', label: 'Country' },\r\n                { id: 'state', label: 'State' },\r\n                { id: 'zip-code', label: 'Zip Code' }\r\n            ];\r\n            return fields.map(field => validateField(field)).some(Boolean);  \/\/ Return true if any field is invalid\n        }\r\n\r\n        function validateStep3() {\r\n            const fields = [\r\n                { id: 'agreement-age', label: 'Age Certification' },\r\n                { id: 'agreement-2', label: 'Agreement 1' },\r\n                { id: 'agreement-3', label: 'Agreement 2' },\r\n                { id: 'agreement-4', label: 'Agreement 3' },\r\n                { id: 'agreement-5', label: 'Agreement 4' },\r\n                { id: 'agreement-6', label: 'Agreement 5' },\r\n                { id: 'agreement-7', label: 'Agreement 6' },\r\n                { id: 'signature', label: 'Signature' },\r\n                { id: 'privacy-policy', label: 'Privacy Policy' },\r\n                { id: 'membership-agreement', label: 'Membership Agreement' }\r\n            ];\r\n            return fields.map(field => validateField(field)).some(Boolean);  \/\/ Return true if any field is invalid\n        }\r\n\r\n        function validateStep4() {\r\n            return validateMembership(); \/\/ Add more validations here if needed\r\n        }\r\n\r\n        function validateStep(step) {\n            let valid = true;\n            switch (step) {\n                case 1:\r\n                    valid = !validateStep1();\r\n                    break;\r\n                case 2:\r\n                    valid = !validateStep2();\r\n                    break;\r\n                case 3:\r\n                    valid = !validateStep3();\r\n                    break;    \r\n              \/\/  case 4:\r\n              \/\/      valid = !validateStep4();\r\n              \/\/      break;        \r\n                \/\/ Additional cases for other steps\r\n            }\n            return valid;\n        }\n        window.pomRegistrationValidateStep = validateStep;\n\r\n        nextButtons.forEach(button => {\r\n            button.addEventListener('click', () => {\r\n                const currentStep = parseInt(form.querySelector('input[name=\"current_step\"]').value);\r\n                if (validateStep(currentStep)) {\r\n                    showStep(currentStep + 1);\r\n                }\r\n            });\r\n        });\r\n\r\n        prevButtons.forEach(button => {\r\n            button.addEventListener('click', () => {\r\n                const currentStep = parseInt(form.querySelector('input[name=\"current_step\"]').value);\r\n                showStep(currentStep - 1);\r\n            });\r\n        });\r\n\r\n        \/\/ form.querySelector('input[name=\"membership\"]').addEventListener('change', (event) => {\r\n        \/\/     if (event.target.value === 'premier') {\r\n        \/\/         paymentInfo.style.display = 'block';\r\n        \/\/     } else {\r\n        \/\/         paymentInfo.style.display = 'none';\r\n        \/\/     }\r\n        \/\/ });\r\n\r\n        \/\/ Initialize the form to show the current step based on the value\r\n        showStep(parseInt(form.querySelector('input[name=\"current_step\"]').value));\r\n\r\n        \/\/ Attach click event to all lightbox triggers\r\n        document.querySelectorAll('.open-lightbox').forEach(trigger => {\r\n            trigger.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                \/\/ Get target lightbox and URL\r\n                const targetId = this.getAttribute('data-target');\r\n                const fetchUrl = this.getAttribute('data-url');\r\n                const lightbox = document.getElementById(targetId);\r\n                const lightboxBody = lightbox.querySelector('.lightbox-body');\r\n                const isPrivacy = targetId === 'lightbox-privacy';\r\n\r\n                \/\/ Show lightbox\r\n                lightbox.style.display = 'flex';\r\n                lightboxBody.innerHTML = 'Loading...';\r\n\r\n                \/\/ Fetch content\r\n                fetch(fetchUrl)\r\n                    .then(response => response.text())\r\n                    .then(html => {\r\n                        const parser = new DOMParser();\r\n                        const doc = parser.parseFromString(html, 'text\/html');\r\n                        const selector = isPrivacy ? '.pom-page-shell' : '#post-1210';\n                        const element = doc.querySelector(selector); \/\/ Replace with the target ID\r\n                        lightboxBody.innerHTML = element ? element.outerHTML : '';\r\n                    })\r\n                    .catch(err => {\r\n                        lightboxBody.innerHTML = 'Failed to load content.';\r\n                        console.error('Error fetching content:', err);\r\n                    });\r\n            });\r\n        });\r\n\r\n        \/\/ Attach click event to all lightbox close buttons\r\n        document.querySelectorAll('.close-lightbox').forEach(closeBtn => {\r\n            closeBtn.addEventListener('click', function () {\r\n                const lightbox = this.closest('.lightbox');\r\n                lightbox.style.display = 'none';\r\n            });\r\n        });\r\n\r\n        \/\/ Close lightbox on clicking overlay\r\n        document.querySelectorAll('.lightbox-overlay').forEach(overlay => {\r\n            overlay.addEventListener('click', function () {\r\n                const lightbox = this.closest('.lightbox');\r\n                lightbox.style.display = 'none';\r\n            });\r\n        });\r\n    });\r\n\r\n\r\n    jQuery(document).ready(function ($) {\r\n    let braintreeClientToken = ''; \/\/     let hostedFieldsInstance, threeDSecureInstance;\r\n\r\n    \/\/ Toggle Payment Info Visibility Based on Membership\r\n    $('input[name=\"membership\"]').on('change', function () {\r\n        const isPremium = $('#premier_member').is(':checked');\r\n        $('#payment-info').toggle(isPremium);\r\n\r\n        if (isPremium && !hostedFieldsInstance) {\r\n            \/\/ Initialize Braintree Client\r\n            braintree.client.create({\r\n                authorization: braintreeClientToken\r\n            }, function (err, clientInstance) {\r\n                if (err) {\r\n                    console.error('Braintree client creation failed:', err);\r\n                    return;\r\n                }\r\n\r\n                \/\/ Initialize Hosted Fields\r\n                braintree.hostedFields.create({\r\n                    client: clientInstance,\r\n                    styles: {\r\n                        input: {\r\n                            'font-size': '14px',\r\n                            'font-family': 'Arial, sans-serif',\r\n                            'color': '#3a3a3a'\r\n                        },\r\n                        ':focus': { color: 'blue' },\r\n                        'input.invalid': { color: 'red' },\r\n                        'input.valid': { color: 'green' }\r\n                    },\r\n                    fields: {\r\n                        number: { selector: '#card-number', placeholder: 'Card Number' },\r\n                        cvv: { selector: '#cvv', placeholder: 'CVV' },\r\n                        expirationDate: { selector: '#expiration-date', placeholder: 'MM\/YY' }\r\n                    }\r\n                }, function (err, hostedFields) {\r\n                    if (err) {\r\n                        console.error('Hosted Fields creation failed:', err);\r\n                        return;\r\n                    }\r\n                    hostedFieldsInstance = hostedFields;\r\n\r\n                    \/\/ Initialize 3D Secure\r\n                    braintree.threeDSecure.create({\r\n                        client: clientInstance\r\n                    }, function (err, threeDS) {\r\n                        if (err) {\r\n                            console.error('3D Secure initialization failed:', err);\r\n                            return;\r\n                        }\r\n                        threeDSecureInstance = threeDS;\r\n                    });\r\n                });\r\n            });\r\n        }\r\n    });\r\n\r\n    \/\/ Handle Membership Form Submission\n    $('#membership-registration-form').on('submit', function (e) {\n        e.preventDefault();\n        const currentStep = parseInt($(this).find('input[name=\"current_step\"]').val(), 10) || 1;\n        if (window.pomRegistrationValidateStep && !window.pomRegistrationValidateStep(currentStep)) {\n            return;\n        }\n        if (currentStep < 3) {\n            if (window.pomRegistrationShowStep) {\n                window.pomRegistrationShowStep(currentStep + 1);\n            }\n            return;\n        }\n\n        if (!$('#premier_member').is(':checked')) {\n            \/\/ Non-premium registration (skip payment)\n            submitMembershipForm();\r\n            return;\r\n        }\r\n\r\n        if (hostedFieldsInstance) {\r\n            hostedFieldsInstance.tokenize(function (err, payload) {\r\n                if (err) {\r\n                    console.error('Tokenization failed:', err);\r\n                    alert('There was an error processing the payment information.');\r\n                    return;\r\n                }\r\n\r\n                \/\/ Ensure a new payment nonce is used\r\n                const paymentNonce = payload.nonce;\r\n\r\n                \/\/ 3D Secure Verification\r\n                threeDSecureInstance.verifyCard({\r\n                    amount: '50.00', \/\/ Example amount for premium membership\r\n                    nonce: paymentNonce,\r\n                    bin: payload.details.bin,\r\n                    email: $('#email-address').val(), \/\/ Use the email address from the form\r\n                    billingAddress: {\r\n                        givenName: $('#first-name').val(), \/\/ First name\r\n                        surname: $('#last-name').val(), \/\/ Last name\r\n                        phoneNumber: $('#mobile-number').val(), \/\/ Mobile number\r\n                        streetAddress: $('#home-address').val(), \/\/ Home address\r\n                        locality: $('#city').val(), \/\/ City\r\n                        region: $('#state').val(), \/\/ State\r\n                        postalCode: $('#zip-code').val(), \/\/ Zip code\r\n                        countryCodeAlpha2: $('#country').attr('data-iso2') \/\/ Country (ISO 3166-1 alpha-2)\r\n                    },\r\n                    addFrame: function (err, iframe) {\r\n                        if (err) {\r\n                            console.error('Error adding 3D Secure frame:', err);\r\n                            return;\r\n                        }\r\n\r\n                        const threeDSecureContainer = document.getElementById('three-d-secure-container');\r\n                        threeDSecureContainer.innerHTML = ''; \/\/ Clear any previous content\r\n                        threeDSecureContainer.appendChild(iframe);\r\n                        threeDSecureContainer.style.display = 'block'; \/\/ Show the container\r\n                    },\r\n                    removeFrame: function () {\r\n                        const threeDSecureContainer = document.getElementById('three-d-secure-container');\r\n                        threeDSecureContainer.innerHTML = ''; \/\/ Clear the content\r\n                        threeDSecureContainer.style.display = 'none'; \/\/ Hide the container\r\n                    },\r\n                    onLookupComplete: function (data, next) {\r\n                        next(); \/\/ Proceed with the 3D Secure authentication\r\n                    }\r\n                }, function (err, threeDSecureResponse) {\r\n                    if (err) {\r\n                        console.error('3D Secure verification failed:', err);\r\n                        alert('3D Secure verification failed. Please try again.');\r\n                        return;\r\n                    }\r\n\r\n                    \/\/ Submit the form with the new payment nonce\r\n                    submitMembershipForm(threeDSecureResponse.nonce);\r\n                });\r\n            });\r\n        }\r\n    });\r\n\r\n    \/\/ AJAX Function to Submit Form Data\r\n    function submitMembershipForm(paymentNonce = null) {\r\n        \/\/ Use jQuery to get the selected membership role\r\n        const membershipOptions = $('input[name=\"membership\"]:checked');\r\n\r\n        const formData = {\r\n            action: 'add_new_user',\r\n            security: 'ea45af69dc',\r\n            manager_code: $('#manager-code').val(),\r\n            first_name: $('#first-name').val(),\r\n            last_name: $('#last-name').val(),\r\n            nickname: $('#nickname').val(),\r\n            gender: $('input[name=\"gender\"]:checked').val(),\r\n            password: $('#password').val(),\r\n            mobile_number: $('#mobile-number').val(),\r\n            email: $('#email-address').val(),\r\n            home_address: $('#home-address').val(),\r\n            city: $('#city').val(),\r\n            country: $('#country').val(),\r\n            state: $('#state').val(),\r\n            zip_code: $('#zip-code').val(),\r\n           \/\/ role: membershipOptions.length ? membershipOptions.val() : '', \/\/ Get the selected role\r\n            role: $('input[name=\"membership\"]').val(),\r\n            cardholder_name: $('#cardholder-name').val(),\r\n            payment_nonce: paymentNonce\r\n        };\r\n\r\n        $.ajax({\r\n            url: 'https:\/\/pom365.com\/wp-admin\/admin-ajax.php',\r\n            method: 'POST',\r\n            data: formData,\r\n            beforeSend: function () {\r\n                $('#step4-submit-btn').text('Submitting...').attr('disabled', true);\r\n            },\r\n            success: function (response) {\r\n                if (response.success) {\r\n                    $('.mainregistration-container').html(`\r\n                                <div class=\"success-container\">\r\n                                    <div class=\"checkmark\">\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 52 52\">\r\n                                            <circle cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" stroke=\"#4caf50\" stroke-width=\"2\"\/>\r\n                                            <path d=\"M16 26l8 8 14-14\"\/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                    <h1>Registration Successful!<\/h1>\r\n                                    <p>Your account has been successfully created.<\/p>\r\n                                    <a href=\"https:\/\/pom365.com\/?page_id=19087\" class=\"login-link\">Go to Login<\/a>\r\n                                <\/div>\r\n                            `);\r\n                } else {\r\n                    alert(response.data.message);\r\n                }\r\n            },\r\n            error: function () {\r\n                alert('An error occurred. Please try again.');\r\n            },\r\n            complete: function () {\r\n                $('#step4-submit-btn').text('REGISTER').attr('disabled', false);\r\n            }\r\n        });\r\n    }\r\n});\r\n\r\n\r\n\r\n\r\n<\/script>\r\n\n      <\/div>\n<p style=\"margin: 20px 0 0; font-size: 14px; color: #52616f;\">\n        Questions about registration or portal access? Contact <a href=\"mailto:contact@pom365.com\">contact@pom365.com<\/a>.\n      <\/p>\n<p style=\"margin: 6px 0 0; font-size: 13px; color: #6b7280;\">Last updated: June 10, 2026<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<style>\n  .pom-lang-switch {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    margin-left: 12px;\n    vertical-align: middle;\n  }\n  .pom-lang-switch button {\n    border: 1px solid rgba(255,255,255,0.65);\n    border-radius: 4px;\n    background: transparent;\n    color: #ffffff;\n    cursor: pointer;\n    font: 700 13px Arial, sans-serif;\n    line-height: 1;\n    padding: 6px 8px;\n  }\n  .pom-lang-switch button.active {\n    background: #ffffff;\n    color: #073b73;\n  }\n  .pom-lang-inline {\n    display: flex;\n    justify-content: flex-end;\n    margin: 0 0 12px;\n  }\n  .pom-lang-inline .pom-lang-switch button {\n    border-color: #073b73;\n    color: #073b73;\n  }\n  .pom-lang-inline .pom-lang-switch button.active {\n    background: #073b73;\n    color: #ffffff;\n  }\n  html[lang=\"zh-CN\"] .pom-page-shell,\n  body.pom-lang-cn .pom-page-shell {\n    font-family: Arial, \"Noto Sans CJK SC\", \"Microsoft YaHei\", sans-serif;\n  }\n<\/style>\n<p><script>\n(function () {\n  var COOKIE_NAME = 'pom_lang';\n  var COOKIE_DAYS = 180;\n  var TEXT_MAP = {\n    'Login': '\u767b\u5f55',\n    'Sign Up': '\u6ce8\u518c',\n    'Public Site': '\u516c\u5f00\u7f51\u7ad9',\n    'Team Access Portal': '\u56e2\u961f\u8bbf\u95ee\u95e8\u6237',\n    'Secure access for POM Insurance Agency agents and staff.': 'POM \u4fdd\u9669\u4ee3\u7406\u516c\u53f8\u4ee3\u7406\u548c\u5458\u5de5\u7684\u5b89\u5168\u8bbf\u95ee\u5165\u53e3\u3002',\n    'Sign in to access onboarding, contracting, document upload, W9, payroll, commission, and agency back-office tools.': '\u767b\u5f55\u540e\u53ef\u8bbf\u95ee\u5165\u804c\u6d41\u7a0b\u3001\u5408\u540c\u7b7e\u7f72\u3001\u6587\u4ef6\u4e0a\u4f20\u3001W9 \u8868\u683c\u3001\u85aa\u8d44\u3001\u4f63\u91d1\u548c\u4ee3\u7406\u540e\u53f0\u5de5\u5177\u3002',\n    'Before you sign in': '\u767b\u5f55\u524d\u987b\u77e5',\n    'Use the member code or email address connected to your POM portal account.': '\u8bf7\u4f7f\u7528\u4e0e\u60a8 POM \u95e8\u6237\u8d26\u6237\u5173\u8054\u7684\u4f1a\u5458\u4ee3\u7801\u6216\u7535\u5b50\u90ae\u7bb1\u3002',\n    'Keep your password private and do not share portal access.': '\u8bf7\u59a5\u5584\u4fdd\u7ba1\u5bc6\u7801\uff0c\u4e0d\u8981\u4e0e\u4ed6\u4eba\u5171\u4eab\u95e8\u6237\u8bbf\u95ee\u6743\u9650\u3002',\n    'If you are a new agent, complete registration before trying to sign in.': '\u5982\u679c\u60a8\u662f\u65b0\u4ee3\u7406\uff0c\u8bf7\u5148\u5b8c\u6210\u6ce8\u518c\uff0c\u518d\u5c1d\u8bd5\u767b\u5f55\u3002',\n    'Authorized use only:': '\u4ec5\u9650\u6388\u6743\u4f7f\u7528\uff1a',\n    'This portal may contain confidential agent, client, policy, tax, payroll, and commission information.': '\u6b64\u95e8\u6237\u53ef\u80fd\u5305\u542b\u4ee3\u7406\u3001\u5ba2\u6237\u3001\u4fdd\u5355\u3001\u7a0e\u52a1\u3001\u85aa\u8d44\u548c\u4f63\u91d1\u7b49\u673a\u5bc6\u4fe1\u606f\u3002',\n    'Member Login': '\u4f1a\u5458\u767b\u5f55',\n    'Member Code or E-mail': '\u4f1a\u5458\u4ee3\u7801\u6216\u7535\u5b50\u90ae\u7bb1',\n    'Member Code or E-mail*': '\u4f1a\u5458\u4ee3\u7801\u6216\u7535\u5b50\u90ae\u7bb1*',\n    'Password': '\u5bc6\u7801',\n    'Password*': '\u5bc6\u7801*',\n    'Keep me signed in': '\u4fdd\u6301\u767b\u5f55\u72b6\u6001',\n    'Forgot your password?': '\u5fd8\u8bb0\u5bc6\u7801\uff1f',\n    'New agent registration': '\u65b0\u4ee3\u7406\u6ce8\u518c',\n    'Terms and Conditions': '\u6761\u6b3e\u548c\u6761\u4ef6',\n    'Privacy Policy': '\u9690\u79c1\u653f\u7b56',\n    'New Agent Registration': '\u65b0\u4ee3\u7406\u6ce8\u518c',\n    'Start your POM Insurance Agency onboarding request.': '\u5f00\u59cb\u60a8\u7684 POM \u4fdd\u9669\u4ee3\u7406\u516c\u53f8\u5165\u804c\u7533\u8bf7\u3002',\n    'Use this page to request access to the POM agent portal. Please enter accurate information so our team can review your registration, confirm your profile, and connect the correct onboarding, contracting, W9, payroll, commission, and compliance records.': '\u8bf7\u901a\u8fc7\u672c\u9875\u7533\u8bf7\u8bbf\u95ee POM \u4ee3\u7406\u95e8\u6237\u3002\u8bf7\u586b\u5199\u51c6\u786e\u8d44\u6599\uff0c\u4fbf\u4e8e\u56e2\u961f\u5ba1\u6838\u6ce8\u518c\u4fe1\u606f\u3001\u786e\u8ba4\u4e2a\u4eba\u8d44\u6599\uff0c\u5e76\u5173\u8054\u6b63\u786e\u7684\u5165\u804c\u3001\u7b7e\u7ea6\u3001W9\u3001\u85aa\u8d44\u3001\u4f63\u91d1\u548c\u5408\u89c4\u8bb0\u5f55\u3002',\n    'Before you begin': '\u5f00\u59cb\u524d\u987b\u77e5',\n    'Use your legal name as it appears on licensing, tax, and contracting records.': '\u8bf7\u4f7f\u7528\u6267\u7167\u3001\u7a0e\u52a1\u548c\u5408\u540c\u8bb0\u5f55\u4e2d\u7684\u6cd5\u5b9a\u59d3\u540d\u3002',\n    'Use an email address you check regularly for portal and compliance notices.': '\u8bf7\u4f7f\u7528\u5e38\u7528\u90ae\u7bb1\uff0c\u4ee5\u4fbf\u63a5\u6536\u95e8\u6237\u548c\u5408\u89c4\u901a\u77e5\u3002',\n    'Have your license, NPN, E&O, and tax information ready if requested by the form.': '\u5982\u8868\u683c\u8981\u6c42\uff0c\u8bf7\u63d0\u524d\u51c6\u5907\u6267\u7167\u3001NPN\u3001E&O \u4fdd\u9669\u548c\u7a0e\u52a1\u8d44\u6599\u3002',\n    \"Do not submit another person's private information unless you are authorized to do so.\": '\u672a\u7ecf\u6388\u6743\uff0c\u8bf7\u52ff\u63d0\u4ea4\u4ed6\u4eba\u7684\u79c1\u4eba\u4fe1\u606f\u3002',\n    'Important:': '\u91cd\u8981\u63d0\u793a\uff1a',\n    'Registration does not guarantee appointment, contracting approval, portal access, payroll setup, or compensation. Approval depends on licensing, compliance review, carrier rules, submitted documentation, and internal processing.': '\u6ce8\u518c\u5e76\u4e0d\u4fdd\u8bc1\u83b7\u5f97\u4efb\u547d\u3001\u5408\u540c\u6279\u51c6\u3001\u95e8\u6237\u8bbf\u95ee\u3001\u85aa\u8d44\u8bbe\u7f6e\u6216\u62a5\u916c\u3002\u662f\u5426\u6279\u51c6\u53d6\u51b3\u4e8e\u6267\u7167\u72b6\u6001\u3001\u5408\u89c4\u5ba1\u6838\u3001\u4fdd\u9669\u516c\u53f8\u89c4\u5219\u3001\u63d0\u4ea4\u6587\u4ef6\u548c\u5185\u90e8\u5904\u7406\u6d41\u7a0b\u3002',\n    'Questions about registration or portal access? Contact': '\u5982\u6709\u6ce8\u518c\u6216\u95e8\u6237\u8bbf\u95ee\u95ee\u9898\uff0c\u8bf7\u8054\u7cfb',\n    'Last updated: June 10, 2026': '\u6700\u540e\u66f4\u65b0\u65f6\u95f4\uff1a2026 \u5e74 6 \u6708 10 \u65e5',\n    'Membership Registration': '\u4f1a\u5458\u6ce8\u518c',\n    'Step 1': '\u6b65\u9aa4 1',\n    'Step 2': '\u6b65\u9aa4 2',\n    'Step 3': '\u6b65\u9aa4 3',\n    'PERSONAL INFORMATION': '\u4e2a\u4eba\u4fe1\u606f',\n    'CONTACT INFORMATION': '\u8054\u7cfb\u65b9\u5f0f',\n    'TERMS AND AGREEMENT': '\u6761\u6b3e\u4e0e\u786e\u8ba4',\n    'Manager Code (e.g., who introduced you to Peace of Mind)': '\u7ecf\u7406\u4ee3\u7801\uff08\u4f8b\u5982\u4ecb\u7ecd\u60a8\u52a0\u5165 Peace of Mind \u7684\u4eba\u5458\uff09',\n    'First Name': '\u540d',\n    'Last Name': '\u59d3',\n    'Nickname': '\u6635\u79f0',\n    'Gender': '\u6027\u522b',\n    'Male': '\u7537',\n    'Female': '\u5973',\n    'Confirm Password': '\u786e\u8ba4\u5bc6\u7801',\n    'Mobile Number': '\u624b\u673a\u53f7\u7801',\n    'E-mail Address': '\u7535\u5b50\u90ae\u7bb1',\n    'Home Address': '\u5bb6\u5ead\u5730\u5740',\n    'City': '\u57ce\u5e02',\n    'Country': '\u56fd\u5bb6',\n    'State': '\u5dde',\n    'Zip Code': '\u90ae\u7f16',\n    'NEXT': '\u4e0b\u4e00\u6b65',\n    'BACK': '\u8fd4\u56de',\n    'REGISTER': '\u63d0\u4ea4\u6ce8\u518c',\n    'Submitting...': '\u6b63\u5728\u63d0\u4ea4...',\n    'Registration Successful!': '\u6ce8\u518c\u6210\u529f\uff01',\n    'Your account has been successfully created.': '\u60a8\u7684\u8d26\u6237\u5df2\u6210\u529f\u521b\u5efa\u3002',\n    'Go to Login': '\u524d\u5f80\u767b\u5f55',\n    'Read Privacy Policy': '\u9605\u8bfb\u9690\u79c1\u653f\u7b56',\n    'Read Full Membership Agreement': '\u9605\u8bfb\u5b8c\u6574\u4f1a\u5458\u534f\u8bae'\n  };\n  var PLACEHOLDER_MAP = {\n    'Please login with your member code or email address': '\u8bf7\u8f93\u5165\u4f1a\u5458\u4ee3\u7801\u6216\u7535\u5b50\u90ae\u7bb1',\n    'Enter your password': '\u8bf7\u8f93\u5165\u5bc6\u7801',\n    'Enter manager code e.g., CA1': '\u8bf7\u8f93\u5165\u7ecf\u7406\u4ee3\u7801\uff0c\u4f8b\u5982 CA1',\n    'Enter your first name': '\u8bf7\u8f93\u5165\u540d',\n    'Enter your last name': '\u8bf7\u8f93\u5165\u59d3',\n    'Enter your nickname': '\u8bf7\u8f93\u5165\u6635\u79f0',\n    'Enter a strong password': '\u8bf7\u8f93\u5165\u9ad8\u5f3a\u5ea6\u5bc6\u7801',\n    'Re-enter your password': '\u8bf7\u518d\u6b21\u8f93\u5165\u5bc6\u7801',\n    'Enter your mobile number': '\u8bf7\u8f93\u5165\u624b\u673a\u53f7\u7801',\n    'Enter your email address': '\u8bf7\u8f93\u5165\u7535\u5b50\u90ae\u7bb1',\n    'Enter your home address': '\u8bf7\u8f93\u5165\u5bb6\u5ead\u5730\u5740',\n    'Enter your city': '\u8bf7\u8f93\u5165\u57ce\u5e02',\n    'Enter your zip code': '\u8bf7\u8f93\u5165\u90ae\u7f16',\n    'Enter your name to sign': '\u8bf7\u8f93\u5165\u59d3\u540d\u4f5c\u4e3a\u7535\u5b50\u7b7e\u540d'\n  };\n  var PHRASE_REPLACEMENTS = [\n    ['Manager Code (e.g., who introduced you to Peace of Mind)', '\u7ecf\u7406\u4ee3\u7801\uff08\u4f8b\u5982\u4ecb\u7ecd\u60a8\u52a0\u5165 Peace of Mind \u7684\u4eba\u5458\uff09'],\n    ['First Name', '\u540d'],\n    ['Last Name', '\u59d3'],\n    ['Nickname', '\u6635\u79f0'],\n    ['Gender', '\u6027\u522b'],\n    ['Confirm Password', '\u786e\u8ba4\u5bc6\u7801'],\n    ['Password', '\u5bc6\u7801'],\n    ['Mobile Number', '\u624b\u673a\u53f7\u7801'],\n    ['E-mail Address', '\u7535\u5b50\u90ae\u7bb1'],\n    ['Home Address', '\u5bb6\u5ead\u5730\u5740'],\n    ['City', '\u57ce\u5e02'],\n    ['Country', '\u56fd\u5bb6'],\n    ['State', '\u5dde'],\n    ['Zip Code', '\u90ae\u7f16'],\n    ['Do not submit another person\u2019s private information unless you are authorized to do so.', '\u672a\u7ecf\u6388\u6743\uff0c\u8bf7\u52ff\u63d0\u4ea4\u4ed6\u4eba\u7684\u79c1\u4eba\u4fe1\u606f\u3002'],\n    [\"Do not submit another person's private information unless you are authorized to do so.\", '\u672a\u7ecf\u6388\u6743\uff0c\u8bf7\u52ff\u63d0\u4ea4\u4ed6\u4eba\u7684\u79c1\u4eba\u4fe1\u606f\u3002']\n  ];\n  function normalizeText(text) {\n    return (text || '').replace(\/\\s+\/g, ' ').trim();\n  }\n  var REPLACEMENTS = [\n    ['\ud83e\uddd1\u200d\u2708\ufe0f Manager Code (e.g., who introduced you to Peace of Mind) *', '\ud83e\uddd1\u200d\u2708\ufe0f \u7ecf\u7406\u4ee3\u7801\uff08\u4f8b\u5982\u4ecb\u7ecd\u60a8\u52a0\u5165 Peace of Mind \u7684\u4eba\u5458\uff09*'],\n    ['\ud83d\udc68\u200d\ud83d\udcbb First Name *', '\ud83d\udc68\u200d\ud83d\udcbb \u540d *'],\n    ['\ud83d\udc68\u200d\ud83d\udcbb Last Name *', '\ud83d\udc68\u200d\ud83d\udcbb \u59d3 *'],\n    ['\ud83e\uddd6 Nickname', '\ud83e\uddd6 \u6635\u79f0'],\n    ['\ud83d\udc6b Gender *', '\ud83d\udc6b \u6027\u522b *'],\n    ['\ud83d\udd10 Password *', '\ud83d\udd10 \u5bc6\u7801 *'],\n    ['\ud83d\udd10\ud83d\udd01 Confirm Password *', '\ud83d\udd10\ud83d\udd01 \u786e\u8ba4\u5bc6\u7801 *'],\n    ['\ud83d\udcf1 Mobile Number *', '\ud83d\udcf1 \u624b\u673a\u53f7\u7801 *'],\n    ['\ud83d\udce7 E-mail Address *', '\ud83d\udce7 \u7535\u5b50\u90ae\u7bb1 *'],\n    ['\ud83c\udfe0 Home Address *', '\ud83c\udfe0 \u5bb6\u5ead\u5730\u5740 *'],\n    ['\ud83c\udfd9\ufe0f City *', '\ud83c\udfd9\ufe0f \u57ce\u5e02 *'],\n    ['\ud83c\udf0e Country *', '\ud83c\udf0e \u56fd\u5bb6 *'],\n    ['\ud83c\udf09 State *', '\ud83c\udf09 \u5dde *'],\n    ['\ud83d\udceb Zip Code *', '\ud83d\udceb \u90ae\u7f16 *'],\n    ['Password must be at least 8 characters long and include at least one number and one special character.', '\u5bc6\u7801\u81f3\u5c11 8 \u4e2a\u5b57\u7b26\uff0c\u5e76\u4e14\u81f3\u5c11\u5305\u542b\u4e00\u4e2a\u6570\u5b57\u548c\u4e00\u4e2a\u7279\u6b8a\u5b57\u7b26\u3002'],\n    ['The passwords you entered do not match. Please re-enter the same password in both fields.', '\u4e24\u6b21\u8f93\u5165\u7684\u5bc6\u7801\u4e0d\u4e00\u81f4\uff0c\u8bf7\u91cd\u65b0\u786e\u8ba4\u3002'],\n    ['Invalid or no matching manager code found. Please try again.', '\u7ecf\u7406\u4ee3\u7801\u65e0\u6548\u6216\u672a\u627e\u5230\u5339\u914d\u8bb0\u5f55\uff0c\u8bf7\u91cd\u8bd5\u3002'],\n    ['I certify that I am 18 years of age or older and legally able to make my own decision to join as an associate.', '\u6211\u786e\u8ba4\u672c\u4eba\u5df2\u6ee1 18 \u5c81\uff0c\u5e76\u5177\u5907\u72ec\u7acb\u51b3\u5b9a\u52a0\u5165\u6210\u4e3a\u6210\u5458\u7684\u6cd5\u5f8b\u80fd\u529b\u3002'],\n    ['I accept the terms and type my name below as electronic signature *', '\u6211\u63a5\u53d7\u76f8\u5173\u6761\u6b3e\uff0c\u5e76\u5728\u4e0b\u65b9\u8f93\u5165\u59d3\u540d\u4f5c\u4e3a\u7535\u5b50\u7b7e\u540d *'],\n    ['Please confirm that you agree to our privacy policy.', '\u8bf7\u786e\u8ba4\u60a8\u540c\u610f\u6211\u4eec\u7684\u9690\u79c1\u653f\u7b56\u3002']\n  ];\n  function getCookie(name) {\n    var match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));\n    return match ? decodeURIComponent(match[1]) : '';\n  }\n  function setCookie(name, value) {\n    var maxAge = COOKIE_DAYS * 24 * 60 * 60;\n    var cookie = name + '=' + encodeURIComponent(value) + '; path=\/; max-age=' + maxAge + '; SameSite=Lax';\n    if (window.location.protocol === 'https:') cookie += '; Secure';\n    document.cookie = cookie;\n  }\n  function currentLang() {\n    return getCookie(COOKIE_NAME) === 'CN' ? 'CN' : 'EN';\n  }\n  function translateText(text, lang) {\n    var clean = normalizeText(text);\n    if (lang !== 'CN') return text;\n    if (TEXT_MAP[clean]) return text.replace(clean, TEXT_MAP[clean]);\n    for (var i = 0; i < REPLACEMENTS.length; i++) {\n      if (clean === normalizeText(REPLACEMENTS[i][0])) return text.replace(clean, REPLACEMENTS[i][1]);\n    }\n    for (var j = 0; j < PHRASE_REPLACEMENTS.length; j++) {\n      if (text.indexOf(PHRASE_REPLACEMENTS[j][0]) >= 0) {\n        return text.split(PHRASE_REPLACEMENTS[j][0]).join(PHRASE_REPLACEMENTS[j][1]);\n      }\n    }\n    return text;\n  }\n  function translateNodeText(root, lang) {\n    var walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {\n      acceptNode: function (node) {\n        if (!node.nodeValue || !node.nodeValue.trim()) return NodeFilter.FILTER_REJECT;\n        if (node.parentElement) {\n          if (['SCRIPT', 'STYLE'].indexOf(node.parentElement.tagName) >= 0) return NodeFilter.FILTER_REJECT;\n        }\n        return NodeFilter.FILTER_ACCEPT;\n      }\n    });\n    var nodes = [];\n    while (walker.nextNode()) nodes.push(walker.currentNode);\n    nodes.forEach(function (node) {\n      if (!node.__pomOriginalText) node.__pomOriginalText = node.nodeValue;\n      var nextText = lang === 'CN' ? translateText(node.__pomOriginalText, lang) : node.__pomOriginalText;\n      if (node.nodeValue !== nextText) node.nodeValue = nextText;\n    });\n  }\n  function translateAttributes(root, lang) {\n    root.querySelectorAll('input, textarea').forEach(function (el) {\n      if (!el.__pomOriginalPlaceholder) el.__pomOriginalPlaceholder = el.getAttribute('placeholder') || '';\n      var original = el.__pomOriginalPlaceholder;\n      var originalKey = normalizeText(original);\n      var translatedPlaceholder = original;\n      if (lang === 'CN') {\n        if (PLACEHOLDER_MAP[originalKey]) translatedPlaceholder = PLACEHOLDER_MAP[originalKey];\n      }\n      if (el.getAttribute('placeholder') !== translatedPlaceholder) el.setAttribute('placeholder', translatedPlaceholder);\n      var isActionInput = el.type === 'submit' || el.type === 'button';\n      var hasSupportedClass = el.classList.contains('um-button') || el.classList.contains('nav-button');\n      if (isActionInput) {\n        if (el.value) {\n          if (hasSupportedClass) {\n            if (!el.__pomOriginalValue) el.__pomOriginalValue = el.value;\n            var translatedValue = el.__pomOriginalValue;\n            if (lang === 'CN') {\n              if (TEXT_MAP[el.__pomOriginalValue]) translatedValue = TEXT_MAP[el.__pomOriginalValue];\n            }\n            if (el.value !== translatedValue) el.value = translatedValue;\n          }\n        }\n      }\n    });\n    root.querySelectorAll('button').forEach(function (el) {\n      if (!el.__pomOriginalButtonText) el.__pomOriginalButtonText = el.textContent;\n      var nextButtonText = lang === 'CN' ? translateText(el.__pomOriginalButtonText, lang) : el.__pomOriginalButtonText;\n      if (el.textContent !== nextButtonText) el.textContent = nextButtonText;\n    });\n  }\n  function applyLang(lang) {\n    document.documentElement.setAttribute('lang', lang === 'CN' ? 'zh-CN' : 'en-US');\n    document.body.classList.toggle('pom-lang-cn', lang === 'CN');\n    var root = document.querySelector('.pom-page-shell') || document.body;\n    translateNodeText(root, lang);\n    translateAttributes(root, lang);\n    document.querySelectorAll('.pom-lang-switch button').forEach(function (btn) {\n      btn.classList.toggle('active', btn.getAttribute('data-lang') === lang);\n    });\n  }\n  function switchLang(lang) {\n    setCookie(COOKIE_NAME, lang);\n    applyLang(lang);\n  }\n  function makeSwitch() {\n    var wrap = document.createElement('span');\n    wrap.className = 'pom-lang-switch';\n    wrap.innerHTML = '<button type=\"button\" data-lang=\"EN\">EN<\/button><button type=\"button\" data-lang=\"CN\">\u4e2d\u6587<\/button>';\n    wrap.addEventListener('click', function (event) {\n      var btn = event.target.closest('button[data-lang]');\n      if (btn) switchLang(btn.getAttribute('data-lang'));\n    });\n    return wrap;\n  }\n  function installSwitch() {\n    if (document.querySelector('.pom-lang-switch')) return;\n    var menu = document.querySelector('#site-navigation ul, .main-navigation ul, nav ul, .menu');\n    var installed = false;\n    if (menu) {\n      if (menu.tagName === 'UL') {\n        var li = document.createElement('li');\n        li.className = 'menu-item pom-lang-menu-item';\n        li.appendChild(makeSwitch());\n        menu.appendChild(li);\n        installed = true;\n      }\n    }\n    if (!installed) {\n      var inline = document.querySelector('.pom-lang-inline');\n      if (inline) inline.appendChild(makeSwitch());\n    }\n  }\n  function init() {\n    if (!getCookie(COOKIE_NAME)) setCookie(COOKIE_NAME, 'EN');\n    installSwitch();\n    applyLang(currentLang());\n    var scheduled = false;\n    var applying = false;\n    var observer = new MutationObserver(function () {\n      if (applying || scheduled) return;\n      scheduled = true;\n      setTimeout(function () {\n        scheduled = false;\n        applying = true;\n        applyLang(currentLang());\n        applying = false;\n      }, 120);\n    });\n    observer.observe(document.body, { childList: true, subtree: true, characterData: true });\n    [500, 1500, 3000].forEach(function (delay) {\n      setTimeout(function () {\n        applying = true;\n        applyLang(currentLang());\n        applying = false;\n      }, delay);\n    });\n  }\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n  else init();\n  window.pomSwitchLang = switchLang;\n})();\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>New Agent Registration Start your POM Insurance Agency onboarding request. Use this page to request access to the POM agent portal. Please enter accurate information so our team can review your registration, confirm your profile, and connect the correct onboarding, contracting, W9, payroll, commission, and compliance records. Before you begin Use your legal name as [&hellip;]<\/p>\n","protected":false},"author":3391,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-24963","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pom365.com\/index.php?rest_route=\/wp\/v2\/pages\/24963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pom365.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pom365.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pom365.com\/index.php?rest_route=\/wp\/v2\/users\/3391"}],"replies":[{"embeddable":true,"href":"https:\/\/pom365.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24963"}],"version-history":[{"count":6,"href":"https:\/\/pom365.com\/index.php?rest_route=\/wp\/v2\/pages\/24963\/revisions"}],"predecessor-version":[{"id":25468,"href":"https:\/\/pom365.com\/index.php?rest_route=\/wp\/v2\/pages\/24963\/revisions\/25468"}],"wp:attachment":[{"href":"https:\/\/pom365.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}