{"id":717,"date":"2026-09-24T11:51:05","date_gmt":"2026-09-24T07:51:05","guid":{"rendered":"https:\/\/woodlemaps.ae\/?page_id=717"},"modified":"2026-09-24T12:03:51","modified_gmt":"2026-09-24T08:03:51","slug":"admissions","status":"publish","type":"page","link":"https:\/\/woodlemaps.ae\/ar\/admissions\/","title":{"rendered":"\u0627\u0644\u0642\u0628\u0648\u0644 \u0648\u0627\u0644\u062a\u0633\u062c\u064a\u0644"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"717\" class=\"elementor elementor-717\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ecc4d4 e-flex e-con-boxed e-con e-parent\" data-id=\"5ecc4d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b2f494 elementor-widget elementor-widget-html\" data-id=\"1b2f494\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Woodlem American Private School - Admissions Inquiry Form\n     Paste this whole block into an HTML \/ Custom HTML widget on the site.\n     All styles are scoped under #wapsInquiry and use !important on the\n     properties WordPress themes usually override (heading colours\/sizes,\n     label and input styling), so the site theme can't restyle it. -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@supabase\/supabase-js@2\"><\/script>\n\n<style>\n  #wapsInquiry, #wapsModal {\n    --waps-navy: #0f2e4f;\n    --waps-navy-dark: #051d30;\n    --waps-coral: #da6d50;\n    --waps-coral-dark: #c45b3f;\n    --waps-green: #8bb454;\n    --waps-teal: #65b1a9;\n    --waps-text: #2a2a2a;\n    --waps-muted: #6b7686;\n    --waps-border: #dbdce6;\n    --waps-field: #f5f5f5;\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\n    box-sizing: border-box;\n  }\n  #wapsInquiry *, #wapsInquiry *::before, #wapsInquiry *::after,\n  #wapsModal *, #wapsModal *::before, #wapsModal *::after {\n    box-sizing: border-box;\n    font-family: inherit !important;\n  }\n\n  #wapsInquiry {\n    max-width: 720px;\n    width: 100%;\n    margin: 32px auto;\n    background: #fff;\n    border: 1px solid var(--waps-border);\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(15, 46, 79, 0.08);\n  }\n\n  \/* Header - same navy as the site's nav bar *\/\n  #wapsInquiry .waps-head {\n    background: var(--waps-navy);\n    padding: 28px 32px;\n    display: flex;\n    align-items: center;\n    gap: 18px;\n  }\n  #wapsInquiry .waps-icon {\n    width: 48px; height: 48px; flex-shrink: 0;\n    border-radius: 12px;\n    background: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    display: flex; align-items: center; justify-content: center;\n  }\n  #wapsInquiry .waps-icon svg { width: 24px; height: 24px; color: var(--waps-coral); }\n  #wapsInquiry .waps-title {\n    color: #ffffff !important;\n    font-size: 20px !important;\n    line-height: 1.3 !important;\n    font-weight: 700 !important;\n    margin: 0 !important;\n    letter-spacing: -0.01em;\n  }\n  #wapsInquiry .waps-subtitle {\n    color: var(--waps-coral) !important;\n    font-size: 14px !important;\n    font-weight: 500 !important;\n    margin: 4px 0 0 !important;\n  }\n\n  \/* Three-colour strip taken from the logo's leaves *\/\n  #wapsInquiry .waps-strip { display: flex; height: 5px; }\n  #wapsInquiry .waps-strip span { flex: 1; }\n  #wapsInquiry .waps-strip span:nth-child(1) { background: var(--waps-coral); }\n  #wapsInquiry .waps-strip span:nth-child(2) { background: var(--waps-green); }\n  #wapsInquiry .waps-strip span:nth-child(3) { background: var(--waps-teal); }\n\n  #wapsInquiry form { padding: 32px; margin: 0; }\n  #wapsInquiry .waps-section + .waps-section { margin-top: 28px; }\n  #wapsInquiry .waps-section-title {\n    color: var(--waps-navy) !important;\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n    margin: 0 0 18px !important;\n    padding-bottom: 10px;\n    border-bottom: 1px solid #eef0f4;\n  }\n\n  #wapsInquiry .waps-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 18px 20px;\n  }\n  #wapsInquiry .waps-full { grid-column: 1 \/ -1; }\n\n  #wapsInquiry label {\n    display: block !important;\n    color: var(--waps-text) !important;\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    margin: 0 0 7px !important;\n    line-height: 1.4 !important;\n  }\n  #wapsInquiry input,\n  #wapsInquiry select {\n    width: 100% !important;\n    height: 50px !important;\n    padding: 0 16px !important;\n    margin: 0 !important;\n    background: var(--waps-field) !important;\n    border: 1px solid var(--waps-border) !important;\n    border-radius: 8px !important;\n    color: var(--waps-text) !important;\n    font-size: 15px !important;\n    box-shadow: none !important;\n    outline: none !important;\n    transition: border-color .15s, box-shadow .15s, background .15s;\n  }\n  #wapsInquiry select {\n    appearance: none; -webkit-appearance: none;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20' fill='%230f2e4f'%3E%3Cpath d='M5.3 7.3a1 1 0 011.4 0L10 10.6l3.3-3.3a1 1 0 111.4 1.4l-4 4a1 1 0 01-1.4 0l-4-4a1 1 0 010-1.4z'\/%3E%3C\/svg%3E\") !important;\n    background-repeat: no-repeat !important;\n    background-position: right 14px center !important;\n    background-size: 18px !important;\n    padding-right: 40px !important;\n    cursor: pointer;\n  }\n  #wapsInquiry input::placeholder { color: #9ba6b8 !important; opacity: 1; }\n  #wapsInquiry select:invalid { color: #9ba6b8 !important; }\n  #wapsInquiry select option { color: var(--waps-text); }\n  #wapsInquiry input:focus,\n  #wapsInquiry select:focus {\n    background-color: #fff !important;\n    border-color: var(--waps-coral) !important;\n    box-shadow: 0 0 0 4px rgba(218, 109, 80, 0.12) !important;\n  }\n\n  \/* Submit - same coral as the site's \"Parents Portal\" button *\/\n  #wapsInquiry .waps-submit {\n    display: block;\n    width: 100% !important;\n    margin: 32px 0 0 !important;\n    padding: 16px !important;\n    background: var(--waps-coral) !important;\n    color: #fff !important;\n    border: 0 !important;\n    border-radius: 8px !important;\n    font-size: 15px !important;\n    font-weight: 600 !important;\n    line-height: 1.2 !important;\n    cursor: pointer;\n    transition: background .15s, transform .05s;\n  }\n  #wapsInquiry .waps-submit:hover { background: var(--waps-coral-dark) !important; }\n  #wapsInquiry .waps-submit:active { transform: translateY(1px); }\n  #wapsInquiry .waps-submit:disabled { opacity: .7; cursor: wait; }\n\n  \/* Result modal *\/\n  #wapsModal {\n    position: fixed; inset: 0;\n    background: rgba(5, 29, 48, 0.5);\n    z-index: 99999;\n    display: none;\n    align-items: center; justify-content: center;\n    padding: 16px;\n  }\n  #wapsModal.waps-open { display: flex; }\n  #wapsModal .waps-modal-card {\n    background: #fff;\n    border-radius: 16px;\n    padding: 32px;\n    max-width: 380px; width: 100%;\n    text-align: center;\n    box-shadow: 0 20px 50px rgba(5, 29, 48, 0.25);\n  }\n  #wapsModal .waps-modal-icon {\n    width: 56px; height: 56px; margin: 0 auto 16px;\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n  }\n  #wapsModal .waps-modal-icon svg { width: 26px; height: 26px; }\n  #wapsModal .waps-modal-icon.ok  { background: #fbece7; color: var(--waps-coral); }\n  #wapsModal .waps-modal-icon.err { background: #fdecee; color: #d33a4b; }\n  #wapsModal .waps-modal-title {\n    color: var(--waps-navy) !important;\n    font-size: 18px !important; font-weight: 700 !important;\n    margin: 0 !important; line-height: 1.3 !important;\n  }\n  #wapsModal .waps-modal-body {\n    color: var(--waps-muted) !important;\n    font-size: 14px !important; line-height: 1.6 !important;\n    margin: 8px 0 0 !important;\n  }\n  #wapsModal .waps-modal-btn {\n    width: 100% !important; margin: 24px 0 0 !important;\n    padding: 13px !important; border: 0 !important; border-radius: 8px !important;\n    color: #fff !important; font-size: 14px !important; font-weight: 600 !important;\n    cursor: pointer;\n  }\n  #wapsModal .waps-modal-btn.ok  { background: var(--waps-coral) !important; }\n  #wapsModal .waps-modal-btn.err { background: var(--waps-navy) !important; }\n\n  @media (max-width: 640px) {\n    #wapsInquiry { margin: 16px auto; border-radius: 12px; }\n    #wapsInquiry .waps-head { padding: 22px 20px; }\n    #wapsInquiry form { padding: 24px 20px; }\n    #wapsInquiry .waps-grid { grid-template-columns: 1fr; }\n    #wapsInquiry .waps-title { font-size: 18px !important; }\n  }\n<\/style>\n\n<div id=\"wapsInquiry\">\n  <div class=\"waps-head\">\n    <div class=\"waps-icon\">\n      <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 14l9-5-9-5-9 5 9 5z\"\/>\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\"\/>\n      <\/svg>\n    <\/div>\n    <div>\n      <div class=\"waps-title\">Woodlem American Private School<\/div>\n      <div class=\"waps-subtitle\">Admissions Inquiry Form<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"waps-strip\"><span><\/span><span><\/span><span><\/span><\/div>\n\n  <form id=\"wapsLeadForm\" novalidate>\n    <div class=\"waps-section\">\n      <div class=\"waps-section-title\">Parent Details<\/div>\n      <div class=\"waps-grid\">\n        <div class=\"waps-full\">\n          <label for=\"wapsParentName\">Parent Name<\/label>\n          <input type=\"text\" id=\"wapsParentName\" required placeholder=\"Full Name\" autocomplete=\"name\">\n        <\/div>\n        <div>\n          <label for=\"wapsParentPhone\">Phone Number<\/label>\n          <input type=\"tel\" id=\"wapsParentPhone\" required placeholder=\"Primary Phone Number\" autocomplete=\"tel\">\n        <\/div>\n        <div>\n          <label for=\"wapsParentEmail\">Parent Email ID<\/label>\n          <input type=\"email\" id=\"wapsParentEmail\" required placeholder=\"Email Address\" autocomplete=\"email\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"waps-section\">\n      <div class=\"waps-section-title\">Student Details<\/div>\n      <div class=\"waps-grid\">\n        <div class=\"waps-full\">\n          <label for=\"wapsStudentName\">Name of the Student<\/label>\n          <input type=\"text\" id=\"wapsStudentName\" required placeholder=\"Student's Full Name\">\n        <\/div>\n        <div>\n          <label for=\"wapsGrade\">Grade Applying for<\/label>\n          <select id=\"wapsGrade\" required>\n            <option value=\"\" disabled selected>Select Grade<\/option>\n            <option value=\"KG - 1\">KG - 1<\/option>\n            <option value=\"KG - 2\">KG - 2<\/option>\n            <option value=\"Grade 1\">Grade 1<\/option>\n            <option value=\"Grade 2\">Grade 2<\/option>\n            <option value=\"Grade 3\">Grade 3<\/option>\n            <option value=\"Grade 4\">Grade 4<\/option>\n            <option value=\"Grade 5\">Grade 5<\/option>\n            <option value=\"Grade 6\">Grade 6<\/option>\n            <option value=\"Grade 7\">Grade 7<\/option>\n            <option value=\"Grade 8\">Grade 8<\/option>\n            <option value=\"Grade 9\">Grade 9<\/option>\n            <option value=\"Grade 10\">Grade 10<\/option>\n            <option value=\"Grade 11\">Grade 11<\/option>\n            <option value=\"Grade 12\">Grade 12<\/option>\n          <\/select>\n        <\/div>\n        <div>\n          <label for=\"wapsLastSchool\">Last School Attended Location<\/label>\n          <select id=\"wapsLastSchool\" required>\n            <option value=\"\" disabled selected>Select Location<\/option>\n            <option value=\"Inside UAE\">Inside UAE<\/option>\n            <option value=\"Outside UAE\">Outside UAE<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <button type=\"submit\" id=\"wapsSubmitBtn\" class=\"waps-submit\">Submit Inquiry Form<\/button>\n  <\/form>\n<\/div>\n\n<div id=\"wapsModal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"wapsModalTitle\">\n  <div class=\"waps-modal-card\">\n    <div id=\"wapsModalIcon\" class=\"waps-modal-icon\"><\/div>\n    <div id=\"wapsModalTitle\" class=\"waps-modal-title\"><\/div>\n    <p id=\"wapsModalBody\" class=\"waps-modal-body\"><\/p>\n    <button type=\"button\" id=\"wapsModalBtn\" class=\"waps-modal-btn\">Dismiss<\/button>\n  <\/div>\n<\/div>\n\n<script>\n  (function () {\n    \/\/ Same Supabase project every school's form uses. The anon key is meant\n    \/\/ to be public - Row Level Security is what limits what it can do.\n    var SUPABASE_URL = \"https:\/\/ocqpgugamplyidgmkxsw.supabase.co\";\n    var SUPABASE_ANON_KEY = \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9jcXBndWdhbXBseWlkZ21reHN3Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3ODE5NjI5MDYsImV4cCI6MjA5NzUzODkwNn0.UO-x3qkLWqzDWDuahV2W3BiCPTi_GtsRuM1MG5oUaWk\";\n    var SCHOOL_ID = \"b0882d00-b3d8-4753-b253-3208b24b1744\"; \/\/ Woodlem American Private School\n\n    var client = window.supabase.createClient(SUPABASE_URL, SUPABASE_ANON_KEY);\n\n    var form = document.getElementById('wapsLeadForm');\n    var submitBtn = document.getElementById('wapsSubmitBtn');\n    var modal = document.getElementById('wapsModal');\n    var modalIcon = document.getElementById('wapsModalIcon');\n    var modalTitle = document.getElementById('wapsModalTitle');\n    var modalBody = document.getElementById('wapsModalBody');\n    var modalBtn = document.getElementById('wapsModalBtn');\n\n    var ICON_OK = '<svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 13l4 4L19 7\"\/><\/svg>';\n    var ICON_ERR = '<svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\/><\/svg>';\n\n    function showModal(ok, message) {\n      modalIcon.className = 'waps-modal-icon ' + (ok ? 'ok' : 'err');\n      modalIcon.innerHTML = ok ? ICON_OK : ICON_ERR;\n      modalTitle.textContent = ok ? 'Submission Successful' : 'Submission Failed';\n      modalBody.textContent = ok\n        ? 'Thank you. Your inquiry has been sent to Woodlem American Private School. Our admissions team will be in touch shortly.'\n        : (message || 'Please review your details and network connection, then try again.');\n      modalBtn.className = 'waps-modal-btn ' + (ok ? 'ok' : 'err');\n      modal.classList.add('waps-open');\n    }\n    function closeModal() { modal.classList.remove('waps-open'); }\n    modalBtn.addEventListener('click', closeModal);\n    modal.addEventListener('click', function (e) { if (e.target === modal) closeModal(); });\n\n    form.addEventListener('submit', async function (e) {\n      e.preventDefault();\n      if (!form.reportValidity()) return;\n\n      submitBtn.disabled = true;\n      submitBtn.textContent = 'Submitting...';\n\n      var result = await client.from('leads').insert([{\n        school_id: SCHOOL_ID,\n        full_name: document.getElementById('wapsParentName').value.trim(),\n        phone: document.getElementById('wapsParentPhone').value.trim(),\n        email: document.getElementById('wapsParentEmail').value.trim(),\n        student_name: document.getElementById('wapsStudentName').value.trim(),\n        grade_applying: document.getElementById('wapsGrade').value,\n        last_school_location: document.getElementById('wapsLastSchool').value\n      }]);\n\n      if (!result.error) {\n        showModal(true);\n        form.reset();\n      } else {\n        console.error('Submission error:', result.error);\n        showModal(false, result.error.message);\n      }\n\n      submitBtn.disabled = false;\n      submitBtn.textContent = 'Submit Inquiry Form';\n    });\n  })();\n<\/script>\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":"<p>Woodlem American Private School Admissions Inquiry Form Parent Details Parent Name Phone Number Parent Email ID Student Details Name of the Student Grade Applying for Select GradeKG &#8211; 1KG &#8211; [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-717","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/woodlemaps.ae\/ar\/wp-json\/wp\/v2\/pages\/717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/woodlemaps.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/woodlemaps.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/woodlemaps.ae\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/woodlemaps.ae\/ar\/wp-json\/wp\/v2\/comments?post=717"}],"version-history":[{"count":7,"href":"https:\/\/woodlemaps.ae\/ar\/wp-json\/wp\/v2\/pages\/717\/revisions"}],"predecessor-version":[{"id":724,"href":"https:\/\/woodlemaps.ae\/ar\/wp-json\/wp\/v2\/pages\/717\/revisions\/724"}],"wp:attachment":[{"href":"https:\/\/woodlemaps.ae\/ar\/wp-json\/wp\/v2\/media?parent=717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}