{"id":492,"date":"2023-07-27T14:04:34","date_gmt":"2023-07-27T14:04:34","guid":{"rendered":"https:\/\/www.an-nakhlah.com\/?page_id=492"},"modified":"2025-10-31T11:58:55","modified_gmt":"2025-10-31T11:58:55","slug":"enrollment_academy","status":"publish","type":"page","link":"https:\/\/www.an-nakhlah.com\/?page_id=492","title":{"rendered":"Enrollment_Academy"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"492\" class=\"elementor elementor-492\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-756265c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"756265c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-41e3989\" data-id=\"41e3989\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3f02c0c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3f02c0c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3f01519\" data-id=\"3f01519\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e7a7593 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e7a7593\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\r\n\r\n<style>\r\n    \/* Styling for the popup *\/\r\n    .popup {\r\n        display: none;\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        background-color: white;\r\n        padding: 20px;\r\n        border: 1px solid #ccc;\r\n        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);\r\n        z-index: 999;\r\n    }\r\n   \r\n  \r\n    .reg_form {\r\n        display: flex;\r\n        flex-direction: column;\r\n        width: 100%;\r\n    }\r\n  \r\n    .reg_form label {\r\n        margin-top: 10px;\r\n    }\r\n  \r\n    .reg_form .horizontal {\r\n        display: flex;\r\n        flex-direction: row;\r\n        width: 100%;\r\n    }\r\n  \r\n    .reg_form .veritcal {\r\n        display: flex;\r\n        flex-direction: column;\r\n        width: 100%;\r\n    }\r\n  \r\n    .reg_form input,\r\n    .reg_form textarea,\r\n    .reg_form Select {\r\n        margin-right: 5px;\r\n        margin-left: 5px;\r\n        margin-top: 2px;\r\n        margin-bottom:4px;\r\n        border-radius: 8px;\r\n        \/* height: 50px; *\/\r\n        outline: none;\r\n        padding: 10px;\r\n        \/*border: none;*\/\r\n        background: white;\r\n        border: 1px solid;\r\n        resize: none;\r\n  \r\n    }\r\n  \r\n    .reg_form h3 {\r\n        margin: 0;\r\n    }\r\n  \r\n    .reg_form textarea {\r\n        height: 70px;\r\n        width: calc(100% - 10px)\r\n    }\r\n  \r\n    .reg_form button {\r\n        background: none;\r\n        border: none;\r\n        outline: none;\r\n        cursor: pointer;\r\n        text-align: left;\r\n        padding: 10px;\r\n        margin: 0;\r\n        border-radius: 8px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin: 10px 0px;\r\n        background: #1c94;\r\n  \r\n    }\r\n  \r\n    .reg_form button:hover {\r\n        background: #1c97;\r\n    }\r\n  \r\n    .fa-caret-down {\r\n        font-size: 20px;\r\n        color: black\r\n    }\r\n  \r\n    .parent_wrapper,\r\n    .student_wrapper,\r\n    .declearation_wrapper {\r\n        overflow: auto;\r\n        height: 0px;\r\n        \/* max-height: calc(100vh - 280px); *\/\r\n        transition: 1s;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: stretch;\r\n        overflow: auto;\r\n    }\r\n  \r\n    .declearation_wrapper {\r\n        align-items: center;\r\n    }\r\n  \r\n    .check1 input {\r\n        height: auto;\r\n        width: auto;\r\n        display: inline;\r\n  \r\n    }\r\n  \r\n    .check1 p {\r\n        display: inline;\r\n        width: calc(100% - 20px);\r\n        margin-left: 10px;\r\n    }\r\n  \r\n    .submit_button {\r\n        display: block !important;\r\n        width: 50%;\r\n        margin: 30px;\r\n        height: 50px;\r\n        background: #20af89 !important;\r\n        text-align: center !important;\r\n        border: none;\r\n        outline: none;\r\n        cursor: pointer;\r\n        border-radius: 8px;\r\n        margin: 10px 0px;\r\n        color: white;\r\n        font-weight: bold;\r\n    }\r\n  \r\n    .submit_button:hover {\r\n        background: #1c9474 !important;\r\n    }\r\n  \r\n    .reg_form span {\r\n        color: red;\r\n    }\r\n  \r\n    table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n    }\r\n  \r\n    \r\n    th,\r\n    td {\r\n  \r\n        border: 1px solid black;\r\n        width: 100%;\r\n    }\r\n    #addSiblingBtn{\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 10px auto !important;\r\n        text-align: center !important;\r\n        width: 50%;\r\n        grid-gap:10px;\r\n        background-color: #000 !important;\r\n    }\r\n    .full-width{width: 100%;\r\n    justify-content: space-between;}\r\n    .full-width button{width: 100%;}\r\n  \r\n    .black_class{\r\n        background-color: #000 !important;\r\n        color: white !important;\r\n    }\r\n  \r\n\r\n    \r\n    .student_wrapper{\r\n            max-height: 400px ;\r\n        }\r\n  \r\n\r\n  \r\n    @media only screen and (max-width: 1000px) {\r\n        .reg_form .horizontal {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n        }\r\n\r\n        .student_wrapper{\r\n            max-height: 620px ;\r\n        }\r\n  \r\n\r\n        .parent_wrapper,\r\n        .student_wrapper,\r\n        .declearation_wrapper {\r\n            overflow: auto;\r\n        }\r\n  \r\n    }\r\n  <\/style>\r\n  \r\n  \r\n  \r\n  \r\n  <form action=\"https:\/\/academisync.com\/api\/register\/23\/\" method=\"POST\" class=\"reg_form\">\r\n    <button onclick=\"openstudent(); closeparent();closeDeclearation()\" type=\"button\">\r\n        <h3>Students Information<\/h3><i class=\"fa fa-caret-down\" aria-hidden=\"true\"><\/i>\r\n    <\/button>\r\n  \r\n    <div class=\"student_wrapper\" id=\"student_wrapper\" style=\"height:900px\">\r\n  \r\n  \r\n        <!-- <div class=\"veritcal\">\r\n            <label for=\"yeargroup\">Course<span>*<\/span><\/label>\r\n            <select name=\"yeargroup\" id=\"\" required>\r\n                <option value=\"\">-- select-- <\/option>\r\n                <option value=\"1\">Academy Programme<\/option>\r\n                <option value=\"2\">Alimiyyah Programme<\/option>\r\n                <option value=\"3\">Quran Short Course<\/option>\r\n                <option value=\"4\">Arabic Short Course<\/option>\r\n            <\/select>\r\n        <\/div> -->\r\n  \r\n  \r\n        <div class=\"horizontal\">\r\n            <div class=\"veritcal\">\r\n                <label for=\"name\">First Name<span>*<\/span><\/label>\r\n                <input type=\"text\" name=\"first_name\" id=\"first_name_field\" placeholder=\"First Name\" required>\r\n            <\/div>\r\n            <div class=\"veritcal\">\r\n                <label for=\"name\">Last Name<span>*<\/span><\/label>\r\n                <input type=\"text\" name=\"last_name\" id=\"last_name_field\" placeholder=\"Last Name\" required>\r\n            <\/div>\r\n        <\/div>\r\n  \r\n        <!-- <div class=\"horizontal\">\r\n            <div class=\"veritcal\">\r\n                <label for=\"title\">Title<\/label>\r\n                <input type=\"text\" name=\"title\" id=\"title_field\" placeholder=\"Title\">\r\n            <\/div>\r\n            <div class=\"veritcal\">\r\n                <label for=\"contact\">Contact Number<span>*<\/span><\/label>\r\n                <input type=\"tel\" name=\"contact\" id=\"contact_field\" placeholder=\"e.g. +44 7911 123456\">\r\n            <\/div>\r\n        <\/div> -->\r\n  \r\n  <div class=\"horizontal\">\r\n            <div class=\"veritcal\">\r\n                <label for=\"dob\">Date of Birth<span>*<\/span><\/label>\r\n                <input type=\"date\" name=\"dob\" id=\"dob_field\" placeholder=\"Date of Birth\" required>\r\n            <\/div>\r\n            <div class=\"veritcal\">\r\n                <label for=\"gender\">Select Gender<span>*<\/span><\/label>\r\n                <select name=\"gender\" id=\"gender_field\" required>\r\n                    <option value=\"\">-- Select --<\/option>\r\n                    <option value=\"male\">Male<\/option>\r\n                    <option value=\"female\">Female<\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n  \r\n        <div class=\"horizontal\" style=\"margin: 10px 0 5px 0;\">\r\n            <div class=\"horizontala\" style=\"align-items: center;display:flex ; flex-direction: row;\">\r\n                <input type=\"checkbox\" name=\"completed_Qaida\" id=\"completed_Qaida\">\r\n                <label for=\"completed_Qaida\" style=\"margin-top: 0;\">Qaidah completed?<\/label>\r\n            <\/div>\r\n        <\/div>\r\n  \r\n        <div class=\"horizontal\" style=\"margin: 10px 0 5px 0;\">\r\n            <div class=\"horizontala\" style=\"align-items: center;display:flex ; flex-direction: row;\">\r\n                <input type=\"checkbox\" name=\"attended_madrisa\" id=\"completed_Qaida\">\r\n                <label for=\"attended_madrisa\" style=\"margin-top: 0;\">Has the child attended any other madrasah?<\/label>\r\n            <\/div>\r\n        <\/div>\r\n  \r\n  \r\n        <div class=\"horizontal\">\r\n            \r\n            <div class=\"veritcal\">\r\n                <label for=\"yeargroup\">Year group in school<span>*<\/span><\/label>\r\n                <select name=\"yeargroup\" id=\"yeargroup_field\" required>\r\n                    <option value=\"\">-- Select -- <\/option>\r\n                    <option value=\"reception\">Reception<\/option>\r\n                    <option value=\"year1\">Year 1<\/option>\r\n                    <option value=\"year2\">Year 2<\/option>\r\n                    <option value=\"year3\">Year 3<\/option>\r\n                    <option value=\"year4\">Year 4<\/option>\r\n                    <option value=\"year5\">Year 5<\/option>\r\n                    <option value=\"year6\">Year 6<\/option>\r\n                    <option value=\"year7\">Year 7<\/option>\r\n                    <option value=\"year8\">Year 8<\/option>\r\n                    <option value=\"year9\">Year 9<\/option>\r\n                    <option value=\"year10\">Year 10<\/option>\r\n                    <option value=\"year11\">Year 11<\/option>\r\n                    <!-- <option value=\"year12\">Year 12<\/option> -->\r\n                <\/select>\r\n            <\/div>\r\n  \r\n            <div class=\"veritcal\">\r\n                <label for=\"dob\">Amount of surah memorised?<span>*<\/span><\/label>\r\n                <input type=\"number\" name=\"surat_memorized\" id=\"surat_memorized\" placeholder=\"Numbers\" required>\r\n            <\/div>\r\n  \r\n        <\/div>\r\n        <!-- <div class=\"horizontal\">\r\n            <div class=\"veritcal\">\r\n  \r\n        <label for=\"\">If Any Siblings in An-Nakhlah<\/label>\r\n                <button type=\"button\" id=\"addSiblingBtn\" >Add Sibling<\/button>\r\n            <\/div>\r\n        <\/div> -->\r\n  \r\n  \r\n  \r\n        \r\n        <div class=\"horizontal\">\r\n            <div class=\"veritcal\">\r\n                <label for=\"medical_info\">Medical Information (If Any)<\/label>\r\n                <textarea name=\"medical_info\" id=\"medical_info_field\" cols=\"1\" rows=\"1\"\r\n                    placeholder=\"Type...\"><\/textarea>\r\n            <\/div>\r\n        <\/div>\r\n  \r\n  \r\n  \r\n        <div class=\"horizontal\">\r\n  \r\n            <table id=\"siblingTable\" style=\"display: none;\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>Sibling Name<\/th>\r\n                        <th>Class<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody id=\"siblingTableBody\">\r\n                    <!-- Sibling data will be added here using JavaScript -->\r\n                <\/tbody>\r\n            <\/table>\r\n  \r\n  \r\n        <\/div>\r\n        <div class=\"popup\" id=\"popup\">\r\n            <h2>Add Sibling<\/h2>\r\n            <label for=\"siblingName\">Sibling Name:<\/label>\r\n            <input type=\"text\" id=\"siblingName\"><br>\r\n            <label for=\"siblingClass\">Sibling Class:<\/label>\r\n            <input type=\"text\" id=\"siblingClass\"><br>\r\n            <div class=\"horizontal full-width\">\r\n                \r\n            <button class=\"black_class\" type=\"button\" id=\"submitSibling\">Add<\/button>\r\n            <button class=\"black_class\" type=\"button\" id=\"closePopup\">Close<\/button>\r\n            <\/div>\r\n        <\/div>\r\n  \r\n  \r\n  \r\n  \r\n  \r\n    <\/div>\r\n  \r\n  \r\n  \r\n    <button onclick=\"expandParent();closeStudent();closeDeclearation()\" type=\"button\">\r\n        <h3>Parent\/Guardian's Information<\/h3><i class=\"fa fa-caret-down\" aria-hidden=\"true\"><\/i>\r\n    <\/button>\r\n  \r\n    <div class=\"parent_wrapper\" id=\"parent_wrapper\">\r\n        <div class=\"horizontal\">\r\n            <div class=\"veritcal\">\r\n                <label for=\"parent_name\">Name <span>*<\/span><\/label>\r\n                <input type=\"text\" name=\"parent_name\" id=\"parent_name_field\" placeholder=\"Name\" required>\r\n            <\/div>\r\n            \r\n            <div class=\"veritcal\">\r\n                <label for=\"parent_title\">Relation<span>*<\/span><\/label>\r\n                <input type=\"text\" name=\"relation_title\" id=\"relation_title_field\" placeholder=\"State relation \" required>\r\n            <\/div>\r\n        <\/div>\r\n  \r\n        <div class=\"horizontal\">\r\n            <div class=\"veritcal\">\r\n                <label for=\"parent_email\">Email<span>*<\/span><\/label>\r\n                <input placeholder=\"Email\" type=\"parent_email\" name=\"parent_email\" id=\"parent_email_field\" required>\r\n            <\/div>\r\n  \r\n            \r\n            <div class=\"veritcal\">\r\n                <label for=\"parent_contact\">Contact Number<span>*<\/span><\/label>\r\n                <input type=\"number\" name=\"parent_telephone\" id=\"parent_contact_field\" placeholder=\"Contact\" required>\r\n            <\/div>\r\n  \r\n        <\/div>\r\n  \r\n        <div class=\"horizontal\">\r\n            <div class=\"veritcal\">\r\n                <label for=\"postcode\">Emergency Contact Name<span>*<\/span><\/label>\r\n                <input placeholder=\"Emergency contact Name\" type=\"text\" name=\"emergency_contact_name\" id=\"emergency_contact_name_id\" required>\r\n            <\/div>\r\n            <div class=\"veritcal\">\r\n                <label for=\"parent_title\">Emergency Contact Number<span>*<\/span><\/label>\r\n                <input type=\"text\" name=\"emergency_contact\" id=\"emergency_contact_field\" placeholder=\"Emergency contact Number \" required>\r\n            <\/div>\r\n        <\/div>\r\n  \r\n  \r\n  \r\n        <div class=\"horizontal\">\r\n            <div class=\"veritcal\">\r\n                <label for=\"postcode\">Post Code<span>*<\/span><\/label>\r\n                <input placeholder=\"Post Code\" type=\"text\" name=\"postcode\" id=\"postcode_field\" required>\r\n            <\/div>\r\n            <div class=\"veritcal\">\r\n                <!-- <label for=\"parent_title\">Relation<span>*<\/span><\/label>\r\n                <input type=\"text\" name=\"relation_title\" id=\"relation_title_field\" placeholder=\"State relation \" required> -->\r\n            <\/div>\r\n        <\/div>\r\n  \r\n  \r\n   \r\n        \r\n        <div class=\"horizontal\" style=\"display: none;\">\r\n  \r\n            <div class=\"veritcal\">\r\n                <label for=\"email\">Email<span>*<\/span><\/label>\r\n                <input type=\"email\" name=\"email\" id=\"email_field\" placeholder=\"Email\" value=\"\" >\r\n            <\/div>\r\n            <!-- <div class=\"veritcal\">\r\n                <label for=\"postcode\">Post Code<span>*<\/span><\/label>\r\n                <input type=\"text\" name=\"postcode\" id=\"postcode_field\" placeholder=\"Post Code\" value=\"testpost1\">\r\n            <\/div> -->\r\n        <\/div>\r\n  \r\n  \r\n        <div class=\"horizontal\">\r\n            <div class=\"veritcal\">\r\n                <label for=\"parent_address\">Address<span>*<\/span><\/label>\r\n                <input name=\"parent_address\" id=\"parent_address_field\" cols=\"1\" rows=\"1\" placeholder=\"Address\"\r\n                    required><\/textarea>\r\n            <\/div>\r\n        <\/div>\r\n        <div style=\"margin-top: 5px;\">\r\n          <input type=\"checkbox\" id=\"terms_field\">\r\n          <label for=\"terms_field\">\r\n            Do you have any other children attending An-Nakhlah academy?\r\n          <\/label>\r\n        <\/div>\r\n        \r\n        <!-- Sibling Information input field (initially hidden) -->\r\n        <div class=\"horizontal\" id=\"sibling_info_container\" style=\"display: none;\">\r\n          <div class=\"veritcal\">\r\n            <label for=\"sibling_info\">Sibling Information<span><\/span><\/label>\r\n            <input type=\"text\" name=\"Sibling Information\" id=\"sibling_info\" placeholder=\"Enter Sibling Information\">\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- JavaScript to toggle visibility and required attribute -->\r\n        <script>\r\n          const checkbox = document.getElementById('terms_field');\r\n          const siblingInfoContainer = document.getElementById('sibling_info_container');\r\n          const siblingInput = document.getElementById('sibling_info');\r\n        \r\n          checkbox.addEventListener('change', function () {\r\n            if (this.checked) {\r\n              siblingInfoContainer.style.display = 'block';\r\n              siblingInput.setAttribute('required', 'required');\r\n            } else {\r\n              siblingInfoContainer.style.display = 'none';\r\n              siblingInput.removeAttribute('required');\r\n            }\r\n          });\r\n        <\/script>\r\n\r\n  \r\n  \r\n    <\/div>\r\n  \r\n    <button onclick=\"closeStudent();closeparent();openDeclearation()\" type=\"button\">\r\n        <h3>Declaration<\/h3><i class=\"fa fa-caret-down\" aria-hidden=\"true\"><\/i>\r\n    <\/button>\r\n  \r\n    <div class=\"declearation_wrapper\" id=\"declearation_wrapper\">\r\n        <div class=\"horizontal\">\r\n            <div class=\" check1\">\r\n  \r\n                <h5>An-Nakhlah Fee Policy<\/h5>\r\n                <p>The fees for An-Nakhlah Academy can be given every four weeks or can be paid at the\r\n                    beginning of the term. There is a one-off admissions fee of \u00a320 per child. The total fee\r\n                    (excluding admissions fees) is \u00a375 every month (approx. 4 weeks) or \u00a3190 per full term (approx. 13 weeks).\r\n                    Additional children fees:\r\n                    The fees for each additional child from the same family will have a \u00a315 discount from the\r\n                    total fees for the term.\r\n                <\/p>\r\n  \r\n                <div class=\"veritcal\">\r\n                    <label for=\"yeargroup\">I would like to pay:<span>*<\/span><\/label>\r\n                    <select name=\"fee_mode\" id=\"\" required>\r\n                        <option value=\"\">-- select-- <\/option>\r\n                        <option value=\"monthly\">Monthly<\/option>\r\n                        <option value=\"termly\">Termly<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n  \r\n                <input type=\"checkbox\" name=\"terms\" id=\"terms_field\" placeholder=\"State Relation \" required=\"\">\r\n                <label for=\"terms_field\">\r\n                    I confirm that the information given on this form is true to the best of my knowledge. I will\r\n                    ensure the fees are paid in their due time and agree to abide by the conditions set.\r\n                <\/label>\r\n  \r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"g-recaptcha\" data-sitekey=\"6LfB-PcqAAAAAH8k7seWky5qKJ-pvPX-7mMrakEz\" style=\"margin-top: 10px; margin-bottom: 10px;\"><\/div>\r\n        <button class=\"submit_button\">Submit<\/button>\r\n    <\/div>\r\n  \r\n  \r\n  \r\n  <\/form>\r\n  \r\n  <script>\r\n    function expandParent() {\r\n        var parent_wrapper = document.getElementById('parent_wrapper');\r\n        parent_wrapper.style.height = '550px';\r\n  \r\n        window.scrollTo({ top: 100, behavior: 'smooth' });\r\n    }\r\n    function closeparent() {\r\n        var parent_wrapper = document.getElementById('parent_wrapper');\r\n        parent_wrapper.style.height = '0px';\r\n    }\r\n    function openstudent() {\r\n        var student_wrapper = document.getElementById('student_wrapper');\r\n        student_wrapper.style.height = '900px';\r\n  \r\n        window.scrollTo({ top: 50, behavior: 'smooth' });\r\n    }\r\n    function closeStudent() {\r\n        var student_wrapper = document.getElementById('student_wrapper');\r\n        student_wrapper.style.height = '0px';\r\n    }\r\n    function openDeclearation() {\r\n        var declearation_wrapper = document.getElementById('declearation_wrapper');\r\n        declearation_wrapper.style.height = '550px';\r\n        window.scrollTo({ top: 100, behavior: 'smooth' });\r\n    }\r\n    function closeDeclearation() {\r\n        var declearation_wrapper = document.getElementById('declearation_wrapper');\r\n        declearation_wrapper.style.height = '0px';\r\n    }\r\n  \r\n  <\/script>\r\n  \r\n  \r\n  \r\n  <script>\r\n    const addSiblingBtn = document.getElementById(\"addSiblingBtn\");\r\n    const popup = document.getElementById(\"popup\");\r\n    const closePopupBtn = document.getElementById(\"closePopup\");\r\n    const submitSiblingBtn = document.getElementById(\"submitSibling\");\r\n    const siblingTable = document.getElementById(\"siblingTable\");\r\n    const siblingTableBody = document.getElementById(\"siblingTableBody\");\r\n  \r\n    addSiblingBtn.addEventListener(\"click\", () => {\r\n        popup.style.display = \"block\";\r\n    });\r\n  \r\n    closePopupBtn.addEventListener(\"click\", () => {\r\n        popup.style.display = \"none\";\r\n    });\r\n  \r\n    submitSiblingBtn.addEventListener(\"click\", () => {\r\n        const siblingName = document.getElementById(\"siblingName\").value;\r\n        const siblingClass = document.getElementById(\"siblingClass\").value;\r\n  \r\n        if (siblingName && siblingClass) {\r\n            const newRow = siblingTableBody.insertRow();\r\n            const nameCell = newRow.insertCell(0);\r\n            const classCell = newRow.insertCell(1);\r\n  \r\n            nameCell.textContent = siblingName;\r\n            classCell.textContent = siblingClass;\r\n  \r\n            popup.style.display = \"none\";\r\n            siblingTable.style.display = \"block\";\r\n        }\r\n    });\r\n  <\/script>\r\n  \r\n  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-0077295 elementor-hidden-tablet elementor-hidden-mobile\" data-id=\"0077295\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-132410e ekit-equal-height-enable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"132410e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left style-modern\" >\n\n                \n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    <img decoding=\"async\" src=\"https:\/\/media.istockphoto.com\/id\/688742092\/photo\/fees-sign.jpg?s=612x612&amp;w=0&amp;k=20&amp;c=Eh-78hs9PehN-bZr1pUuiJjgbd0BspZ03ZTJ-YtUuz4=\" title=\"\" alt=\"\" loading=\"lazy\" \/>\n                <\/div>\n                \n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        An-Nakhlah Fee Policy\n                        \n                    <\/h3>\n                                                            <div class=\"elementskit-box-style-content\">\n                        The fee structure for An-Nakhlah Academy is as follows:\n<br>\n<br>\n<b>1.Payment Options:<\/b>  Fees can be paid every four weeks or in full at the beginning of the term.\n<br>\n<b>2. Admissions Fee: <\/b> A one-time admissions fee of \u00a320 is required for each child upon enrollment.\n<br>\n<b>3. Tuition Fees:<\/b> \n\nThe fee for one child is \u00a375 every four weeks (approximately one month) or \u00a3190 per term (approximately 13 weeks).\n<br><br>\n\nA consecutive discount of \u00a315 per term is applied to each additional child from the same family.\n<br><br>\nFor example, the first child\u2019s fee is \u00a3190 per term, the second child\u2019s fee is \u00a3175 per term, the third child\u2019s fee is \u00a3160 per term, and so forth.\n<br><br>\nThis progressive discount ensures affordability for families with multiple children\u00a0enrolled.                    <\/div>\n                                    <\/div>\n\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Students Information First Name* Last Name* Date of Birth* Select Gender* &#8212; Select &#8212;MaleFemale Qaidah completed? Has the child attended any other madrasah? Year group in school* &#8212; Select &#8212; ReceptionYear 1Year 2Year 3Year 4Year 5Year 6Year 7Year 8Year 9Year 10Year 11 Amount of surah memorised?* Medical Information (If Any) Sibling Name Class Add Sibling [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-492","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.an-nakhlah.com\/index.php?rest_route=\/wp\/v2\/pages\/492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.an-nakhlah.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.an-nakhlah.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.an-nakhlah.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.an-nakhlah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=492"}],"version-history":[{"count":322,"href":"https:\/\/www.an-nakhlah.com\/index.php?rest_route=\/wp\/v2\/pages\/492\/revisions"}],"predecessor-version":[{"id":3513,"href":"https:\/\/www.an-nakhlah.com\/index.php?rest_route=\/wp\/v2\/pages\/492\/revisions\/3513"}],"wp:attachment":[{"href":"https:\/\/www.an-nakhlah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}