{"id":12880,"date":"2025-06-09T18:57:00","date_gmt":"2025-06-09T18:57:00","guid":{"rendered":"https:\/\/mqurban.com\/rupehli\/?page_id=12880"},"modified":"2025-06-12T03:41:31","modified_gmt":"2025-06-12T03:41:31","slug":"student-registration","status":"publish","type":"page","link":"https:\/\/mqurban.com\/rupehli\/student-registration\/","title":{"rendered":"Student Registration"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12880\" class=\"elementor elementor-12880\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efa8731 e-flex e-con-boxed e-con e-parent\" data-id=\"efa8731\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52b7b84 elementor-widget elementor-widget-shortcode\" data-id=\"52b7b84\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">            <style>\n        .error-messages {\n            background-color: #ffebee;\n            border-left: 4px solid #f44336;\n            padding: 10px 15px;\n            margin-bottom: 20px;\n            border-radius: 4px;\n        }\n        .error-message {\n            color: #d32f2f;\n            margin-bottom: 5px;\n        }\n        .field-error {\n            border: 1px solid #f44336 !important;\n            background-color: #ffebee !important;\n        }\n        .error-text {\n            color: #f44336;\n            font-size: 12px;\n            margin-top: 4px;\n            display: block;\n        }\n        .radio-error {\n            color: #f44336;\n            font-size: 12px;\n            margin-top: 4px;\n            display: block;\n        }\n        \/* Login link styling *\/\n        .login-link {\n            display: block;\n            margin-top: 15px;\n            color: #009fe3;\n            text-decoration: underline;\n        }\n    <\/style>\n    <form id=\"student-registration-form\" class=\"custom-student-registration-form\" method=\"post\" enctype=\"multipart\/form-data\" novalidate>\n        <script>\n            document.addEventListener('DOMContentLoaded', function() {\n                const form = document.getElementById('student-registration-form');\n                \n                form.addEventListener('submit', function(event) {\n                    let isValid = true;\n                    const errorFields = [];\n                    \n                    \/\/ Clear previous errors\n                    document.querySelectorAll('.error-text, .radio-error').forEach(el => {\n                        el.textContent = '';\n                    });\n                    document.querySelectorAll('.field-error').forEach(el => {\n                        el.classList.remove('field-error');\n                    });\n                    \n                    \/\/ Validate required text\/email inputs\n                    form.querySelectorAll('input[required], select[required]').forEach(input => {\n                        if (input.value.trim() === '') {\n                            isValid = false;\n                            if (input.type !== 'radio') {\n                                input.classList.add('field-error');\n                                const errorSpan = document.getElementById(input.name + '_error');\n                                if (errorSpan) {\n                                    errorSpan.textContent = 'This field is required';\n                                }\n                                errorFields.push(input.name);\n                            }\n                        } else if (input.type === 'email' && !validateEmail(input.value)) {\n                            isValid = false;\n                            input.classList.add('field-error');\n                            const errorSpan = document.getElementById(input.name + '_error');\n                            if (errorSpan) {\n                                errorSpan.textContent = 'Please enter a valid email address';\n                            }\n                            errorFields.push(input.name);\n                        }\n                    });\n                    \n                    \/\/ Validate radio button groups\n                    const radioGroups = ['student_gender', 'student_grade', 'parent_relationship', 'parent_language', 'tech_internet', 'tech_device', 'tech_support', 'consent_info_accurate', 'consent_online_learning', 'consent_communication', 'consent_mode'];\n                    \n                    radioGroups.forEach(groupName => {\n                        const radioButtons = form.querySelectorAll(`input[name=\"${groupName}\"]`);\n                        if (radioButtons.length > 0 && radioButtons[0].required) {\n                            let checked = false;\n                            radioButtons.forEach(radio => {\n                                if (radio.checked) {\n                                    checked = true;\n                                }\n                            });\n                            \n                            if (!checked) {\n                                isValid = false;\n                                const errorSpan = document.getElementById(groupName + '_error');\n                                if (errorSpan) {\n                                    errorSpan.textContent = 'Please select an option';\n                                }\n                                errorFields.push(groupName);\n                            }\n                        }\n                    });\n                    \n                    if (!isValid) {\n                        event.preventDefault();\n                        \/\/ Scroll to first error\n                        if (errorFields.length > 0) {\n                            const firstErrorField = document.querySelector(`[name=\"${errorFields[0]}\"]`);\n                            if (firstErrorField) {\n                                firstErrorField.scrollIntoView({ behavior: 'smooth', block: 'center' });\n                            }\n                        }\n                    }\n                });\n                \n                function validateEmail(email) {\n                    const re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n                    return re.test(email);\n                }\n            });\n        <\/script>\n        <!-- Section 1: Student Information -->\n        <h4><span style=\"color:#009fe3;\">Section 1:<\/span> <strong>Student Information<\/strong><\/h4>\n        <div class=\"form-row\" style=\"display: flex; gap: 20px;\">\n            <div style=\"flex: 1;\">\n                <label style=\"color: #EB6E3B;\">Full Name:<\/label>\n                <input type=\"text\" name=\"student_fullname\" required style=\"width: 100%; margin-top: 8px;\"\n                    value=\"\">\n                <span class=\"error-text\" id=\"student_fullname_error\"><\/span>\n            <\/div>\n            <div style=\"flex: 1;\">\n                <label style=\"color: #EB6E3B;\">Date of Birth:<\/label>\n                <input type=\"date\" name=\"student_dob\" required style=\"width: 100%; margin-top: 8px;\"\n                    value=\"\">\n                <span class=\"error-text\" id=\"student_dob_error\"><\/span>\n            <\/div>\n        <\/div>\n        <label style=\"color: #EB6E3B;\">Gender:<\/label>\n        <div style=\"margin-top: 8px;\" class=\"radio_options\">\n            <input type=\"radio\" id=\"gender_male\" name=\"student_gender\" value=\"Male\" required > Male\n            <input type=\"radio\" id=\"gender_female\" name=\"student_gender\" value=\"Female\" required > Female\n            <input type=\"radio\" id=\"gender_other\" name=\"student_gender\" value=\"Other\" > Other\n            <span class=\"radio-error\" id=\"student_gender_error\"><\/span>\n        <\/div>\n        <label style=\"margin: 8px 0; display: inline-block; color: #EB6E3B;\">Current Grade Level:<\/label>\n        <div class=\"grade-levels radio_options\" style=\"margin-top: 8px;\">\n            <input type=\"radio\" name=\"student_grade\" value=\"Pre-Nursery\" > Pre-Nursery\n            <input type=\"radio\" name=\"student_grade\" value=\"Nursery\" > Nursery\n            <input type=\"radio\" name=\"student_grade\" value=\"KG\" > KG\n                            <input type=\"radio\" name=\"student_grade\" value=\"class-1\" > 1                            <input type=\"radio\" name=\"student_grade\" value=\"class-2\" > 2                            <input type=\"radio\" name=\"student_grade\" value=\"class-3\" > 3                            <input type=\"radio\" name=\"student_grade\" value=\"class-4\" > 4                            <input type=\"radio\" name=\"student_grade\" value=\"class-5\" > 5                            <input type=\"radio\" name=\"student_grade\" value=\"class-6\" > 6                            <input type=\"radio\" name=\"student_grade\" value=\"class-7\" > 7                            <input type=\"radio\" name=\"student_grade\" value=\"class-8\" > 8                            <input type=\"radio\" name=\"student_grade\" value=\"class-9\" > 9                            <input type=\"radio\" name=\"student_grade\" value=\"class-10\" > 10                        <span class=\"radio-error\" id=\"student_grade_error\"><\/span>\n        <\/div>\n        \n        <div style=\"margin-top: 20px;\">\n            <label style=\"color: #EB6E3B;\">Profile Picture:<\/label>\n            <div style=\"margin-top: 8px;\">\n                <input type=\"file\" name=\"student_profile_picture\" accept=\"image\/jpeg,image\/png,image\/gif\" style=\"width: 100%;\">\n                <p style=\"font-size: 12px; color: #666; margin-top: 5px;\">Upload a profile picture (JPEG, PNG or GIF format, max 1MB)<\/p>\n                <span class=\"error-text\" id=\"student_profile_picture_error\"><\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Section 2: Parent\/Guardian Information -->\n        <h4><span style=\"color:#009fe3;\">Section 2:<\/span> <strong>Parent\/Guardian Information<\/strong><\/h4>\n        <div class=\"form-row\" style=\"display: flex; gap: 20px;\">\n            <div style=\"flex: 1;\">\n                <label style=\"color: #EB6E3B;\">Full Name:<\/label>\n                <input type=\"text\" name=\"parent_fullname\" required style=\"width: 100%; margin-top: 8px;\"\n                    value=\"\">\n                <span class=\"error-text\" id=\"parent_fullname_error\"><\/span>\n            <\/div>\n            <div style=\"flex: 1;\">\n                <label style=\"color: #EB6E3B;\">Email Address:<\/label>\n                <input type=\"email\" name=\"parent_email\" required style=\"width: 100%; margin-top: 8px;\"\n                    value=\"\">\n                <span class=\"error-text\" id=\"parent_email_error\"><\/span>\n            <\/div>\n        <\/div>\n        <div class=\"form-row\" style=\"display: flex; gap: 20px;\">\n        <div style=\"flex: 1;\">\n            <label style=\"color: #EB6E3B;\">Mobile Phone:<\/label>\n            <div style=\"display: flex; gap: 10px; margin-top: 8px;\">\n                <select id=\"countryCodeSelect\" name=\"country_code\" required style=\"width: 30%; background-color: #f9f9f9; height: 45.17px; border-radius: 6px;\">\n                    <option value=\"\">Loading countries...<\/option>\n                <\/select>\n                <input type=\"text\" name=\"parent_contact\" required style=\"width: 70%;\">\n            <\/div>\n            <script>\n                document.addEventListener(\"DOMContentLoaded\", function () {\n                    const select = document.getElementById(\"countryCodeSelect\");\n\n                    \/\/ Manually add Pakistan as the first\/default option\n                    select.innerHTML = \"\";\n                    const defaultOption = document.createElement(\"option\");\n                    defaultOption.value = \"+92\";\n                    defaultOption.textContent = \"+92 (Pakistan)\";\n                    defaultOption.selected = true;\n                    select.appendChild(defaultOption);\n\n                    const seen = new Set();\n                    seen.add(\"+92\"); \/\/ Prevent duplicate +92\n\n                    fetch(\"https:\/\/restcountries.com\/v3.1\/all?fields=name,idd\")\n                        .then((res) => res.json())\n                        .then((countries) => {\n                            countries\n                                .filter(c => c.idd && c.idd.root)\n                                .sort((a, b) => a.name.common.localeCompare(b.name.common))\n                                .forEach(country => {\n                                    const root = country.idd.root;\n                                    const suffixes = country.idd.suffixes || [\"\"];\n                                    const firstSuffix = suffixes[0] || \"\";\n                                    const fullCode = root + firstSuffix;\n\n                                    if (seen.has(fullCode)) return;\n                                    seen.add(fullCode);\n\n                                    const option = document.createElement(\"option\");\n                                    option.value = fullCode;\n                                    option.textContent = `${fullCode} (${country.name.common})`;\n                                    select.appendChild(option);\n                                });\n                        })\n                        .catch((err) => {\n                            select.innerHTML = '<option value=\"\">Failed to load countries<\/option>';\n                            console.error(\"Error loading country codes:\", err);\n                        });\n                });\n            <\/script>\n        <\/div>\n\n            <div style=\"flex: 1;\">\n                <label style=\"color: #EB6E3B;\">Landline Number (Optional):<\/label>\n                <input type=\"text\" name=\"parent_alt_contact\" style=\"width: 100%;\">\n            <\/div>\n        <\/div>\n        <div style=\"margin-top: 8px; display: flex; gap: 20px;\">\n            <div style=\"flex: 1;\">\n                <label style=\"color: #EB6E3B;\">Relationship to Student:<\/label>\n                <div style=\"display: flex; flex-direction: column; gap: 5px;\">\n                    <label><input type=\"radio\" name=\"parent_relationship\" value=\"Father\" required > Father<\/label>\n                    <label><input type=\"radio\" name=\"parent_relationship\" value=\"Mother\" required > Mother<\/label>\n                    <label><input type=\"radio\" name=\"parent_relationship\" value=\"Guardian\" required > Guardian<\/label>\n                <\/div>\n                <span class=\"radio-error\" id=\"parent_relationship_error\"><\/span>\n            <\/div>\n            <div style=\"flex: 1;\">\n                <label style=\"color: #EB6E3B;\">Preferred Language of Communication:<\/label>\n                <div style=\"display: flex; flex-direction: column; gap: 5px;\">\n                    <label><input type=\"radio\" name=\"parent_language\" value=\"English\" required > English<\/label>\n                    <label><input type=\"radio\" name=\"parent_language\" value=\"Urdu\" required > Urdu<\/label>\n                    <label><input type=\"radio\" name=\"parent_language\" value=\"Other\" required onclick=\"toggleOtherLanguageInput(this)\" > Other<\/label>\n                    <input type=\"text\" name=\"parent_language_other\" style=\"display: none; margin-top: 8px;\" value=\"\">\n                <\/div>\n                <span class=\"radio-error\" id=\"parent_language_error\"><\/span>\n            <\/div>\n        <\/div>\n        <script>\n            function toggleOtherLanguageInput(checkbox) {\n                var otherInput = document.querySelector('input[name=\"parent_language_other\"]');\n                if (checkbox.checked) {\n                    otherInput.style.display = 'block';\n                } else {\n                    otherInput.style.display = 'none';\n                }\n            }\n        <\/script>\n\n        <!-- Section 3: Address Details -->\n        <h4><span style=\"color:#009fe3;\">Section 3:<\/span> <strong>Address Details<\/strong><\/h4>\n        <div class=\"form-row\" style=\"display: flex; gap: 20px;\">\n        <div style=\"flex: 1;\">\n            <label style=\"color: #EB6E3B;\">Country:<\/label>\n            <select name=\"address_country\" id=\"country\" required style=\"width: 100%; margin-top: 8px;\">\n                <option value=\"\">Select Country<\/option>\n                <option value=\"AF\" >Afghanistan<\/option><option value=\"AX\" >Aland Islands<\/option><option value=\"AL\" >Albania<\/option><option value=\"DZ\" >Algeria<\/option><option value=\"AS\" >American Samoa<\/option><option value=\"AD\" >Andorra<\/option><option value=\"AO\" >Angola<\/option><option value=\"AI\" >Anguilla<\/option><option value=\"AQ\" >Antarctica<\/option><option value=\"AG\" >Antigua and Barbuda<\/option><option value=\"AR\" >Argentina<\/option><option value=\"AM\" >Armenia<\/option><option value=\"AW\" >Aruba<\/option><option value=\"AU\" >Australia<\/option><option value=\"AT\" >Austria<\/option><option value=\"AZ\" >Azerbaijan<\/option><option value=\"BH\" >Bahrain<\/option><option value=\"BD\" >Bangladesh<\/option><option value=\"BB\" >Barbados<\/option><option value=\"BY\" >Belarus<\/option><option value=\"BE\" >Belgium<\/option><option value=\"BZ\" >Belize<\/option><option value=\"BJ\" >Benin<\/option><option value=\"BM\" >Bermuda<\/option><option value=\"BT\" >Bhutan<\/option><option value=\"BO\" >Bolivia<\/option><option value=\"BQ\" >Bonaire, Sint Eustatius and Saba<\/option><option value=\"BA\" >Bosnia and Herzegovina<\/option><option value=\"BW\" >Botswana<\/option><option value=\"BV\" >Bouvet Island<\/option><option value=\"BR\" >Brazil<\/option><option value=\"IO\" >British Indian Ocean Territory<\/option><option value=\"BN\" >Brunei<\/option><option value=\"BG\" >Bulgaria<\/option><option value=\"BF\" >Burkina Faso<\/option><option value=\"BI\" >Burundi<\/option><option value=\"KH\" >Cambodia<\/option><option value=\"CM\" >Cameroon<\/option><option value=\"CA\" >Canada<\/option><option value=\"CV\" >Cape Verde<\/option><option value=\"KY\" >Cayman Islands<\/option><option value=\"CF\" >Central African Republic<\/option><option value=\"TD\" >Chad<\/option><option value=\"CL\" >Chile<\/option><option value=\"CN\" >China<\/option><option value=\"CX\" >Christmas Island<\/option><option value=\"CC\" >Cocos (Keeling) Islands<\/option><option value=\"CO\" >Colombia<\/option><option value=\"KM\" >Comoros<\/option><option value=\"CG\" >Congo<\/option><option value=\"CK\" >Cook Islands<\/option><option value=\"CR\" >Costa Rica<\/option><option value=\"HR\" >Croatia<\/option><option value=\"CU\" >Cuba<\/option><option value=\"CW\" >Cura\u00e7ao<\/option><option value=\"CY\" >Cyprus<\/option><option value=\"CZ\" >Czech Republic<\/option><option value=\"CD\" >Democratic Republic of the Congo<\/option><option value=\"DK\" >Denmark<\/option><option value=\"DJ\" >Djibouti<\/option><option value=\"DM\" >Dominica<\/option><option value=\"DO\" >Dominican Republic<\/option><option value=\"EC\" >Ecuador<\/option><option value=\"EG\" >Egypt<\/option><option value=\"SV\" >El Salvador<\/option><option value=\"GQ\" >Equatorial Guinea<\/option><option value=\"ER\" >Eritrea<\/option><option value=\"EE\" >Estonia<\/option><option value=\"SZ\" >Eswatini<\/option><option value=\"ET\" >Ethiopia<\/option><option value=\"FK\" >Falkland Islands<\/option><option value=\"FO\" >Faroe Islands<\/option><option value=\"FJ\" >Fiji Islands<\/option><option value=\"FI\" >Finland<\/option><option value=\"FR\" >France<\/option><option value=\"GF\" >French Guiana<\/option><option value=\"PF\" >French Polynesia<\/option><option value=\"TF\" >French Southern Territories<\/option><option value=\"GA\" >Gabon<\/option><option value=\"GE\" >Georgia<\/option><option value=\"DE\" >Germany<\/option><option value=\"GH\" >Ghana<\/option><option value=\"GI\" >Gibraltar<\/option><option value=\"GR\" >Greece<\/option><option value=\"GL\" >Greenland<\/option><option value=\"GD\" >Grenada<\/option><option value=\"GP\" >Guadeloupe<\/option><option value=\"GU\" >Guam<\/option><option value=\"GT\" >Guatemala<\/option><option value=\"GG\" >Guernsey<\/option><option value=\"GN\" >Guinea<\/option><option value=\"GW\" >Guinea-Bissau<\/option><option value=\"GY\" >Guyana<\/option><option value=\"HT\" >Haiti<\/option><option value=\"HM\" >Heard Island and McDonald Islands<\/option><option value=\"HN\" >Honduras<\/option><option value=\"HK\" >Hong Kong S.A.R.<\/option><option value=\"HU\" >Hungary<\/option><option value=\"IS\" >Iceland<\/option><option value=\"IN\" >India<\/option><option value=\"ID\" >Indonesia<\/option><option value=\"IR\" >Iran<\/option><option value=\"IQ\" >Iraq<\/option><option value=\"IE\" >Ireland<\/option><option value=\"IL\" >Israel<\/option><option value=\"IT\" >Italy<\/option><option value=\"CI\" >Ivory Coast<\/option><option value=\"JM\" >Jamaica<\/option><option value=\"JP\" >Japan<\/option><option value=\"JE\" >Jersey<\/option><option value=\"JO\" >Jordan<\/option><option value=\"KZ\" >Kazakhstan<\/option><option value=\"KE\" >Kenya<\/option><option value=\"KI\" >Kiribati<\/option><option value=\"XK\" >Kosovo<\/option><option value=\"KW\" >Kuwait<\/option><option value=\"KG\" >Kyrgyzstan<\/option><option value=\"LA\" >Laos<\/option><option value=\"LV\" >Latvia<\/option><option value=\"LB\" >Lebanon<\/option><option value=\"LS\" >Lesotho<\/option><option value=\"LR\" >Liberia<\/option><option value=\"LY\" >Libya<\/option><option value=\"LI\" >Liechtenstein<\/option><option value=\"LT\" >Lithuania<\/option><option value=\"LU\" >Luxembourg<\/option><option value=\"MO\" >Macau S.A.R.<\/option><option value=\"MG\" >Madagascar<\/option><option value=\"MW\" >Malawi<\/option><option value=\"MY\" >Malaysia<\/option><option value=\"MV\" >Maldives<\/option><option value=\"ML\" >Mali<\/option><option value=\"MT\" >Malta<\/option><option value=\"IM\" >Man (Isle of)<\/option><option value=\"MH\" >Marshall Islands<\/option><option value=\"MQ\" >Martinique<\/option><option value=\"MR\" >Mauritania<\/option><option value=\"MU\" >Mauritius<\/option><option value=\"YT\" >Mayotte<\/option><option value=\"MX\" >Mexico<\/option><option value=\"FM\" >Micronesia<\/option><option value=\"MD\" >Moldova<\/option><option value=\"MC\" >Monaco<\/option><option value=\"MN\" >Mongolia<\/option><option value=\"ME\" >Montenegro<\/option><option value=\"MS\" >Montserrat<\/option><option value=\"MA\" >Morocco<\/option><option value=\"MZ\" >Mozambique<\/option><option value=\"MM\" >Myanmar<\/option><option value=\"NA\" >Namibia<\/option><option value=\"NR\" >Nauru<\/option><option value=\"NP\" >Nepal<\/option><option value=\"NL\" >Netherlands<\/option><option value=\"NC\" >New Caledonia<\/option><option value=\"NZ\" >New Zealand<\/option><option value=\"NI\" >Nicaragua<\/option><option value=\"NE\" >Niger<\/option><option value=\"NG\" >Nigeria<\/option><option value=\"NU\" >Niue<\/option><option value=\"NF\" >Norfolk Island<\/option><option value=\"MP\" >Northern Mariana Islands<\/option><option value=\"KP\" >North Korea<\/option><option value=\"MK\" >North Macedonia<\/option><option value=\"NO\" >Norway<\/option><option value=\"OM\" >Oman<\/option><option value=\"PK\" selected>Pakistan<\/option><option value=\"PW\" >Palau<\/option><option value=\"PS\" >Palestinian Territory Occupied<\/option><option value=\"PA\" >Panama<\/option><option value=\"PG\" >Papua New Guinea<\/option><option value=\"PY\" >Paraguay<\/option><option value=\"PE\" >Peru<\/option><option value=\"PH\" >Philippines<\/option><option value=\"PN\" >Pitcairn Island<\/option><option value=\"PL\" >Poland<\/option><option value=\"PT\" >Portugal<\/option><option value=\"PR\" >Puerto Rico<\/option><option value=\"QA\" >Qatar<\/option><option value=\"RE\" >Reunion<\/option><option value=\"RO\" >Romania<\/option><option value=\"RU\" >Russia<\/option><option value=\"RW\" >Rwanda<\/option><option value=\"BL\" >Saint-Barthelemy<\/option><option value=\"SH\" >Saint Helena<\/option><option value=\"KN\" >Saint Kitts and Nevis<\/option><option value=\"LC\" >Saint Lucia<\/option><option value=\"MF\" >Saint-Martin (French part)<\/option><option value=\"PM\" >Saint Pierre and Miquelon<\/option><option value=\"VC\" >Saint Vincent and the Grenadines<\/option><option value=\"WS\" >Samoa<\/option><option value=\"SM\" >San Marino<\/option><option value=\"ST\" >Sao Tome and Principe<\/option><option value=\"SA\" >Saudi Arabia<\/option><option value=\"SN\" >Senegal<\/option><option value=\"RS\" >Serbia<\/option><option value=\"SC\" >Seychelles<\/option><option value=\"SL\" >Sierra Leone<\/option><option value=\"SG\" >Singapore<\/option><option value=\"SX\" >Sint Maarten (Dutch part)<\/option><option value=\"SK\" >Slovakia<\/option><option value=\"SI\" >Slovenia<\/option><option value=\"SB\" >Solomon Islands<\/option><option value=\"SO\" >Somalia<\/option><option value=\"ZA\" >South Africa<\/option><option value=\"GS\" >South Georgia<\/option><option value=\"KR\" >South Korea<\/option><option value=\"SS\" >South Sudan<\/option><option value=\"ES\" >Spain<\/option><option value=\"LK\" >Sri Lanka<\/option><option value=\"SD\" >Sudan<\/option><option value=\"SR\" >Suriname<\/option><option value=\"SJ\" >Svalbard and Jan Mayen Islands<\/option><option value=\"SE\" >Sweden<\/option><option value=\"CH\" >Switzerland<\/option><option value=\"SY\" >Syria<\/option><option value=\"TW\" >Taiwan<\/option><option value=\"TJ\" >Tajikistan<\/option><option value=\"TZ\" >Tanzania<\/option><option value=\"TH\" >Thailand<\/option><option value=\"BS\" >The Bahamas<\/option><option value=\"GM\" >The Gambia<\/option><option value=\"TL\" >Timor-Leste<\/option><option value=\"TG\" >Togo<\/option><option value=\"TK\" >Tokelau<\/option><option value=\"TO\" >Tonga<\/option><option value=\"TT\" >Trinidad and Tobago<\/option><option value=\"TN\" >Tunisia<\/option><option value=\"TR\" >Turkey<\/option><option value=\"TM\" >Turkmenistan<\/option><option value=\"TC\" >Turks and Caicos Islands<\/option><option value=\"TV\" >Tuvalu<\/option><option value=\"UG\" >Uganda<\/option><option value=\"UA\" >Ukraine<\/option><option value=\"AE\" >United Arab Emirates<\/option><option value=\"GB\" >United Kingdom<\/option><option value=\"US\" >United States<\/option><option value=\"UM\" >United States Minor Outlying Islands<\/option><option value=\"UY\" >Uruguay<\/option><option value=\"UZ\" >Uzbekistan<\/option><option value=\"VU\" >Vanuatu<\/option><option value=\"VA\" >Vatican City State (Holy See)<\/option><option value=\"VE\" >Venezuela<\/option><option value=\"VN\" >Vietnam<\/option><option value=\"VG\" >Virgin Islands (British)<\/option><option value=\"VI\" >Virgin Islands (US)<\/option><option value=\"WF\" >Wallis and Futuna Islands<\/option><option value=\"EH\" >Western Sahara<\/option><option value=\"YE\" >Yemen<\/option><option value=\"ZM\" >Zambia<\/option><option value=\"ZW\" >Zimbabwe<\/option>            <\/select>\n        <\/div>\n\n        <script>\n            document.addEventListener('DOMContentLoaded', function() {\n                const countrySelect = document.getElementById('country');\n                const stateSelect = document.getElementById('state');\n                const citySelect = document.getElementById('city');\n\n                \/\/ Function to fetch and populate states\n                function loadStates(countryCode) {\n                    fetch(`https:\/\/api.countrystatecity.in\/v1\/countries\/${countryCode}\/states`, {\n                        headers: {\n                            'X-CSCAPI-KEY': 'OTA1Qm9neFM1enl4WkdyeW96aENHbnU1c0dzVGNIZ0xPZ1lIdnpEZg=='\n                        }\n                    })\n                    .then(response => response.json())\n                    .then(data => {\n                        stateSelect.innerHTML = '<option value=\"\">Select State<\/option>';\n                        data.forEach(state => {\n                            const option = document.createElement('option');\n                            option.value = state.iso2;\n                            option.textContent = state.name;\n                            stateSelect.appendChild(option);\n                        });\n                        stateSelect.disabled = false;\n                    });\n                }\n\n                \/\/ Function to fetch and populate cities\n                function loadCities(countryCode, stateCode) {\n                    fetch(`https:\/\/api.countrystatecity.in\/v1\/countries\/${countryCode}\/states\/${stateCode}\/cities`, {\n                        headers: {\n                            'X-CSCAPI-KEY': 'OTA1Qm9neFM1enl4WkdyeW96aENHbnU1c0dzVGNIZ0xPZ1lIdnpEZg=='\n                        }\n                    })\n                    .then(response => response.json())\n                    .then(data => {\n                        citySelect.innerHTML = '<option value=\"\">Select City<\/option>';\n                        data.forEach(city => {\n                            const option = document.createElement('option');\n                            option.value = city.name;\n                            option.textContent = city.name;\n                            citySelect.appendChild(option);\n                        });\n                        citySelect.disabled = false;\n                    });\n                }\n\n                \/\/ Event listener: country changes \u2192 load states\n                countrySelect.addEventListener('change', function() {\n                    const countryCode = this.value;\n                    if (countryCode) {\n                        loadStates(countryCode);\n                    }\n                });\n\n                \/\/ Event listener: state changes \u2192 load cities\n                stateSelect.addEventListener('change', function() {\n                    const stateCode = this.value;\n                    const countryCode = countrySelect.value;\n                    if (countryCode && stateCode) {\n                        loadCities(countryCode, stateCode);\n                    }\n                });\n\n                \/\/ If default selected country is set, load its states\n                const defaultCountry = countrySelect.value;\n                if (defaultCountry) {\n                    loadStates(defaultCountry);\n                }\n            });\n            <\/script>\n\n            <div style=\"flex: 1;\">\n                <label style=\"color: #EB6E3B;\">Province\/ State:<\/label>\n                <select name=\"address_province\" id=\"state\" required style=\"width: 100%; margin-top: 8px;\" disabled>\n                    <option value=\"\">Select State<\/option>\n                    <!-- State options will be populated based on selected country via API -->\n                <\/select>\n            <\/div>\n        <\/div>\n        <div class=\"form-row\" style=\"display: flex; gap: 20px;\">\n            <div style=\"flex: 1;\">\n                <label style=\"color: #EB6E3B;\">City\/ Town:<\/label>\n                <select name=\"address_city\" id=\"city\" required style=\"width: 100%; margin-top: 8px;\" disabled>\n                    <option value=\"\">Select City<\/option>\n                    <!-- City options will be populated based on selected state via API -->\n                <\/select>\n            <\/div>\n            <div style=\"flex: 1;\">\n                <label style=\"color: #EB6E3B;\">House No. & Street:<\/label>\n                <input type=\"text\" name=\"address_house\" required style=\"width: 100%; margin-top: 8px;\">\n            <\/div>\n        <\/div>\n        <!-- <script>\n            document.addEventListener('DOMContentLoaded', function() {\n                fetch('https:\/\/api.example.com\/countries') \/\/ Replace with actual API endpoint\n                    .then(response => response.json())\n                    .then(data => {\n                        const countrySelect = document.getElementById('country');\n                        data.countries.forEach(country => {\n                            const option = document.createElement('option');\n                            option.value = country.code;\n                            option.textContent = country.name;\n                            countrySelect.appendChild(option);\n                        });\n                    });\n\n                document.getElementById('country').addEventListener('change', function() {\n                    const country = this.value;\n                    fetch(`https:\/\/api.example.com\/states?country=${country}`) \/\/ Replace with actual API endpoint\n                        .then(response => response.json())\n                        .then(data => {\n                            const stateSelect = document.getElementById('state');\n                            stateSelect.innerHTML = '<option value=\"\">Select State<\/option>';\n                            data.states.forEach(state => {\n                                const option = document.createElement('option');\n                                option.value = state.code;\n                                option.textContent = state.name;\n                                stateSelect.appendChild(option);\n                            });\n                            stateSelect.disabled = false;\n                        });\n                });\n\n                document.getElementById('state').addEventListener('change', function() {\n                    const state = this.value;\n                    fetch(`https:\/\/api.example.com\/cities?state=${state}`) \/\/ Replace with actual API endpoint\n                        .then(response => response.json())\n                        .then(data => {\n                            const citySelect = document.getElementById('city');\n                            citySelect.innerHTML = '<option value=\"\">Select City<\/option>';\n                            data.cities.forEach(city => {\n                                const option = document.createElement('option');\n                                option.value = city.code;\n                                option.textContent = city.name;\n                                citySelect.appendChild(option);\n                            });\n                            citySelect.disabled = false;\n                        });\n                });\n            });\n        <\/script> -->\n\n        <!-- Section 4: Technical Readiness -->\n        <h4><span style=\"color:#009fe3;\">Section 4:<\/span> <strong>Technical Readiness<\/strong><\/h4>\n        <div style=\"margin-bottom: 8px;\">\n            <label style=\"margin-right: 10px; color: #EB6E3B;\">Do you have access to a reliable internet connection?<\/label>\n            <div class=\"radio_options\">\n                <input type=\"radio\" name=\"tech_internet\" value=\"Yes\" required> Yes\n                <input type=\"radio\" name=\"tech_internet\" value=\"No\"> No\n            <\/div>\n        <\/div>\n        <div style=\"margin-top: 8px; margin-bottom: 8px;\">\n            <label style=\"margin-right: 10px; color: #EB6E3B;\">Device Available for Student:<\/label>\n            <div class=\"radio_options\"> \n                <input type=\"radio\" name=\"tech_device\" value=\"Smartphone\"> Smartphone\n                <input type=\"radio\" name=\"tech_device\" value=\"Tablet\"> Tablet\n                <input type=\"radio\" name=\"tech_device\" value=\"Laptop\/Desktop\"> Laptop\/Desktop\n                <input type=\"radio\" name=\"tech_device\" value=\"Other\"> Any other\n            <\/div>\n        <\/div>\n        <div style=\"margin-top: 8px;\">\n            <label style=\"margin-right: 10px; color: #EB6E3B;\">Support Needed for Device\/Connectivity?<\/label>\n            <div class=\"radio_options\">\n                <input type=\"radio\" name=\"tech_support\" value=\"Yes\" required> Yes\n                <input type=\"radio\" name=\"tech_support\" value=\"No\"> No\n            <\/div>\n        <\/div>\n\n        <!-- Section 5: Academic Background (for Grades 1 and above) -->\n        <h4><span style=\"color:#009fe3;\">Section 5:<\/span> <strong>Academic Background (for Grades 1 and above)<\/strong><\/h4>\n        <div class=\"form-row\" style=\"margin-bottom: 20px;\">\n            <label style=\"color: #EB6E3B;\">Name of Last School Attended:<\/label>\n            <input type=\"text\" name=\"last_school\" style=\"margin-top: 8px; width: 100%;\">\n            <label style=\"color: #EB6E3B;\">Upload Report Card (Optional):<\/label>\n            <input type=\"file\" name=\"report_card\" style=\"margin-top: 8px; width: 100%;\">\n        <\/div>\n        <label style=\"margin-bottom: 10px; color: #EB6E3B;\">Current Curriculum (if any):<\/label>\n        <div style=\"display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px;\">\n            <label><input type=\"radio\" name=\"curriculum\" value=\"Local Board\"> Local Board<\/label>\n            <label><input type=\"radio\" name=\"curriculum\" value=\"Cambridge\"> Cambridge<\/label>\n            <label><input type=\"radio\" name=\"curriculum\" value=\"IB\"> IB<\/label>\n            <label>\n                <input type=\"radio\" name=\"curriculum\" value=\"Other\" onclick=\"toggleOtherInput(this)\"> Other\n            <\/label>\n            <input type=\"text\" name=\"curriculum_other\" style=\"display: none; margin-top: 10px; width: 100%;\" placeholder=\"Please specify\">\n        <\/div>\n        <script>\n            function toggleOtherInput(checkbox) {\n                var otherInput = document.querySelector('input[name=\"curriculum_other\"]');\n                if (checkbox.checked) {\n                    otherInput.style.display = 'block';\n                } else {\n                    otherInput.style.display = 'none';\n                }\n            }\n        <\/script>\n\n        <!-- Section 6: Special Needs or Additional Information -->\n        <h4><span style=\"color:#009fe3;\">Section 6:<\/span> <strong>Special Needs or Additional Information<\/strong><\/h4>\n        <label style=\"color: #EB6E3B;\">Does the student require any special learning support?<\/label>\n        <div style=\"margin-top: 8px;\" class=\"radio_options\">\n            <input type=\"radio\" name=\"special_support\" value=\"Yes\"> Yes\n            <input type=\"radio\" name=\"special_support\" value=\"No\"> No\n        <\/div>\n        <div class=\"form-row\" style=\"margin-bottom: 20px;\">\n            <label style=\"color: #EB6E3B;margin-top:6px\">If yes, please describe:<\/label>\n            <input type=\"text\" name=\"special_support_desc\" style=\"margin-top: 8px; width: 100%;\">\n            <label style=\"color: #EB6E3B;\">Any specific interests, hobbies, or learning preferences?<\/label>\n            <textarea type=\"text\" name=\"student_interests\" style=\"margin-top: 8px; width: 100%; height: 100px;\"><\/textarea>\n        <\/div>\n\n        <!-- Section 7: Consent & Declaration -->\n        <h4><span style=\"color:#009fe3;\">Section 7:<\/span> <strong>Consent & Declaration<\/strong><\/h4>\n        <div class=\"consent-section\" style=\"margin-bottom: 20px;\">\n            <label><input type=\"radio\" name=\"consent_info_accurate\" value=\"1\" required> I confirm that all information provided is accurate to the best of my knowledge.<\/label>\n            <label><input type=\"radio\" name=\"consent_online_learning\" value=\"1\" required> I consent to my child participating in online learning with this school.<\/label>\n            <!-- <label><input type=\"radio\" name=\"consent_communication\" value=\"1\" required> I agree to receive communication via email\/phone\/WhatsApp.<\/label> -->\n\n            <label>\n                <input type=\"radio\" name=\"consent_communication\" value=\"1\" required>\n                I agree to receive communication via email\/phone\/WhatsApp.\n                <a href=\"https:\/\/wa.me\/923001234567\" target=\"_blank\" style=\"color: #25D366; text-decoration: none; margin-left: 8px;\">\n                    Connect with us on WhatsApp\n                <\/a>\n            <\/label>\n\n        <\/div>\n        <div class=\"consent-section mode_of_learning\" style=\"text-align: center; margin-bottom: 20px;\">\n    <h4 style=\"color:#009fe3;\">Mode of Learning<\/h4>\n            <label>\n            <input type=\"radio\" name=\"consent_mode\" value=\"student_group_class\">\n            Live Online Group Class\n        <\/label><br>\n        <label>\n            <input type=\"radio\" name=\"consent_mode\" value=\"student_self_learning\">\n            Self-Paced Individual Learning\n        <\/label><br>\n        <label>\n            <input type=\"radio\" name=\"consent_mode\" value=\"student_one_on_tutoring\">\n            One-on-One Personalized Tutoring\n        <\/label><br>\n    <\/div>\n\n        \n        <input type=\"hidden\" name=\"action\" value=\"custom_student_register\">\n        <button type=\"submit\" style=\"background-color: #009fe3; color: white; padding: 10px 20px; border: none; cursor: pointer;\">Enroll Now<\/button>\n    <\/form>\n    <\/div>\n\t\t\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":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12880","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mqurban.com\/rupehli\/wp-json\/wp\/v2\/pages\/12880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mqurban.com\/rupehli\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mqurban.com\/rupehli\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mqurban.com\/rupehli\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mqurban.com\/rupehli\/wp-json\/wp\/v2\/comments?post=12880"}],"version-history":[{"count":11,"href":"https:\/\/mqurban.com\/rupehli\/wp-json\/wp\/v2\/pages\/12880\/revisions"}],"predecessor-version":[{"id":12892,"href":"https:\/\/mqurban.com\/rupehli\/wp-json\/wp\/v2\/pages\/12880\/revisions\/12892"}],"wp:attachment":[{"href":"https:\/\/mqurban.com\/rupehli\/wp-json\/wp\/v2\/media?parent=12880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}