{"id":1578,"date":"2025-12-22T10:55:45","date_gmt":"2025-12-22T10:55:45","guid":{"rendered":"https:\/\/ukuni.org\/?page_id=1578"},"modified":"2025-12-25T11:37:56","modified_gmt":"2025-12-25T11:37:56","slug":"expression-of-interest-form","status":"publish","type":"page","link":"https:\/\/ukuni.org\/ar\/expression-of-interest-form\/","title":{"rendered":"Expression of Interest Form"},"content":{"rendered":"<section \n  class=\"inner-banner bg-[url(&#039;https:\/\/ukuni.org\/wp-content\/themes\/ukuni\/assets\/images\/inner-banner.png&#039;)] bg-cover bg-center w-[95%] md:w-[98%] m-auto rounded-3xl\" \n    >\n  <div class=\"container mx-auto px-5 md:px-10 h-[350px] flex flex-col justify-center items-center text-center\">\n    <h1 class=\"font-poppins font-semibold text-[36px] leading-[40px] sm:text-[40px] sm:leading-[48px] md:text-[48px] md:leading-[56px] lg:text-[54px] lg:leading-[64px] tracking-[0%] capitalize text-[#072440]\">\n      Expression of Interest Form    <\/h1>\n    <!-- Breadcrumb -->\n    <nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/span><\/p><\/nav>  <\/div>\n<\/section>\n\n\n<br\/>\n\n\n    \n    <style>\n        .expression-interest-form selection .select2.select2-container.select2-container--default {\n            width: 100% !important;\n        }\n\n        .expression-interest-form .select2-container--default .select2-selection--single {\n            background-color: #F9FAFB !important;\n            height: 46px !important;\n            padding: 10px 10px;\n            color: #000;\n            font-family: \"Rubik\", sans-serif !important;\n        }\n\n        .expression-interest-form .select2-container--default .select2-selection--single .select2-selection__arrow {\n            height: 45px !important;\n            padding-left: 30px;\n            font-family: \"Rubik\", sans-serif !important;\n        }\n\n        .expression-interest-form .select2-container {\n            width: 100% !important;\n        }\n\n        .expression-interest-form .container-phone {\n            direction: ltr;\n            max-width: 800px;\n            margin: 0 auto;\n            background: white;\n            border-radius: 16px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n            padding: 40px;\n        }\n\n        .expression-interest-form .form-header {\n            text-align: center;\n            margin-bottom: 40px;\n            padding-bottom: 30px;\n            border-bottom: 3px solid #CE2123;\n        }\n\n        .expression-interest-form .form-header h1 {\n            color: #2d3748;\n            font-size: 28px;\n            margin-bottom: 15px;\n            font-weight: 700;\n        }\n\n        .expression-interest-form .form-header h2 {\n            color: #4a5568;\n            font-size: 18px;\n            margin-bottom: 10px;\n            font-weight: 500;\n        }\n\n        .expression-interest-form .form-header p {\n            color: #718096;\n            font-size: 14px;\n            line-height: 1.6;\n            max-width: 700px;\n            margin: 0 auto;\n        }\n\n        .expression-interest-form .section-title {\n            background: linear-gradient(135deg, #CE2123 0%, #a01819 100%);\n            color: white;\n            padding: 12px 20px;\n            border-radius: 8px;\n            margin: 30px 0 20px 0;\n            font-size: 18px;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .expression-interest-form .section-title:first-of-type {\n            margin-top: 0;\n        }\n\n        .expression-interest-form form {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n\n        .expression-interest-form .form-group {\n            margin-bottom: 25px;\n        }\n\n        .expression-interest-form .form-group label {\n            display: block;\n            margin-bottom: 8px;\n            color: #2d3748;\n            font-weight: 600;\n            font-size: 14px;\n        }\n\n        .expression-interest-form .form-group label .required {\n            color: #e53e3e;\n            margin-left: 3px;\n        }\n\n        .expression-interest-form .form-group input[type=\"text\"],\n        .expression-interest-form .form-group input[type=\"email\"],\n        .expression-interest-form .form-group input[type=\"tel\"],\n        .expression-interest-form .form-group input[type=\"date\"],\n        .expression-interest-form .form-group textarea,\n        .expression-interest-form .form-group select {\n            width: 100%;\n            padding: 12px 15px;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            font-size: 15px;\n            transition: all 0.3s ease;\n            font-family: inherit;\n        }\n\n        .expression-interest-form .form-group input:focus,\n        .expression-interest-form .form-group textarea:focus,\n        .expression-interest-form .form-group select:focus {\n            outline: none;\n            border-color: #CE2123;\n            box-shadow: 0 0 0 3px rgba(206, 33, 35, 0.1);\n        }\n\n        .expression-interest-form .form-group textarea {\n            min-height: 120px;\n            resize: vertical;\n        }\n\n        .expression-interest-form .phone-wrapper {\n            display: flex;\n            gap: 10px;\n            align-items: stretch;\n        }\n\n        .expression-interest-form .phone-wrapper .country-select-wrapper {\n            width: 35%;\n            min-width: 150px;\n        }\n\n        .expression-interest-form .phone-wrapper .phone-input-wrapper {\n            flex: 1;\n        }\n\n        .expression-interest-form .note {\n            font-size: 12px;\n            color: #718096;\n            margin-top: 6px;\n            font-style: italic;\n        }\n\n        .expression-interest-form .checkbox-group {\n            display: flex;\n            align-items: flex-start;\n            gap: 10px;\n            padding: 15px;\n            background: #f7fafc;\n            border-radius: 8px;\n            border: 2px solid #e2e8f0;\n        }\n\n        .expression-interest-form .checkbox-group input[type=\"checkbox\"] {\n            margin-top: 3px;\n            width: 18px;\n            height: 18px;\n            cursor: pointer;\n        }\n\n        .expression-interest-form .checkbox-group label {\n            flex: 1;\n            margin: 0 !important;\n            font-weight: 400 !important;\n            cursor: pointer;\n            line-height: 1.5;\n        }\n\n        .expression-interest-form .terms-box {\n            padding: 20px;\n            background: #f7fafc;\n            border-radius: 8px;\n            border: 2px solid #e2e8f0;\n            margin-bottom: 15px;\n        }\n\n        .expression-interest-form .terms-box p {\n            margin-bottom: 15px;\n            font-weight: 600;\n            color: #2d3748;\n        }\n\n        .expression-interest-form .terms-box ul {\n            list-style: disc;\n            padding-left: 25px;\n            color: #4a5568;\n            line-height: 1.8;\n        }\n\n        .expression-interest-form .terms-box ul li {\n            margin-bottom: 10px;\n        }\n\n        .expression-interest-form .terms-box .note-text {\n            margin-top: 15px;\n            font-size: 13px;\n            color: #718096;\n            font-style: italic;\n        }\n\n        .expression-interest-form .button-form {\n            width: 100%;\n            padding: 16px;\n            background: linear-gradient(135deg, #CE2123 0%, #a01819 100%);\n            color: white;\n            border: none;\n            border-radius: 8px;\n            font-size: 16px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            margin-top: 30px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        .expression-interest-form .button-form:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 25px rgba(206, 33, 35, 0.4);\n        }\n\n        .expression-interest-form .button-form:active {\n            transform: translateY(0);\n        }\n\n        .expression-interest-form .button-form:disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .expression-interest-form .select2-container--default .select2-selection--single .select2-selection__rendered {\n            line-height: 26px;\n            padding-left: 10px;\n        }\n\n        .expression-interest-form .select2-container--default .select2-selection--single .select2-selection__arrow {\n            height: 44px;\n        }\n\n        .expression-interest-form .select2-container--default .select2-results__option {\n            padding: 8px;\n        }\n\n        .expression-interest-form .select2-container--default .select2-results__option--highlighted {\n            background-color: #CE2123 !important;\n        }\n\n        .expression-interest-form .select2-container--default.select2-container--focus .select2-selection--single {\n            border-color: #CE2123;\n        }\n\n        .expression-interest-form input.select2-search__field {\n            text-align: left;\n        }\n\n        @media (max-width: 768px) {\n            .expression-interest-form .container-phone {\n                padding: 25px;\n            }\n\n            .expression-interest-form .form-header h1 {\n                font-size: 22px;\n            }\n\n            .expression-interest-form .form-header h2 {\n                font-size: 16px;\n            }\n\n            .expression-interest-form .phone-wrapper {\n                flex-direction: column;\n            }\n\n            .expression-interest-form .phone-wrapper .country-select-wrapper {\n                width: 100%;\n            }\n        }\n    <\/style>\n\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/select2\/4.0.13\/css\/select2.min.css\" rel=\"stylesheet\" \/>\n\n    <div class=\"expression-interest-form\">\n        <div class=\"container-phone\">\n            <div class=\"form-header\">\n                <h1>Expression of Interest Form<\/h1>\n                <h2>Nomination of Key Decision Maker from UK Universities<\/h2>\n                <p>UK Universities are invited to nominate a key decision maker to participate in a professional advisory session with Saudi institutions. Please complete the form below.<\/p>\n            <\/div>\n\n            <form id=\"eoi-nomination-form\" method=\"POST\" action=\"\">\n                <!-- University Information Section -->\n                <div class=\"section-title\">\n                    <span>\ud83c\udfdb\ufe0f<\/span> University Information\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_university_name\">University Name <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" id=\"eoi_university_name\" name=\"university_name\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_university_address\">University Address <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" id=\"eoi_university_address\" name=\"university_address\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_contact_person\">Contact Person (for correspondence) <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" id=\"eoi_contact_person\" name=\"contact_person\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_contact_email\">Contact Email <span class=\"required\">*<\/span><\/label>\n                    <input type=\"email\" id=\"eoi_contact_email\" name=\"contact_email\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_contact_telephone\">Contact Telephone <span class=\"required\">*<\/span><\/label>\n                    <div class=\"phone-wrapper\">\n                        <div class=\"country-select-wrapper\">\n                            <select id=\"eoi-contact-country-selector\" class=\"country-selector\"><\/select>\n                        <\/div>\n                        <div class=\"phone-input-wrapper\">\n                            <input type=\"tel\" id=\"eoi_contact_telephone\" name=\"contact_telephone\" placeholder=\"Enter local number only\" required>\n                        <\/div>\n                    <\/div>\n                    <div class=\"note\">Enter the number without country code (example will update by country).<\/div>\n                <\/div>\n\n                <!-- Nominee Details Section -->\n                <div class=\"section-title\">\n                    <span>\ud83d\udc64<\/span> Nominee Details\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_nominee_full_name\">Full Name <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" id=\"eoi_nominee_full_name\" name=\"nominee_full_name\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_nominee_position\">Position\/Title <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" id=\"eoi_nominee_position\" name=\"nominee_position\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_nominee_department\">Department\/Faculty <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" id=\"eoi_nominee_department\" name=\"nominee_department\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_nominee_email\">Email Address <span class=\"required\">*<\/span><\/label>\n                    <input type=\"email\" id=\"eoi_nominee_email\" name=\"nominee_email\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_nominee_telephone\">Direct Telephone <span class=\"required\">*<\/span><\/label>\n                    <div class=\"phone-wrapper\">\n                        <div class=\"country-select-wrapper\">\n                            <select id=\"eoi-nominee-country-selector\" class=\"country-selector\"><\/select>\n                        <\/div>\n                        <div class=\"phone-input-wrapper\">\n                            <input type=\"tel\" id=\"eoi_nominee_telephone\" name=\"nominee_telephone\" placeholder=\"Enter local number only\" required>\n                        <\/div>\n                    <\/div>\n                    <div class=\"note\">Enter the number without country code.<\/div>\n                <\/div>\n\n                <!-- Rationale Section -->\n                <div class=\"section-title\">\n                    <span>\ud83d\udcdd<\/span> Rationale for Nomination\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_rationale\">Please provide a brief statement outlining the nominee's suitability and expertise <span class=\"required\">*<\/span><\/label>\n                    <textarea id=\"eoi_rationale\" name=\"rationale\" placeholder=\"Explain why this nominee is suitable for the professional advisory session and how their attendance will benefit the collaboration with Saudi institutions...\" required><\/textarea>\n                <\/div>\n\n                <!-- Availability Section -->\n                <div class=\"section-title\">\n                    <span>\ud83d\udcc5<\/span> Availability\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_availability\">Please indicate the nominee's availability <span class=\"required\">*<\/span><\/label>\n                    <textarea id=\"eoi_availability\" name=\"availability\" placeholder=\"Include preferred dates\/times if known...\" required><\/textarea>\n                <\/div>\n\n                <!-- Additional Comments Section -->\n                <div class=\"section-title\">\n                    <span>\ud83d\udcac<\/span> Additional Comments\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_additional_comments\">If there are any additional comments or information relevant to this nomination<\/label>\n                    <textarea id=\"eoi_additional_comments\" name=\"additional_comments\" placeholder=\"Optional additional information...\"><\/textarea>\n                <\/div>\n\n                <!-- Terms and Conditions Section -->\n                <div class=\"section-title\">\n                    <span>\ud83d\udccb<\/span> Terms and Conditions\n                <\/div>\n\n                <div class=\"form-group\">\n                    <div class=\"terms-box\">\n                        <p>By submitting this nomination, the Partner confirms:<\/p>\n                        <ul>\n                            <li>UKuni has facilitated this introduction and retains recognition as the introducer for any opportunities arising from this engagement.<\/li>\n                            <li>For a period of 12 months from the date of introduction, any subsequent discussions or collaborations between the Partner and the nominated Saudi institutions will be coordinated through UKuni.<\/li>\n                            <li>Both parties agree that any commercial arrangements arising from this engagement will reflect the nature of UKuni's role in originating and facilitating the relationship.<\/li>\n                            <li>Both parties agree to maintain the confidentiality of leads, discussions, and strategic information shared during the advisory session.<\/li>\n                            <li>Neither party will bypass or circumvent the other's role without prior written agreement.<\/li>\n                        <\/ul>\n                        <p class=\"note-text\">\n                            <strong>Note:<\/strong> These terms are a summary of the collaboration principles. A full Memorandum of Understanding (MOU) is available for review should the Partner wish to pursue broader engagement.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"checkbox-group\">\n                        <input type=\"checkbox\" id=\"eoi_terms_agreement\" name=\"terms_agreement\" required>\n                        <label for=\"eoi_terms_agreement\">\n                            I confirm that I have read and agree to the above terms and conditions on behalf of the university.\n                        <\/label>\n                    <\/div>\n                <\/div>\n\n                <!-- Declaration Section -->\n                <div class=\"section-title\">\n                    <span>\u2713<\/span> Declaration\n                <\/div>\n\n                <div class=\"form-group\">\n                    <div class=\"checkbox-group\">\n                        <input type=\"checkbox\" id=\"eoi_declaration\" name=\"declaration\" required>\n                        <label for=\"eoi_declaration\">\n                            I confirm that the information provided is accurate and that the nominee has agreed to participate in the professional advisory session.\n                        <\/label>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_submitter_name\">Name of person submitting the form <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" id=\"eoi_submitter_name\" name=\"submitter_name\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_submitter_position\">Position\/Title <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" id=\"eoi_submitter_position\" name=\"submitter_position\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"eoi_submission_date\">Date <span class=\"required\">*<\/span><\/label>\n                    <input type=\"date\" id=\"eoi_submission_date\" name=\"submission_date\" required>\n                <\/div>\n\n                <button class=\"button-form\" type=\"submit\">Submit Nomination<\/button>\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n        <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/select2\/4.0.13\/js\/select2.min.js\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\n    <script src=\"https:\/\/unpkg.com\/libphonenumber-js@1.10.51\/bundle\/libphonenumber-min.js\"><\/script>\n\n    <script>\n    (function() {\n        if (typeof window.eoiFormInitialized !== 'undefined') {\n            return;\n        }\n        window.eoiFormInitialized = true;\n\n        const countries = [\n            { code: 'GB', name: 'United Kingdom', flag: '\ud83c\uddec\ud83c\udde7', dialCode: '+44', example: '7400123456' },\n            { code: 'SA', name: 'Saudi Arabia', flag: '\ud83c\uddf8\ud83c\udde6', dialCode: '+966', example: '501234567' },\n            { code: 'US', name: 'United States', flag: '\ud83c\uddfa\ud83c\uddf8', dialCode: '+1', example: '2025551234' },\n            { code: 'AE', name: 'United Arab Emirates', flag: '\ud83c\udde6\ud83c\uddea', dialCode: '+971', example: '501234567' },\n            { code: 'CA', name: 'Canada', flag: '\ud83c\udde8\ud83c\udde6', dialCode: '+1', example: '4165551234' },\n            { code: 'AU', name: 'Australia', flag: '\ud83c\udde6\ud83c\uddfa', dialCode: '+61', example: '412345678' },\n            { code: 'DE', name: 'Germany', flag: '\ud83c\udde9\ud83c\uddea', dialCode: '+49', example: '15123456789' },\n            { code: 'FR', name: 'France', flag: '\ud83c\uddeb\ud83c\uddf7', dialCode: '+33', example: '612345678' },\n            { code: 'EG', name: 'Egypt', flag: '\ud83c\uddea\ud83c\uddec', dialCode: '+20', example: '1001234567' },\n            { code: 'KW', name: 'Kuwait', flag: '\ud83c\uddf0\ud83c\uddfc', dialCode: '+965', example: '99887766' },\n            { code: 'QA', name: 'Qatar', flag: '\ud83c\uddf6\ud83c\udde6', dialCode: '+974', example: '33123456' },\n            { code: 'OM', name: 'Oman', flag: '\ud83c\uddf4\ud83c\uddf2', dialCode: '+968', example: '92123456' },\n            { code: 'BH', name: 'Bahrain', flag: '\ud83c\udde7\ud83c\udded', dialCode: '+973', example: '33001122' },\n            { code: 'JO', name: 'Jordan', flag: '\ud83c\uddef\ud83c\uddf4', dialCode: '+962', example: '791234567' },\n            { code: 'IQ', name: 'Iraq', flag: '\ud83c\uddee\ud83c\uddf6', dialCode: '+964', example: '7901234567' },\n            { code: 'PK', name: 'Pakistan', flag: '\ud83c\uddf5\ud83c\uddf0', dialCode: '+92', example: '3001234567' },\n            { code: 'IN', name: 'India', flag: '\ud83c\uddee\ud83c\uddf3', dialCode: '+91', example: '9876543210' }\n        ];\n\n        document.addEventListener('DOMContentLoaded', function() {\n            const contactCountrySelect = document.getElementById('eoi-contact-country-selector');\n            const nomineeCountrySelect = document.getElementById('eoi-nominee-country-selector');\n\n            if (!contactCountrySelect || !nomineeCountrySelect) return;\n\n            contactCountrySelect.innerHTML = '';\n            nomineeCountrySelect.innerHTML = '';\n\n            countries.forEach(function(c) {\n                const opt1 = document.createElement('option');\n                opt1.value = c.code;\n                opt1.textContent = c.flag + ' ' + c.dialCode;\n                opt1.setAttribute('data-dial-code', c.dialCode);\n                opt1.setAttribute('data-example', c.example);\n                opt1.setAttribute('data-country-name', c.name);\n                if (c.code === 'GB') opt1.selected = true;\n                contactCountrySelect.appendChild(opt1);\n\n                const opt2 = document.createElement('option');\n                opt2.value = c.code;\n                opt2.textContent = c.flag + ' ' + c.dialCode;\n                opt2.setAttribute('data-dial-code', c.dialCode);\n                opt2.setAttribute('data-example', c.example);\n                opt2.setAttribute('data-country-name', c.name);\n                if (c.code === 'GB') opt2.selected = true;\n                nomineeCountrySelect.appendChild(opt2);\n            });\n\n            const contactPhoneField = document.getElementById('eoi_contact_telephone');\n            const nomineePhoneField = document.getElementById('eoi_nominee_telephone');\n\n            function setExample(selector, field) {\n                if (!selector || !field) return;\n                const sel = selector.options[selector.selectedIndex];\n                if (sel && sel.getAttribute('data-example')) {\n                    field.placeholder = 'Example: ' + sel.getAttribute('data-example');\n                } else {\n                    field.placeholder = 'Example: 7400123456';\n                }\n            }\n\n            setExample(contactCountrySelect, contactPhoneField);\n            setExample(nomineeCountrySelect, nomineePhoneField);\n\n            contactCountrySelect.addEventListener('change', function() {\n                setExample(contactCountrySelect, contactPhoneField);\n            });\n            nomineeCountrySelect.addEventListener('change', function() {\n                setExample(nomineeCountrySelect, nomineePhoneField);\n            });\n\n            const submissionDateField = document.getElementById('eoi_submission_date');\n            if (submissionDateField) {\n                submissionDateField.valueAsDate = new Date();\n            }\n\n            jQuery(document).ready(function($) {\n                if ($('#eoi-contact-country-selector').length) {\n                    $('#eoi-contact-country-selector').select2({\n                        placeholder: \"Select country\",\n                        width: '100%',\n                        allowClear: false,\n                        matcher: function(params, data) {\n                            if ($.trim(params.term) === '') return data;\n                            if (typeof data.text === 'undefined') return null;\n                            const term = params.term.toLowerCase();\n                            const text = data.text.toLowerCase();\n                            const countryName = data.element ? (data.element.getAttribute('data-country-name') || '').toLowerCase() : '';\n                            if (text.indexOf(term) > -1 || countryName.indexOf(term) > -1) return data;\n                            return null;\n                        }\n                    });\n\n                    $('#eoi-contact-country-selector').on('select2:select', function() {\n                        setExample(contactCountrySelect, contactPhoneField);\n                    });\n                }\n\n                if ($('#eoi-nominee-country-selector').length) {\n                    $('#eoi-nominee-country-selector').select2({\n                        placeholder: \"Select country\",\n                        width: '100%',\n                        allowClear: false,\n                        matcher: function(params, data) {\n                            if ($.trim(params.term) === '') return data;\n                            if (typeof data.text === 'undefined') return null;\n                            const term = params.term.toLowerCase();\n                            const text = data.text.toLowerCase();\n                            const countryName = data.element ? (data.element.getAttribute('data-country-name') || '').toLowerCase() : '';\n                            if (text.indexOf(term) > -1 || countryName.indexOf(term) > -1) return data;\n                            return null;\n                        }\n                    });\n\n                    $('#eoi-nominee-country-selector').on('select2:select', function() {\n                        setExample(nomineeCountrySelect, nomineePhoneField);\n                    });\n                }\n            });\n\n            function validatePhone(rawPhone, countrySelector) {\n                if (!rawPhone) {\n                    return { valid: false, error: 'Phone number is required' };\n                }\n\n                const countryCode = countrySelector.value;\n                let validated = null;\n\n                try {\n                    let parsed = libphonenumber.parsePhoneNumberFromString(rawPhone, countryCode);\n\n                    if (parsed && parsed.isValid()) {\n                        validated = parsed.format('E.164');\n                    } else {\n                        const selectedOpt = countrySelector.options[countrySelector.selectedIndex];\n                        const dialCode = selectedOpt ? selectedOpt.getAttribute('data-dial-code') : '';\n                        const cleanNumber = rawPhone.replace(\/^0+\/, '').replace(\/\\D\/g, '');\n                        const fullNumber = dialCode + cleanNumber;\n\n                        parsed = libphonenumber.parsePhoneNumberFromString(fullNumber);\n\n                        if (parsed && parsed.isValid()) {\n                            validated = parsed.format('E.164');\n                        }\n                    }\n                } catch (error) {\n                    console.warn('Phone parsing error:', error);\n                }\n\n                if (!validated) {\n                    const selectedOpt = countrySelector.options[countrySelector.selectedIndex];\n                    const dialCode = selectedOpt ? selectedOpt.getAttribute('data-dial-code') : '';\n                    const example = selectedOpt ? selectedOpt.getAttribute('data-example') : '';\n                    return {\n                        valid: false,\n                        error: 'Enter the <b>local number only<\/b> \u2014 do <b>not<\/b> type the country code <b>' + dialCode + '<\/b>.<br><br>Example: <code>' + example + '<\/code>'\n                    };\n                }\n\n                return { valid: true, number: validated.replace(\/\\s\/g, '') };\n            }\n\n            const formEl = document.getElementById('eoi-nomination-form');\n            if (!formEl) return;\n\n            formEl.addEventListener('submit', async function(event) {\n                event.preventDefault();\n                const submitButton = formEl.querySelector('.button-form');\n                if (!submitButton) return;\n\n                const originalButtonText = submitButton.textContent;\n                submitButton.disabled = true;\n                submitButton.textContent = 'Submitting...';\n\n                try {\n                    const contactPhoneResult = validatePhone(\n                        (document.getElementById('eoi_contact_telephone').value || '').trim(),\n                        document.getElementById('eoi-contact-country-selector')\n                    );\n\n                    if (!contactPhoneResult.valid) {\n                        Swal.fire({\n                            icon: 'error',\n                            title: 'Invalid Contact Phone Number',\n                            html: contactPhoneResult.error,\n                            confirmButtonColor: '#CE2123'\n                        });\n                        submitButton.disabled = false;\n                        submitButton.textContent = originalButtonText;\n                        return;\n                    }\n\n                    const nomineePhoneResult = validatePhone(\n                        (document.getElementById('eoi_nominee_telephone').value || '').trim(),\n                        document.getElementById('eoi-nominee-country-selector')\n                    );\n\n                    if (!nomineePhoneResult.valid) {\n                        Swal.fire({\n                            icon: 'error',\n                            title: 'Invalid Nominee Phone Number',\n                            html: nomineePhoneResult.error,\n                            confirmButtonColor: '#CE2123'\n                        });\n                        submitButton.disabled = false;\n                        submitButton.textContent = originalButtonText;\n                        return;\n                    }\n\n                    const formData = {\n                        university_name: document.getElementById('eoi_university_name').value,\n                        university_address: document.getElementById('eoi_university_address').value,\n                        contact_person: document.getElementById('eoi_contact_person').value,\n                        contact_email: document.getElementById('eoi_contact_email').value,\n                        contact_telephone: contactPhoneResult.number,\n                        nominee_full_name: document.getElementById('eoi_nominee_full_name').value,\n                        nominee_position: document.getElementById('eoi_nominee_position').value,\n                        nominee_department: document.getElementById('eoi_nominee_department').value,\n                        nominee_email: document.getElementById('eoi_nominee_email').value,\n                        nominee_telephone: nomineePhoneResult.number,\n                        rationale: document.getElementById('eoi_rationale').value,\n                        availability: document.getElementById('eoi_availability').value,\n                        additional_comments: document.getElementById('eoi_additional_comments').value,\n                        terms_agreement: document.getElementById('eoi_terms_agreement').checked,\n                        declaration_agreed: document.getElementById('eoi_declaration').checked,\n                        submitter_name: document.getElementById('eoi_submitter_name').value,\n                        submitter_position: document.getElementById('eoi_submitter_position').value,\n                        submission_date: document.getElementById('eoi_submission_date').value\n                    };\n\n                    console.log('\ud83d\udce4 Form Data:', formData);\n\n                    try {\n                        localStorage.setItem('eoiFormData', JSON.stringify(formData));\n                    } catch (e) {\n                        console.warn('localStorage failed', e);\n                    }\n\n                    const response = await fetch('https:\/\/hook.eu1.make.com\/esr6v2cc2f44v21fwkgvwr1d286w05ni', {\n                        method: 'POST',\n                        headers: {\n                            'Accept': 'application\/json',\n                            'Content-Type': 'application\/json'\n                        },\n                        body: JSON.stringify(formData)\n                    });\n\n                    if (!response.ok) {\n                        throw new Error('HTTP error! status: ' + response.status);\n                    }\n\n                    const data = await response.text();\n                    console.log('\u2705 Response:', data);\n\n                    Swal.fire({\n                        icon: 'success',\n                        title: 'Nomination Submitted!',\n                        text: 'Thank you for your nomination. We will contact you shortly.',\n                        confirmButtonColor: '#CE2123'\n                    }).then(function() {\n                        formEl.reset();\n                        if (document.getElementById('eoi_submission_date')) {\n                            document.getElementById('eoi_submission_date').valueAsDate = new Date();\n                        }\n                        jQuery('#eoi-contact-country-selector, #eoi-nominee-country-selector').val('GB').trigger('change');\n                    });\n\n                } catch (error) {\n                    console.error('\u274c Error:', error);\n                    Swal.fire({\n                        icon: 'error',\n                        title: 'Submission Failed',\n                        text: 'An error occurred while submitting the form. Please try again later.',\n                        confirmButtonColor: '#e53e3e'\n                    });\n                } finally {\n                    submitButton.disabled = false;\n                    submitButton.textContent = originalButtonText;\n                }\n            });\n        });\n    })();\n    <\/script>\n\n    \n\n\n\n<br\/>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1578","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/pages\/1578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/comments?post=1578"}],"version-history":[{"count":4,"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/pages\/1578\/revisions"}],"predecessor-version":[{"id":1610,"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/pages\/1578\/revisions\/1610"}],"wp:attachment":[{"href":"https:\/\/ukuni.org\/ar\/wp-json\/wp\/v2\/media?parent=1578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}