{"id":476,"date":"2025-11-06T08:54:53","date_gmt":"2025-11-06T08:54:53","guid":{"rendered":"https:\/\/biosat.msu.ac.th\/2025\/?page_id=476"},"modified":"2025-11-14T13:29:34","modified_gmt":"2025-11-14T13:29:34","slug":"476-2","status":"publish","type":"page","link":"https:\/\/biosat.msu.ac.th\/2025\/?page_id=476","title":{"rendered":"Registration Session 1-7"},"content":{"rendered":"<div id=\"tdi_1_48a\" class=\"tdc-zone\"><div class=\"tdc_zone tdi_2_a4a  wpb_row td-pb-row\"  >\n<style scoped>\n\n\/* custom css *\/\n.tdi_2_a4a{\r\n                    min-height: 0;\r\n                }\n<\/style><div id=\"tdi_3_c2e\" class=\"tdc-row\"><div class=\"vc_row tdi_4_286  wpb_row td-pb-row\" >\n<style scoped>\n\n\/* custom css *\/\n.tdi_4_286{\r\n                    min-height: 0;\r\n                }.tdi_4_286,\r\n\t\t\t\t.tdi_4_286 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_4_286 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column tdi_6_688  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\n\/* custom css *\/\n.tdi_6_688{\r\n                    vertical-align: baseline;\r\n                }.tdi_6_688 .wpb_wrapper,\r\n\t\t\t\t.tdi_6_688 .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_6_688 .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_6_688 .wpb_wrapper{\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\"><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_8_ea8 \"><div class=\"td-fix-index\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>BioSat2026 Registration Form<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        body {\n            box-sizing: border-box;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #6aaa4f 0%, #2e9a66 25%, #008775 50%, #007278 75%, #165d6e 100%);\n        }\n        \n        .form-section {\n            transition: all 0.3s ease;\n        }\n        \n        .form-section:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n        }\n        \n        .input-focus:focus {\n            border-color: #2e9a66;\n            box-shadow: 0 0 0 3px rgba(46, 154, 102, 0.1);\n        }\n        \n        .section-header {\n            background: linear-gradient(90deg, #6aaa4f, #2e9a66);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n        \n        .payment-upload-area {\n            transition: all 0.3s ease;\n        }\n        \n        .payment-upload-area.drag-over {\n            border-color: #2e9a66 !important;\n            background-color: #f0f9ff !important;\n            transform: scale(1.02);\n        }\n        \n        @media (max-width: 768px) {\n            .form-container {\n                padding: 1rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-50 min-h-full\">\n    <div class=\"min-h-full\">\n        <!-- Header -->\n        <div class=\"gradient-bg text-white py-12 mb-8\">\n            <div class=\"max-w-4xl mx-auto px-6 text-center\">\n                <h1 class=\"text-4xl md:text-5xl font-bold mb-4\">BioSat2026<\/h1>\n                <h2 class=\"text-xl md:text-2xl font-semibold mb-2\">International Conference on Biodiversity, Science and Technology<\/h2>\n                <p class=\"text-lg mb-6\">\"The BCG Model for Sustainability and Community Development\"<\/p>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 text-sm md:text-base\">\n                    <div class=\"flex items-center justify-center\">\n                        <span class=\"mr-2\"><\/span>\n                        <span>January 15-16, 2026<\/span>\n                    <\/div>\n                    <div class=\"flex items-center justify-center\">\n                        <span class=\"mr-2\"><\/span>\n                        <span>Avani Khon Kaen Hotel & Convention Centre, Khon Kaen, Thailand<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Registration Portal -->\n        <div class=\"max-w-4xl mx-auto px-6 mb-8\">\n            <div class=\"bg-white rounded-xl shadow-lg p-8\">\n                <h2 class=\"text-3xl font-bold text-center mb-8 section-header\">Registration Portal<\/h2>\n                \n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n                    <div class=\"text-center p-6 bg-green-50 rounded-lg\">\n                        <div class=\"w-16 h-16 bg-green-600 rounded-full flex items-center justify-center mx-auto mb-4\">\n                            <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"text-lg font-semibold text-green-800 mb-2\">Registration Process<\/h3>\n                        <p class=\"text-sm text-green-700\">Complete this comprehensive registration form to secure your participation<\/p>\n                    <\/div>\n                    \n                    <div class=\"text-center p-6 bg-green-50 rounded-lg\">\n                        <div class=\"w-16 h-16 bg-green-600 rounded-full flex items-center justify-center mx-auto mb-4\">\n                            <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"text-lg font-semibold text-green-800 mb-2\">Paper Submission<\/h3>\n                        <p class=\"text-sm text-green-700\">Submit research papers separately through Microsoft CMT platform<\/p>\n                    <\/div>\n                    \n                    <div class=\"text-center p-6 bg-green-50 rounded-lg\">\n                        <div class=\"w-16 h-16 bg-green-600 rounded-full flex items-center justify-center mx-auto mb-4\">\n                            <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"text-lg font-semibold text-green-800 mb-2\">Payment Confirmation<\/h3>\n                        <p class=\"text-sm text-green-700\">Upload payment verification and receive official confirmation<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"bg-green-50 border-l-4 border-green-400 p-6 rounded-r-lg\">\n                    <div class=\"flex items-start\">\n                        <div class=\"flex-shrink-0\">\n                            <svg class=\"h-5 w-5 text-green-400 mt-0.5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"ml-3\">\n                            <h3 class=\"text-sm font-medium text-green-800\">Important Notice<\/h3>\n                            <div class=\"mt-2 text-sm text-green-700\">\n                                <p>This registration is for Sessions 1-7 only. Please ensure all information is accurate and complete. This data will be used for certificate generation, conference materials, and official correspondence.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Form Container -->\n        <div class=\"max-w-4xl mx-auto form-container px-6\">\n            <form id=\"registrationForm\" class=\"space-y-8\">\n\n                <!-- Section 1: Personal Information -->\n                <div class=\"form-section bg-white rounded-xl shadow-lg p-8\">\n                    <h2 class=\"section-header text-2xl font-bold mb-6 flex items-center\">\n                        <span class=\"bg-gradient-to-r from-green-600 to-green-700 text-white rounded-full w-8 h-8 flex items-center justify-center text-sm mr-3\">1<\/span>\n                        Personal Information\n                    <\/h2>\n                    \n                    <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-6\">\n                        <div>\n                            <label for=\"firstName\" class=\"block text-sm font-semibold text-gray-700 mb-2\">First Name *<\/label>\n                            <input type=\"text\" id=\"firstName\" name=\"firstName\" required class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"Enter your first name\">\n                        <\/div>\n                        <div>\n                            <label for=\"middleName\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Middle Name<\/label>\n                            <input type=\"text\" id=\"middleName\" name=\"middleName\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"Enter your middle name\">\n                        <\/div>\n                        <div>\n                            <label for=\"lastName\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Last Name *<\/label>\n                            <input type=\"text\" id=\"lastName\" name=\"lastName\" required class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"Enter your last name\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\n                        <div>\n                            <label for=\"title\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Title *<\/label>\n                            <select id=\"title\" name=\"title\" required class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\">\n                                <option value=\"\">Select your title<\/option>\n                                <option value=\"Mr.\">Mr.<\/option>\n                                <option value=\"Mrs.\">Mrs.<\/option>\n                                <option value=\"Miss\">Miss<\/option>\n                                <option value=\"Ms.\">Ms.<\/option>\n                            <\/select>\n                        <\/div>\n                        <div>\n                            <label for=\"position\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Professional Position *<\/label>\n                            <select id=\"position\" name=\"position\" required class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" onchange=\"toggleOtherPosition()\">\n                                <option value=\"\">Select your position<\/option>\n                                <option value=\"Professor\">Professor<\/option>\n                                <option value=\"Associate Professor\">Associate Professor<\/option>\n                                <option value=\"Assistant Professor\">Assistant Professor<\/option>\n                                <option value=\"Lecturer\">Lecturer<\/option>\n                                <option value=\"PhD Student\">PhD Student<\/option>\n                                <option value=\"Master's Student\">Master's Student<\/option>\n                                <option value=\"Undergraduate Student\">Undergraduate Student<\/option>\n                                <option value=\"Other\">Other<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"otherPositionDiv\" class=\"mb-6 hidden\">\n                        <label for=\"otherPosition\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Please specify your position *<\/label>\n                        <input type=\"text\" id=\"otherPosition\" name=\"otherPosition\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"Please specify your professional position\">\n                    <\/div>\n\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\n                        <div>\n                            <label for=\"faculty\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Faculty\/Department *<\/label>\n                            <input type=\"text\" id=\"faculty\" name=\"faculty\" required class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"Faculty, department, or division\">\n                        <\/div>\n                        <div>\n                            <label for=\"institution\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Institutional Affiliation *<\/label>\n                            <input type=\"text\" id=\"institution\" name=\"institution\" required class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"Full name of your organization\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                        <div>\n                            <label for=\"country\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Country *<\/label>\n                            <select id=\"country\" name=\"country\" required class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\">\n                                <option value=\"\">Select your country<\/option>\n                                <option value=\"Afghanistan\">Afghanistan<\/option>\n                                <option value=\"Albania\">Albania<\/option>\n                                <option value=\"Algeria\">Algeria<\/option>\n                                <option value=\"American Samoa\">American Samoa<\/option>\n                                <option value=\"Andorra\">Andorra<\/option>\n                                <option value=\"Angola\">Angola<\/option>\n                                <option value=\"Anguilla\">Anguilla<\/option>\n                                <option value=\"Antigua and Barbuda\">Antigua and Barbuda<\/option>\n                                <option value=\"Argentina\">Argentina<\/option>\n                                <option value=\"Armenia\">Armenia<\/option>\n                                <option value=\"Aruba\">Aruba<\/option>\n                                <option value=\"Australia\">Australia<\/option>\n                                <option value=\"Austria\">Austria<\/option>\n                                <option value=\"Azerbaijan\">Azerbaijan<\/option>\n                                <option value=\"Bahamas\">Bahamas<\/option>\n                                <option value=\"Bahrain\">Bahrain<\/option>\n                                <option value=\"Bangladesh\">Bangladesh<\/option>\n                                <option value=\"Barbados\">Barbados<\/option>\n                                <option value=\"Belarus\">Belarus<\/option>\n                                <option value=\"Belgium\">Belgium<\/option>\n                                <option value=\"Belize\">Belize<\/option>\n                                <option value=\"Benin\">Benin<\/option>\n                                <option value=\"Bermuda\">Bermuda<\/option>\n                                <option value=\"Bhutan\">Bhutan<\/option>\n                                <option value=\"Bolivia\">Bolivia<\/option>\n                                <option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina<\/option>\n                                <option value=\"Botswana\">Botswana<\/option>\n                                <option value=\"Brazil\">Brazil<\/option>\n                                <option value=\"British Virgin Islands\">British Virgin Islands<\/option>\n                                <option value=\"Brunei\">Brunei<\/option>\n                                <option value=\"Bulgaria\">Bulgaria<\/option>\n                                <option value=\"Burkina Faso\">Burkina Faso<\/option>\n                                <option value=\"Burundi\">Burundi<\/option>\n                                <option value=\"Cambodia\">Cambodia<\/option>\n                                <option value=\"Cameroon\">Cameroon<\/option>\n                                <option value=\"Canada\">Canada<\/option>\n                                <option value=\"Cape Verde\">Cape Verde<\/option>\n                                <option value=\"Cayman Islands\">Cayman Islands<\/option>\n                                <option value=\"Central African Republic\">Central African Republic<\/option>\n                                <option value=\"Chad\">Chad<\/option>\n                                <option value=\"Chile\">Chile<\/option>\n                                <option value=\"China\">China<\/option>\n                                <option value=\"Colombia\">Colombia<\/option>\n                                <option value=\"Comoros\">Comoros<\/option>\n                                <option value=\"Cook Islands\">Cook Islands<\/option>\n                                <option value=\"Costa Rica\">Costa Rica<\/option>\n                                <option value=\"Croatia\">Croatia<\/option>\n                                <option value=\"Cuba\">Cuba<\/option>\n                                <option value=\"Curacao\">Curacao<\/option>\n                                <option value=\"Cyprus\">Cyprus<\/option>\n                                <option value=\"Czech Republic\">Czech Republic<\/option>\n                                <option value=\"Denmark\">Denmark<\/option>\n                                <option value=\"Djibouti\">Djibouti<\/option>\n                                <option value=\"Dominica\">Dominica<\/option>\n                                <option value=\"Dominican Republic\">Dominican Republic<\/option>\n                                <option value=\"DR Congo\">DR Congo<\/option>\n                                <option value=\"Ecuador\">Ecuador<\/option>\n                                <option value=\"Egypt\">Egypt<\/option>\n                                <option value=\"El Salvador\">El Salvador<\/option>\n                                <option value=\"Equatorial Guinea\">Equatorial Guinea<\/option>\n                                <option value=\"Eritrea\">Eritrea<\/option>\n                                <option value=\"Estonia\">Estonia<\/option>\n                                <option value=\"Eswatini\">Eswatini<\/option>\n                                <option value=\"Ethiopia\">Ethiopia<\/option>\n                                <option value=\"Falkland Islands\">Falkland Islands<\/option>\n                                <option value=\"Faroe Islands\">Faroe Islands<\/option>\n                                <option value=\"Fiji\">Fiji<\/option>\n                                <option value=\"Finland\">Finland<\/option>\n                                <option value=\"France\">France<\/option>\n                                <option value=\"French Guiana\">French Guiana<\/option>\n                                <option value=\"French Polynesia\">French Polynesia<\/option>\n                                <option value=\"Gabon\">Gabon<\/option>\n                                <option value=\"Gambia\">Gambia<\/option>\n                                <option value=\"Georgia\">Georgia<\/option>\n                                <option value=\"Germany\">Germany<\/option>\n                                <option value=\"Ghana\">Ghana<\/option>\n                                <option value=\"Gibraltar\">Gibraltar<\/option>\n                                <option value=\"Greece\">Greece<\/option>\n                                <option value=\"Greenland\">Greenland<\/option>\n                                <option value=\"Grenada\">Grenada<\/option>\n                                <option value=\"Guadeloupe\">Guadeloupe<\/option>\n                                <option value=\"Guam\">Guam<\/option>\n                                <option value=\"Guatemala\">Guatemala<\/option>\n                                <option value=\"Guernsey\">Guernsey<\/option>\n                                <option value=\"Guinea\">Guinea<\/option>\n                                <option value=\"Guinea-Bissau\">Guinea-Bissau<\/option>\n                                <option value=\"Guyana\">Guyana<\/option>\n                                <option value=\"Haiti\">Haiti<\/option>\n                                <option value=\"Honduras\">Honduras<\/option>\n                                <option value=\"Hong Kong\">Hong Kong<\/option>\n                                <option value=\"Hungary\">Hungary<\/option>\n                                <option value=\"Iceland\">Iceland<\/option>\n                                <option value=\"India\">India<\/option>\n                                <option value=\"Indonesia\">Indonesia<\/option>\n                                <option value=\"Iran\">Iran<\/option>\n                                <option value=\"Iraq\">Iraq<\/option>\n                                <option value=\"Ireland\">Ireland<\/option>\n                                <option value=\"Isle of Man\">Isle of Man<\/option>\n                                <option value=\"Israel\">Israel<\/option>\n                                <option value=\"Italy\">Italy<\/option>\n                                <option value=\"Ivory Coast\">Ivory Coast<\/option>\n                                <option value=\"Jamaica\">Jamaica<\/option>\n                                <option value=\"Japan\">Japan<\/option>\n                                <option value=\"Jersey\">Jersey<\/option>\n                                <option value=\"Jordan\">Jordan<\/option>\n                                <option value=\"Kazakhstan\">Kazakhstan<\/option>\n                                <option value=\"Kenya\">Kenya<\/option>\n                                <option value=\"Kiribati\">Kiribati<\/option>\n                                <option value=\"Kuwait\">Kuwait<\/option>\n                                <option value=\"Kyrgyzstan\">Kyrgyzstan<\/option>\n                                <option value=\"Laos\">Laos<\/option>\n                                <option value=\"Latvia\">Latvia<\/option>\n                                <option value=\"Lebanon\">Lebanon<\/option>\n                                <option value=\"Lesotho\">Lesotho<\/option>\n                                <option value=\"Liberia\">Liberia<\/option>\n                                <option value=\"Libya\">Libya<\/option>\n                                <option value=\"Liechtenstein\">Liechtenstein<\/option>\n                                <option value=\"Lithuania\">Lithuania<\/option>\n                                <option value=\"Luxembourg\">Luxembourg<\/option>\n                                <option value=\"Macau\">Macau<\/option>\n                                <option value=\"Madagascar\">Madagascar<\/option>\n                                <option value=\"Malawi\">Malawi<\/option>\n                                <option value=\"Malaysia\">Malaysia<\/option>\n                                <option value=\"Maldives\">Maldives<\/option>\n                                <option value=\"Mali\">Mali<\/option>\n                                <option value=\"Malta\">Malta<\/option>\n                                <option value=\"Marshall Islands\">Marshall Islands<\/option>\n                                <option value=\"Martinique\">Martinique<\/option>\n                                <option value=\"Mauritania\">Mauritania<\/option>\n                                <option value=\"Mauritius\">Mauritius<\/option>\n                                <option value=\"Mayotte\">Mayotte<\/option>\n                                <option value=\"Mexico\">Mexico<\/option>\n                                <option value=\"Micronesia\">Micronesia<\/option>\n                                <option value=\"Moldova\">Moldova<\/option>\n                                <option value=\"Monaco\">Monaco<\/option>\n                                <option value=\"Mongolia\">Mongolia<\/option>\n                                <option value=\"Montenegro\">Montenegro<\/option>\n                                <option value=\"Montserrat\">Montserrat<\/option>\n                                <option value=\"Morocco\">Morocco<\/option>\n                                <option value=\"Mozambique\">Mozambique<\/option>\n                                <option value=\"Myanmar\">Myanmar<\/option>\n                                <option value=\"Namibia\">Namibia<\/option>\n                                <option value=\"Nauru\">Nauru<\/option>\n                                <option value=\"Nepal\">Nepal<\/option>\n                                <option value=\"Netherlands\">Netherlands<\/option>\n                                <option value=\"New Caledonia\">New Caledonia<\/option>\n                                <option value=\"New Zealand\">New Zealand<\/option>\n                                <option value=\"Nicaragua\">Nicaragua<\/option>\n                                <option value=\"Niger\">Niger<\/option>\n                                <option value=\"Nigeria\">Nigeria<\/option>\n                                <option value=\"Niue\">Niue<\/option>\n                                <option value=\"North Korea\">North Korea<\/option>\n                                <option value=\"North Macedonia\">North Macedonia<\/option>\n                                <option value=\"Northern Mariana Islands\">Northern Mariana Islands<\/option>\n                                <option value=\"Norway\">Norway<\/option>\n                                <option value=\"Oman\">Oman<\/option>\n                                <option value=\"Pakistan\">Pakistan<\/option>\n                                <option value=\"Palau\">Palau<\/option>\n                                <option value=\"Palestine\">Palestine<\/option>\n                                <option value=\"Panama\">Panama<\/option>\n                                <option value=\"Papua New Guinea\">Papua New Guinea<\/option>\n                                <option value=\"Paraguay\">Paraguay<\/option>\n                                <option value=\"Peru\">Peru<\/option>\n                                <option value=\"Philippines\">Philippines<\/option>\n                                <option value=\"Poland\">Poland<\/option>\n                                <option value=\"Portugal\">Portugal<\/option>\n                                <option value=\"Puerto Rico\">Puerto Rico<\/option>\n                                <option value=\"Qatar\">Qatar<\/option>\n                                <option value=\"Republic of the Congo\">Republic of the Congo<\/option>\n                                <option value=\"Reunion\">Reunion<\/option>\n                                <option value=\"Romania\">Romania<\/option>\n                                <option value=\"Russia\">Russia<\/option>\n                                <option value=\"Rwanda\">Rwanda<\/option>\n                                <option value=\"Saint Barthelemy\">Saint Barthelemy<\/option>\n                                <option value=\"Saint Kitts and Nevis\">Saint Kitts and Nevis<\/option>\n                                <option value=\"Saint Lucia\">Saint Lucia<\/option>\n                                <option value=\"Saint Martin\">Saint Martin<\/option>\n                                <option value=\"Saint Pierre and Miquelon\">Saint Pierre and Miquelon<\/option>\n                                <option value=\"Saint Vincent and the Grenadines\">Saint Vincent and the Grenadines<\/option>\n                                <option value=\"Samoa\">Samoa<\/option>\n                                <option value=\"San Marino\">San Marino<\/option>\n                                <option value=\"Sao Tome and Principe\">Sao Tome and Principe<\/option>\n                                <option value=\"Saudi Arabia\">Saudi Arabia<\/option>\n                                <option value=\"Senegal\">Senegal<\/option>\n                                <option value=\"Serbia\">Serbia<\/option>\n                                <option value=\"Seychelles\">Seychelles<\/option>\n                                <option value=\"Sierra Leone\">Sierra Leone<\/option>\n                                <option value=\"Singapore\">Singapore<\/option>\n                                <option value=\"Sint Maarten\">Sint Maarten<\/option>\n                                <option value=\"Slovakia\">Slovakia<\/option>\n                                <option value=\"Slovenia\">Slovenia<\/option>\n                                <option value=\"Solomon Islands\">Solomon Islands<\/option>\n                                <option value=\"Somalia\">Somalia<\/option>\n                                <option value=\"South Africa\">South Africa<\/option>\n                                <option value=\"South Korea\">South Korea<\/option>\n                                <option value=\"South Sudan\">South Sudan<\/option>\n                                <option value=\"Spain\">Spain<\/option>\n                                <option value=\"Sri Lanka\">Sri Lanka<\/option>\n                                <option value=\"Sudan\">Sudan<\/option>\n                                <option value=\"Suriname\">Suriname<\/option>\n                                <option value=\"Sweden\">Sweden<\/option>\n                                <option value=\"Switzerland\">Switzerland<\/option>\n                                <option value=\"Syria\">Syria<\/option>\n                                <option value=\"Taiwan\">Taiwan<\/option>\n                                <option value=\"Tajikistan\">Tajikistan<\/option>\n                                <option value=\"Tanzania\">Tanzania<\/option>\n                                <option value=\"Thailand\">Thailand<\/option>\n                                <option value=\"Timor-Leste\">Timor-Leste<\/option>\n                                <option value=\"Togo\">Togo<\/option>\n                                <option value=\"Tokelau\">Tokelau<\/option>\n                                <option value=\"Tonga\">Tonga<\/option>\n                                <option value=\"Trinidad and Tobago\">Trinidad and Tobago<\/option>\n                                <option value=\"Tunisia\">Tunisia<\/option>\n                                <option value=\"Turkey\">Turkey<\/option>\n                                <option value=\"Turkmenistan\">Turkmenistan<\/option>\n                                <option value=\"Turks and Caicos Islands\">Turks and Caicos Islands<\/option>\n                                <option value=\"Tuvalu\">Tuvalu<\/option>\n                                <option value=\"Uganda\">Uganda<\/option>\n                                <option value=\"Ukraine\">Ukraine<\/option>\n                                <option value=\"United Arab Emirates\">United Arab Emirates<\/option>\n                                <option value=\"United Kingdom\">United Kingdom<\/option>\n                                <option value=\"United States\">United States<\/option>\n                                <option value=\"United States Virgin Islands\">United States Virgin Islands<\/option>\n                                <option value=\"Uruguay\">Uruguay<\/option>\n                                <option value=\"Uzbekistan\">Uzbekistan<\/option>\n                                <option value=\"Vanuatu\">Vanuatu<\/option>\n                                <option value=\"Vatican City\">Vatican City<\/option>\n                                <option value=\"Venezuela\">Venezuela<\/option>\n                                <option value=\"Vietnam\">Vietnam<\/option>\n                                <option value=\"Wallis and Futuna\">Wallis and Futuna<\/option>\n                                <option value=\"Western Sahara\">Western Sahara<\/option>\n                                <option value=\"Yemen\">Yemen<\/option>\n                                <option value=\"Zambia\">Zambia<\/option>\n                                <option value=\"Zimbabwe\">Zimbabwe<\/option>\n                            <\/select>\n                        <\/div>\n                        <div>\n                            <label for=\"email\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Email Address *<\/label>\n                            <input type=\"email\" id=\"email\" name=\"email\" required class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"your.email@example.com\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Section 2: Participation Category -->\n                <div class=\"form-section bg-white rounded-xl shadow-lg p-8\">\n                    <h2 class=\"section-header text-2xl font-bold mb-6 flex items-center\">\n                        <span class=\"bg-gradient-to-r from-green-600 to-green-700 text-white rounded-full w-8 h-8 flex items-center justify-center text-sm mr-3\">2<\/span>\n                        Participation Category\n                    <\/h2>\n                    \n                    <div>\n                        <label class=\"block text-sm font-semibold text-gray-700 mb-4\">Presentation Type *<\/label>\n                        <div class=\"space-y-3\">\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"presentationType\" value=\"Oral Presentation\" required class=\"text-green-600 focus:ring-green-500\" onchange=\"togglePaperInfo()\">\n                                <span class=\"ml-3 text-base\">Oral Presentation<\/span>\n                            <\/label>\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"presentationType\" value=\"Poster Presentation\" required class=\"text-green-600 focus:ring-green-500\" onchange=\"togglePaperInfo()\">\n                                <span class=\"ml-3 text-base\">Poster Presentation<\/span>\n                            <\/label>\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"presentationType\" value=\"Non-Presentation\" required class=\"text-green-600 focus:ring-green-500\" onchange=\"togglePaperInfo()\">\n                                <span class=\"ml-3 text-base\">Non-Presentation<\/span>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Paper Information (conditional) -->\n                    <div id=\"paperInfoDiv\" class=\"hidden\">\n                        <h3 class=\"text-lg font-semibold text-gray-800 mb-4 mt-6\">Paper Information<\/h3>\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                            <div>\n                                <label for=\"paperID\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Paper ID CMT Platform *<\/label>\n                                <input type=\"text\" id=\"paperID\" name=\"paperID\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"Enter CMT Paper ID\">\n                            <\/div>\n                            <div>\n                                <label for=\"paperTitle\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Paper Title *<\/label>\n                                <input type=\"text\" id=\"paperTitle\" name=\"paperTitle\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"Enter paper title\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Section 3: Visa Documentation -->\n                <div class=\"form-section bg-white rounded-xl shadow-lg p-8\">\n                    <h2 class=\"section-header text-2xl font-bold mb-6 flex items-center\">\n                        <span class=\"bg-gradient-to-r from-green-600 to-green-700 text-white rounded-full w-8 h-8 flex items-center justify-center text-sm mr-3\">3<\/span>\n                        Visa Documentation\n                    <\/h2>\n                    \n                    <div>\n                        <label class=\"block text-sm font-semibold text-gray-700 mb-4\">Do you require a formal invitation letter? *<\/label>\n                        <div class=\"space-y-3\">\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"invitationLetter\" value=\"Yes\" required class=\"text-green-600 focus:ring-green-500\">\n                                <span class=\"ml-3 text-base\">Yes, I need an invitation letter<\/span>\n                            <\/label>\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"invitationLetter\" value=\"No\" required class=\"text-green-600 focus:ring-green-500\">\n                                <span class=\"ml-3 text-base\">No invitation letter needed<\/span>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Section 4: Financial Information -->\n                <div class=\"form-section bg-white rounded-xl shadow-lg p-8\">\n                    <h2 class=\"section-header text-2xl font-bold mb-6 flex items-center\">\n                        <span class=\"bg-gradient-to-r from-green-600 to-green-700 text-white rounded-full w-8 h-8 flex items-center justify-center text-sm mr-3\">4<\/span>\n                        Financial Information\n                    <\/h2>\n                    \n                    <div class=\"mb-6\">\n                        <label class=\"block text-sm font-semibold text-gray-700 mb-4\">Registration Fee Category *<\/label>\n                        <div class=\"space-y-3\">\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"feeCategory\" value=\"Full Participant - MSU\" required class=\"text-green-600 focus:ring-green-500\" onchange=\"toggleFeeCategoryInfo()\">\n                                <div class=\"ml-3\">\n                                    <span class=\"text-base font-medium\">Full Participant - MSU<\/span>\n                                    <p class=\"text-sm text-gray-600\">Mahasarakham University staff\/students<\/p>\n                                <\/div>\n                            <\/label>\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"feeCategory\" value=\"Full Participant - MoU Partner\" required class=\"text-green-600 focus:ring-green-500\" onchange=\"toggleFeeCategoryInfo()\">\n                                <div class=\"ml-3\">\n                                    <span class=\"text-base font-medium\">Full Participant \u2013 MoU Partner<\/span>\n                                    <p class=\"text-sm text-gray-600\">MoU partner institutions<\/p>\n                                <\/div>\n                            <\/label>\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"feeCategory\" value=\"Full Participant - Non-MSU\" required class=\"text-green-600 focus:ring-green-500\" onchange=\"toggleFeeCategoryInfo()\">\n                                <div class=\"ml-3\">\n                                    <span class=\"text-base font-medium\">Full Participant - Non-MSU<\/span>\n                                    <p class=\"text-sm text-gray-600\">External institutions and organizations<\/p>\n                                <\/div>\n                            <\/label>\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"feeCategory\" value=\"Accompanying Person\" required class=\"text-green-600 focus:ring-green-500\" onchange=\"toggleFeeCategoryInfo()\">\n                                <div class=\"ml-3\">\n                                    <span class=\"text-base font-medium\">Accompanying Person<\/span>\n                                    <p class=\"text-sm text-gray-600\">Non-academic attendee (spouse, family member, etc.)<\/p>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n                        <div class=\"mt-4 p-4 bg-blue-50 border border-blue-200 rounded-lg\">\n                            <p class=\"text-sm text-blue-800\">\n                                <strong>Fee Information:<\/strong> Fee structure details and payment methods are available on the conference website: \n                                <a href=\"https:\/\/biosat.msu.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-blue-600 hover:text-blue-800 underline\">https:\/\/biosat.msu.ac.th<\/a>\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- MSU Payment Method (conditional) -->\n                    <div id=\"msuPaymentDiv\" class=\"hidden mb-6\">\n                        <label class=\"block text-sm font-semibold text-gray-700 mb-4\">MSU Payment Method *<\/label>\n                        <p class=\"text-sm text-green-700 mb-4\">Please select your payment method for MSU participants.<\/p>\n                        <div class=\"space-y-3\">\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"msuPaymentMethod\" value=\"Self-payment\" class=\"text-green-600 focus:ring-green-500\" onchange=\"toggleMsuPaymentMethod()\">\n                                <div class=\"ml-3\">\n                                    <span class=\"text-base\">\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e2d\u0e07 (\u0e44\u0e21\u0e48\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e40\u0e1a\u0e34\u0e01\u0e08\u0e48\u0e32\u0e22) - Self-payment (no reimbursement)<\/span>\n                                <\/div>\n                            <\/label>\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"msuPaymentMethod\" value=\"Budget transfer\" class=\"text-green-600 focus:ring-green-500\" onchange=\"toggleMsuPaymentMethod()\">\n                                <div class=\"ml-3\">\n                                    <span class=\"text-base\">\u0e15\u0e31\u0e14\u0e42\u0e2d\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e08\u0e32\u0e01\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e15\u0e49\u0e19\u0e2a\u0e31\u0e07\u0e01\u0e31\u0e14 - Budget transfer from affiliated department<\/span>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- MoU Partner Institution (conditional) -->\n                    <div id=\"mouPartnerDiv\" class=\"hidden mb-6\">\n                        <label for=\"mouPartnerInstitution\" class=\"block text-sm font-semibold text-gray-700 mb-2\">MoU Partner Institution *<\/label>\n                        <p class=\"text-sm text-green-700 mb-4\">Please select your affiliated MoU partner institution from the list below.<\/p>\n                        <select id=\"mouPartnerInstitution\" name=\"mouPartnerInstitution\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\">\n                            <option value=\"\">Select your MoU partner institution<\/option>\n                            <optgroup label=\"China\">\n                                <option value=\"Chinese Academy of Agriculture Mechanization (CAAMS)\">Chinese Academy of Agriculture Mechanization (CAAMS)<\/option>\n                                <option value=\"Guangxi Minzu University\">Guangxi Minzu University<\/option>\n                                <option value=\"Henan University\">Henan University<\/option>\n                                <option value=\"Jiangxi University of Finance and Economics\">Jiangxi University of Finance and Economics<\/option>\n                                <option value=\"Yacheng Institute of Technology\">Yacheng Institute of Technology<\/option>\n                            <\/optgroup>\n                            <optgroup label=\"Germany\">\n                                <option value=\"FORSCHUNGSZENTRUM J\u00dcLICH GmbH\">FORSCHUNGSZENTRUM J\u00dcLICH GmbH<\/option>\n                            <\/optgroup>\n                            <optgroup label=\"Indonesia\">\n                                <option value=\"University of Jumber\">University of Jumber<\/option>\n                            <\/optgroup>\n                            <optgroup label=\"Japan\">\n                                <option value=\"Kyoto Institute of Technology\">Kyoto Institute of Technology<\/option>\n                                <option value=\"National Institute for Fusion Science (NIFS)\">National Institute for Fusion Science (NIFS)<\/option>\n                                <option value=\"The Graduate University for Advanced Studies, SOKENDAI\">The Graduate University for Advanced Studies, SOKENDAI<\/option>\n                                <option value=\"Tokyo Denki University (TDU)\">Tokyo Denki University (TDU)<\/option>\n                            <\/optgroup>\n                            <optgroup label=\"Malaysia\">\n                                <option value=\"Universiti Malaysia Terengganu\">Universiti Malaysia Terengganu<\/option>\n                            <\/optgroup>\n                            <optgroup label=\"Singapore\">\n                                <option value=\"Singapore Institute of Technology\">Singapore Institute of Technology<\/option>\n                            <\/optgroup>\n                            <optgroup label=\"South Korea\">\n                                <option value=\"Chonnam National University\">Chonnam National University<\/option>\n                                <option value=\"Daegu University\">Daegu University<\/option>\n                            <\/optgroup>\n                            <optgroup label=\"Thailand\">\n                                <option value=\"Canadian Solar Manufacturing (Thailand) Co., Ltd.\">Canadian Solar Manufacturing (Thailand) Co., Ltd.<\/option>\n                                <option value=\"Defence Technology Institute\">Defence Technology Institute<\/option>\n                                <option value=\"Faculty of Science, Burapha University\">Faculty of Science, Burapha University<\/option>\n                                <option value=\"Faculty of Science, Naresuan University\">Faculty of Science, Naresuan University<\/option>\n                                <option value=\"Faculty of Science, Srinakharinwirot University\">Faculty of Science, Srinakharinwirot University<\/option>\n                                <option value=\"Faculty of Science and Arts Burapha University, Chanthaburi Campus\">Faculty of Science and Arts Burapha University, Chanthaburi Campus<\/option>\n                                <option value=\"Faculty of Science and Digital Innovation, Thaksin University\">Faculty of Science and Digital Innovation, Thaksin University<\/option>\n                                <option value=\"Land Development Department (LDD)\">Land Development Department (LDD)<\/option>\n                                <option value=\"Ministry of Energy\">Ministry of Energy<\/option>\n                                <option value=\"Office of Agricultural Economics\">Office of Agricultural Economics<\/option>\n                                <option value=\"Royal Thai Navy\">Royal Thai Navy<\/option>\n                                <option value=\"School of Science, University of Phayao\">School of Science, University of Phayao<\/option>\n                                <option value=\"Seagate Technology (Thailand) Limited\">Seagate Technology (Thailand) Limited<\/option>\n                                <option value=\"SMC (Thailand) Ltd.\">SMC (Thailand) Ltd.<\/option>\n                                <option value=\"Thai Meteorological Department (TMD)\">Thai Meteorological Department (TMD)<\/option>\n                                <option value=\"Thailand Institute of Scientific and Technological Research (TISTR)\">Thailand Institute of Scientific and Technological Research (TISTR)<\/option>\n                            <\/optgroup>\n                            <optgroup label=\"Vietnam\">\n                                <option value=\"Net Zero Carbon Joint Stock Company\">Net Zero Carbon Joint Stock Company<\/option>\n                                <option value=\"University of Agriculture and Forestry, Hue University\">University of Agriculture and Forestry, Hue University<\/option>\n                            <\/optgroup>\n                        <\/select>\n                    <\/div>\n\n                    <!-- Financial Cooperator Information (conditional) -->\n                    <div id=\"financialCooperatorDiv\" class=\"hidden mb-6\">\n                        <h3 class=\"text-lg font-semibold text-gray-800 mb-4\">Financial Cooperator Information<\/h3>\n                        <p class=\"text-sm text-green-700 mb-4 bg-green-50 p-3 rounded-lg\">\n                            Please provide details of the financial staff who will coordinate the budget transfer.\n                        <\/p>\n                        \n                        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                            <div>\n                                <label for=\"cooperatorName\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Cooperator Full Name *<\/label>\n                                <input type=\"text\" id=\"cooperatorName\" name=\"cooperatorName\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"Full name of cooperator\">\n                                <p class=\"text-xs text-gray-600 mt-1\">Name of the person responsible for budget coordination<\/p>\n                            <\/div>\n                            <div>\n                                <label for=\"cooperatorPhone\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Telephone Number *<\/label>\n                                <input type=\"tel\" id=\"cooperatorPhone\" name=\"cooperatorPhone\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"Phone number\">\n                                <p class=\"text-xs text-gray-600 mt-1\">Direct phone number of the cooperator<\/p>\n                            <\/div>\n                            <div>\n                                <label for=\"cooperatorExtension\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Extension Number<\/label>\n                                <input type=\"text\" id=\"cooperatorExtension\" name=\"cooperatorExtension\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"Extension (if applicable)\">\n                                <p class=\"text-xs text-gray-600 mt-1\">Internal extension number (if applicable)<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"invoiceQuestionDiv\" class=\"mb-6\">\n                        <label class=\"block text-sm font-semibold text-gray-700 mb-4\">Do you require an invoice? *<\/label>\n                        <div class=\"space-y-3\">\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"invoiceRequired\" value=\"Yes\" required class=\"text-green-600 focus:ring-green-500\" onchange=\"toggleInvoiceInfo()\">\n                                <span class=\"ml-3 text-base\">Yes, I need an invoice<\/span>\n                            <\/label>\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"invoiceRequired\" value=\"No\" required class=\"text-green-600 focus:ring-green-500\" onchange=\"toggleInvoiceInfo()\">\n                                <span class=\"ml-3 text-base\">No invoice needed<\/span>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Invoice Information (conditional) -->\n                    <div id=\"invoiceInfoDiv\" class=\"hidden mb-6\">\n                        <h3 class=\"text-lg font-semibold text-gray-800 mb-4\">Invoice Information Required<\/h3>\n                        <p class=\"text-sm text-green-700 mb-4 bg-green-50 p-3 rounded-lg\">\n                            Please provide the following details for invoice generation and processing.\n                        <\/p>\n                        \n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\n                            <div>\n                                <label for=\"invoiceFullName\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Full Name *<\/label>\n                                <input type=\"text\" id=\"invoiceFullName\" name=\"invoiceFullName\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"Name for invoice\">\n                                <p class=\"text-xs text-gray-600 mt-1\">Name of the person the invoice should be addressed to<\/p>\n                            <\/div>\n                            <div>\n                                <label for=\"invoiceOrganization\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Organization *<\/label>\n                                <input type=\"text\" id=\"invoiceOrganization\" name=\"invoiceOrganization\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"Legal organization name\">\n                                <p class=\"text-xs text-gray-600 mt-1\">Enter the exact legal name as it should appear on the invoice<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"mb-6\">\n                            <label for=\"billingAddress\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Billing Address *<\/label>\n                            <textarea id=\"billingAddress\" name=\"billingAddress\" rows=\"3\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base resize-vertical\" placeholder=\"Complete billing address...\"><\/textarea>\n                            <p class=\"text-xs text-gray-600 mt-1\">Provide the complete address where the invoice should be sent<\/p>\n                        <\/div>\n\n                        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-6\">\n                            <div>\n                                <label for=\"contactPersonName\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Contact Person Name *<\/label>\n                                <input type=\"text\" id=\"contactPersonName\" name=\"contactPersonName\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"Contact person\">\n                                <p class=\"text-xs text-gray-600 mt-1\">Person who should be contacted regarding invoice matters<\/p>\n                            <\/div>\n                            <div>\n                                <label for=\"contactPersonEmail\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Contact Person Email *<\/label>\n                                <input type=\"email\" id=\"contactPersonEmail\" name=\"contactPersonEmail\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"contact@example.com\">\n                                <p class=\"text-xs text-gray-600 mt-1\">Email address for invoice delivery and follow-up<\/p>\n                            <\/div>\n                            <div>\n                                <label for=\"contactPersonPhone\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Contact Person Phone *<\/label>\n                                <input type=\"tel\" id=\"contactPersonPhone\" name=\"contactPersonPhone\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\" placeholder=\"+1234567890\">\n                                <p class=\"text-xs text-gray-600 mt-1\">Phone number for urgent invoice-related matters<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div>\n                            <label for=\"invoiceInstructions\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Special Invoice Instructions<\/label>\n                            <textarea id=\"invoiceInstructions\" name=\"invoiceInstructions\" rows=\"3\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base resize-vertical\" placeholder=\"Any specific requirements your accounting department needs...\"><\/textarea>\n                            <p class=\"text-xs text-gray-600 mt-1\">Include any specific requirements your accounting department needs<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"paymentVerificationDiv\">\n                        <label for=\"paymentVerification\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Payment Verification *<\/label>\n                        <div class=\"payment-upload-area border-2 border-dashed border-gray-300 rounded-lg p-8 text-center hover:border-green-400 transition-colors duration-300 cursor-pointer\" onclick=\"document.getElementById('paymentVerification').click()\">\n                            <input type=\"file\" id=\"paymentVerification\" name=\"paymentVerification\" required accept=\".pdf,.jpg,.jpeg,.png\" class=\"hidden\">\n                            <div class=\"upload-content\">\n                                <svg class=\"w-12 h-12 text-gray-400 mx-auto mb-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\"><\/path>\n                                <\/svg>\n                                <p class=\"text-lg font-medium text-gray-700 mb-2\">Drag and drop your file here<\/p>\n                                <p class=\"text-sm text-gray-500 mb-4\">or <span class=\"text-green-600 font-medium\">click to browse<\/span><\/p>\n                                <p class=\"text-xs text-gray-400\">Supports PDF, JPG, PNG (Max 10MB)<\/p>\n                            <\/div>\n                            <div class=\"file-info hidden\">\n                                <svg class=\"w-8 h-8 text-green-500 mx-auto mb-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n                                <\/svg>\n                                <p class=\"text-sm font-medium text-green-700 file-name\"><\/p>\n                                <p class=\"text-xs text-gray-500 file-size\"><\/p>\n                                <button type=\"button\" class=\"text-xs text-red-600 hover:text-red-800 mt-2\" onclick=\"clearPaymentFile(event)\">Remove file<\/button>\n                            <\/div>\n                        <\/div>\n                        <p id=\"paymentVerificationNote\" class=\"text-sm text-gray-600 mt-2\">Upload bank transfer receipt, credit card confirmation, or other payment verification<\/p>\n                    <\/div>\n\n                    <!-- Budget Transfer Note (conditional) -->\n                    <div id=\"budgetTransferNote\" class=\"hidden mt-4 p-4 bg-yellow-50 border border-yellow-200 rounded-lg\">\n                        <div class=\"flex items-start\">\n                            <div class=\"flex-shrink-0\">\n                                <svg class=\"h-5 w-5 text-yellow-400 mt-0.5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                    <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"ml-3\">\n                                <h3 class=\"text-sm font-medium text-yellow-800\">Budget Transfer Payment<\/h3>\n                                <div class=\"mt-2 text-sm text-yellow-700\">\n                                    <p>For budget transfer payments, please upload your <strong>\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e02\u0e2d\u0e15\u0e31\u0e14\u0e42\u0e2d\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 (Budget Transfer Request Document)<\/strong> instead of a regular payment receipt.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Section 5: Additional Requirements -->\n                <div class=\"form-section bg-white rounded-xl shadow-lg p-8\">\n                    <h2 class=\"section-header text-2xl font-bold mb-6 flex items-center\">\n                        <span class=\"bg-gradient-to-r from-green-600 to-green-700 text-white rounded-full w-8 h-8 flex items-center justify-center text-sm mr-3\">5<\/span>\n                        Additional Requirements\n                    <\/h2>\n                    \n                    <div class=\"mb-6\">\n                        <label for=\"dietary\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Dietary Requirements<\/label>\n                        <select id=\"dietary\" name=\"dietary\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base\">\n                            <option value=\"\">No special requirements<\/option>\n                            <option value=\"Vegetarian\">Vegetarian<\/option>\n                            <option value=\"Vegan\">Vegan<\/option>\n                            <option value=\"Halal\">Halal<\/option>\n                            <option value=\"Other\">Other<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div>\n                        <label for=\"otherNotes\" class=\"block text-sm font-semibold text-gray-700 mb-2\">Other Notes or Requests<\/label>\n                        <textarea id=\"otherNotes\" name=\"otherNotes\" rows=\"4\" class=\"input-focus w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none text-base resize-vertical\" placeholder=\"Please share any additional requirements, accessibility needs, or special requests...\"><\/textarea>\n                    <\/div>\n                <\/div>\n\n                <!-- Section 6: Terms and Conditions -->\n                <div class=\"form-section bg-white rounded-xl shadow-lg p-8\">\n                    <h2 class=\"section-header text-2xl font-bold mb-6 flex items-center\">\n                        <span class=\"bg-gradient-to-r from-green-600 to-green-700 text-white rounded-full w-8 h-8 flex items-center justify-center text-sm mr-3\">6<\/span>\n                        Terms and Conditions\n                    <\/h2>\n                    \n                    <div class=\"bg-gray-50 p-6 rounded-lg mb-6\">\n                        <h3 class=\"font-semibold text-gray-800 mb-4\">Registration Agreement *<\/h3>\n                        <p class=\"text-sm text-gray-700 mb-4\">Please review and confirm your agreement to the following terms and conditions for BioSat2026 registration.<\/p>\n                        <div class=\"space-y-4\">\n                            <label class=\"flex items-start\">\n                                <input type=\"checkbox\" required class=\"mt-1 text-green-600 focus:ring-green-500\">\n                                <span class=\"ml-3 text-sm text-gray-700\">I confirm that all information provided is accurate<\/span>\n                            <\/label>\n                            <label class=\"flex items-start\">\n                                <input type=\"checkbox\" required class=\"mt-1 text-green-600 focus:ring-green-500\">\n                                <span class=\"ml-3 text-sm text-gray-700\">I understand that paper submissions must be completed separately through the Microsoft CMT platform<\/span>\n                            <\/label>\n                            <label class=\"flex items-start\">\n                                <input type=\"checkbox\" required class=\"mt-1 text-green-600 focus:ring-green-500\">\n                                <span class=\"ml-3 text-sm text-gray-700\">I understand that registration is complete only after payment verification<\/span>\n                            <\/label>\n                            <label class=\"flex items-start\">\n                                <input type=\"checkbox\" required class=\"mt-1 text-green-600 focus:ring-green-500\">\n                                <span class=\"ml-3 text-sm text-gray-700\">I consent to my data being used for conference purposes (certificate, communication)<\/span>\n                            <\/label>\n                            <label class=\"flex items-start\">\n                                <input type=\"checkbox\" required class=\"mt-1 text-green-600 focus:ring-green-500\">\n                                <span class=\"ml-3 text-sm text-gray-700\">I consent to photography and video recording during the conference for promotional purposes<\/span>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Submit Button -->\n                <div class=\"text-center pb-8\">\n                    <button type=\"submit\" id=\"submitBtn\" class=\"bg-gradient-to-r from-green-600 to-green-700 hover:from-green-700 hover:to-green-800 text-white font-bold py-4 px-12 rounded-lg text-lg transition-all duration-300 transform hover:scale-105 shadow-lg\">\n                        Submit Registration\n                    <\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n\n    <script>\n        function toggleOtherPosition() {\n            const positionSelect = document.getElementById('position');\n            const otherDiv = document.getElementById('otherPositionDiv');\n            const otherInput = document.getElementById('otherPosition');\n            \n            if (positionSelect.value === 'Other') {\n                otherDiv.classList.remove('hidden');\n                otherInput.required = true;\n            } else {\n                otherDiv.classList.add('hidden');\n                otherInput.required = false;\n                otherInput.value = '';\n            }\n        }\n\n        function togglePaperInfo() {\n            const presentationTypes = document.querySelectorAll('input[name=\"presentationType\"]');\n            const paperInfoDiv = document.getElementById('paperInfoDiv');\n            const paperIDInput = document.getElementById('paperID');\n            const paperTitleInput = document.getElementById('paperTitle');\n            \n            let selectedType = '';\n            presentationTypes.forEach(radio => {\n                if (radio.checked) {\n                    selectedType = radio.value;\n                }\n            });\n            \n            if (selectedType === 'Oral Presentation' || selectedType === 'Poster Presentation') {\n                paperInfoDiv.classList.remove('hidden');\n                paperIDInput.required = true;\n                paperTitleInput.required = true;\n            } else {\n                paperInfoDiv.classList.add('hidden');\n                paperIDInput.required = false;\n                paperTitleInput.required = false;\n                paperIDInput.value = '';\n                paperTitleInput.value = '';\n            }\n        }\n\n        function toggleFeeCategoryInfo() {\n            const feeCategoryRadios = document.querySelectorAll('input[name=\"feeCategory\"]');\n            const msuPaymentDiv = document.getElementById('msuPaymentDiv');\n            const mouPartnerDiv = document.getElementById('mouPartnerDiv');\n            const mouPartnerSelect = document.getElementById('mouPartnerInstitution');\n            const msuPaymentRadios = document.querySelectorAll('input[name=\"msuPaymentMethod\"]');\n            \n            let selectedCategory = '';\n            feeCategoryRadios.forEach(radio => {\n                if (radio.checked) {\n                    selectedCategory = radio.value;\n                }\n            });\n            \n            \/\/ Reset all conditional sections\n            msuPaymentDiv.classList.add('hidden');\n            mouPartnerDiv.classList.add('hidden');\n            mouPartnerSelect.required = false;\n            mouPartnerSelect.value = '';\n            \n            \/\/ Clear MSU payment method selection\n            msuPaymentRadios.forEach(radio => {\n                radio.checked = false;\n                radio.required = false;\n            });\n            \n            \/\/ Reset other conditional sections\n            toggleMsuPaymentMethod();\n            \n            if (selectedCategory === 'Full Participant - MSU') {\n                msuPaymentDiv.classList.remove('hidden');\n                msuPaymentRadios.forEach(radio => {\n                    radio.required = true;\n                });\n            } else if (selectedCategory === 'Full Participant - MoU Partner') {\n                mouPartnerDiv.classList.remove('hidden');\n                mouPartnerSelect.required = true;\n            }\n        }\n\n        function toggleMsuPaymentMethod() {\n            const msuPaymentRadios = document.querySelectorAll('input[name=\"msuPaymentMethod\"]');\n            const financialCooperatorDiv = document.getElementById('financialCooperatorDiv');\n            const budgetTransferNote = document.getElementById('budgetTransferNote');\n            const paymentVerificationNote = document.getElementById('paymentVerificationNote');\n            const invoiceQuestionDiv = document.getElementById('invoiceQuestionDiv');\n            const invoiceInfoDiv = document.getElementById('invoiceInfoDiv');\n            const invoiceRadios = document.querySelectorAll('input[name=\"invoiceRequired\"]');\n            const cooperatorInputs = ['cooperatorName', 'cooperatorPhone'];\n            const invoiceInputs = [\n                'invoiceFullName', 'invoiceOrganization', 'billingAddress', \n                'contactPersonName', 'contactPersonEmail', 'contactPersonPhone'\n            ];\n            \n            let selectedMethod = '';\n            msuPaymentRadios.forEach(radio => {\n                if (radio.checked) {\n                    selectedMethod = radio.value;\n                }\n            });\n            \n            if (selectedMethod === 'Budget transfer') {\n                \/\/ Show budget transfer sections\n                financialCooperatorDiv.classList.remove('hidden');\n                budgetTransferNote.classList.remove('hidden');\n                cooperatorInputs.forEach(inputId => {\n                    document.getElementById(inputId).required = true;\n                });\n                paymentVerificationNote.textContent = 'Upload \u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e02\u0e2d\u0e15\u0e31\u0e14\u0e42\u0e2d\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 (Budget Transfer Request Document)';\n                \n                \/\/ Hide invoice question and info for budget transfer\n                invoiceQuestionDiv.classList.add('hidden');\n                invoiceInfoDiv.classList.add('hidden');\n                invoiceRadios.forEach(radio => {\n                    radio.checked = false;\n                    radio.required = false;\n                });\n                invoiceInputs.forEach(inputId => {\n                    const input = document.getElementById(inputId);\n                    input.required = false;\n                    input.value = '';\n                });\n                document.getElementById('invoiceInstructions').value = '';\n            } else {\n                \/\/ Hide budget transfer sections\n                financialCooperatorDiv.classList.add('hidden');\n                budgetTransferNote.classList.add('hidden');\n                cooperatorInputs.forEach(inputId => {\n                    const input = document.getElementById(inputId);\n                    input.required = false;\n                    input.value = '';\n                });\n                document.getElementById('cooperatorExtension').value = '';\n                paymentVerificationNote.textContent = 'Upload bank transfer receipt, credit card confirmation, or other payment verification';\n                \n                \/\/ Show invoice question for other payment methods\n                invoiceQuestionDiv.classList.remove('hidden');\n                invoiceRadios.forEach(radio => {\n                    radio.required = true;\n                });\n            }\n        }\n\n        function toggleInvoiceInfo() {\n            const invoiceRadios = document.querySelectorAll('input[name=\"invoiceRequired\"]');\n            const invoiceInfoDiv = document.getElementById('invoiceInfoDiv');\n            const invoiceInputs = [\n                'invoiceFullName', 'invoiceOrganization', 'billingAddress', \n                'contactPersonName', 'contactPersonEmail', 'contactPersonPhone'\n            ];\n            \n            let needsInvoice = false;\n            invoiceRadios.forEach(radio => {\n                if (radio.checked && radio.value === 'Yes') {\n                    needsInvoice = true;\n                }\n            });\n            \n            if (needsInvoice) {\n                invoiceInfoDiv.classList.remove('hidden');\n                invoiceInputs.forEach(inputId => {\n                    document.getElementById(inputId).required = true;\n                });\n            } else {\n                invoiceInfoDiv.classList.add('hidden');\n                invoiceInputs.forEach(inputId => {\n                    const input = document.getElementById(inputId);\n                    input.required = false;\n                    input.value = '';\n                });\n                document.getElementById('invoiceInstructions').value = '';\n            }\n        }\n\n        \/\/ Enhanced file upload functionality with drag and drop\n        function setupFileUpload() {\n            const uploadArea = document.querySelector('.payment-upload-area');\n            const fileInput = document.getElementById('paymentVerification');\n            \n            if (!uploadArea || !fileInput) return;\n            \n            \/\/ Handle file input change\n            fileInput.addEventListener('change', function() {\n                if (this.files.length > 0) {\n                    handleFiles(this.files, uploadArea);\n                }\n            });\n            \n            \/\/ Handle drag and drop events\n            uploadArea.addEventListener('dragover', function(e) {\n                e.preventDefault();\n                e.stopPropagation();\n                uploadArea.classList.add('drag-over');\n            });\n            \n            uploadArea.addEventListener('dragleave', function(e) {\n                e.preventDefault();\n                e.stopPropagation();\n                \/\/ Only remove drag-over if we're leaving the upload area entirely\n                if (!uploadArea.contains(e.relatedTarget)) {\n                    uploadArea.classList.remove('drag-over');\n                }\n            });\n            \n            uploadArea.addEventListener('drop', function(e) {\n                e.preventDefault();\n                e.stopPropagation();\n                uploadArea.classList.remove('drag-over');\n                \n                const files = e.dataTransfer.files;\n                if (files.length > 0) {\n                    \/\/ Set the files to the input element\n                    fileInput.files = files;\n                    handleFiles(files, uploadArea);\n                }\n            });\n            \n            \/\/ Prevent default drag behaviors on the document\n            document.addEventListener('dragover', function(e) {\n                e.preventDefault();\n            });\n            \n            document.addEventListener('drop', function(e) {\n                e.preventDefault();\n            });\n            \n            function handleFiles(files, uploadArea) {\n                if (files.length > 0) {\n                    const file = files[0];\n                    const maxSize = 10 * 1024 * 1024; \/\/ 10MB\n                    \n                    if (file.size > maxSize) {\n                        showMessage('error', 'File size must be less than 10MB');\n                        return;\n                    }\n                    \n                    const allowedTypes = ['application\/pdf', 'image\/jpeg', 'image\/jpg', 'image\/png'];\n                    if (!allowedTypes.includes(file.type)) {\n                        showMessage('error', 'Please upload only PDF, JPG, or PNG files');\n                        return;\n                    }\n                    \n                    showFileInfo(file, uploadArea);\n                }\n            }\n            \n            function showFileInfo(file, uploadArea) {\n                const uploadContent = uploadArea.querySelector('.upload-content');\n                const fileInfo = uploadArea.querySelector('.file-info');\n                const fileName = fileInfo.querySelector('.file-name');\n                const fileSize = fileInfo.querySelector('.file-size');\n                \n                uploadContent.classList.add('hidden');\n                fileInfo.classList.remove('hidden');\n                \n                fileName.textContent = file.name;\n                fileSize.textContent = formatFileSize(file.size);\n                \n                uploadArea.classList.add('border-green-400', 'bg-green-50');\n                uploadArea.classList.remove('drag-over');\n            }\n            \n            function formatFileSize(bytes) {\n                if (bytes === 0) return '0 Bytes';\n                const k = 1024;\n                const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n                const i = Math.floor(Math.log(bytes) \/ Math.log(k));\n                return parseFloat((bytes \/ Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n            }\n        }\n        \n        function clearPaymentFile(event) {\n            event.stopPropagation();\n            const uploadArea = document.querySelector('.payment-upload-area');\n            const fileInput = document.getElementById('paymentVerification');\n            const uploadContent = uploadArea.querySelector('.upload-content');\n            const fileInfo = uploadArea.querySelector('.file-info');\n            \n            fileInput.value = '';\n            uploadContent.classList.remove('hidden');\n            fileInfo.classList.add('hidden');\n            uploadArea.classList.remove('border-green-400', 'bg-green-50', 'drag-over');\n        }\n        \n        \/\/ Helper function to convert file to base64\n        function fileToBase64(file) {\n            return new Promise((resolve, reject) => {\n                const reader = new FileReader();\n                reader.onload = function(e) {\n                    const base64 = e.target.result.split(',')[1];\n                    resolve(base64);\n                };\n                reader.onerror = reject;\n                reader.readAsDataURL(file);\n            });\n        }\n        \n        \/\/ Success modal function\n        function showSuccessModal() {\n            const modal = document.createElement('div');\n            modal.className = 'fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4';\n            modal.innerHTML = `\n                <div class=\"bg-white rounded-xl shadow-2xl max-w-md w-full mx-4 transform transition-all duration-300 scale-95 opacity-0\" id=\"successModalContent\">\n                    <div class=\"gradient-bg text-white p-6 rounded-t-xl text-center\">\n                        <div class=\"w-16 h-16 bg-white bg-opacity-20 rounded-full flex items-center justify-center mx-auto mb-4\">\n                            <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <h2 class=\"text-2xl font-bold mb-2\">Registration Submitted!<\/h2>\n                        <p class=\"text-lg opacity-90\">Thank you for registering<\/p>\n                    <\/div>\n                    \n                    <div class=\"p-6\">\n                        <div class=\"text-center mb-6\">\n                            <div class=\"w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4\">\n                                <svg class=\"w-10 h-10 text-green-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">Please Check Your Email<\/h3>\n                            <p class=\"text-gray-600 mb-4\">We've sent a confirmation email with your registration details and next steps.<\/p>\n                        <\/div>\n                        \n                        <div class=\"bg-green-50 border border-green-200 rounded-lg p-4 mb-6\">\n                            <div class=\"flex items-start\">\n                                <svg class=\"w-5 h-5 text-green-600 mt-0.5 mr-3 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                    <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"><\/path>\n                                <\/svg>\n                                <div>\n                                    <h4 class=\"font-semibold text-green-800 text-sm mb-1\">What happens next:<\/h4>\n                                    <ul class=\"text-sm text-green-700 space-y-1\">\n                                        <li>\u2022 Our staff will verify your payment<\/li>\n                                        <li>\u2022 You'll receive final confirmation within 7 business days<\/li>\n                                        <li>\u2022 Conference materials will follow closer to the event<\/li>\n                                    <\/ul>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"text-center\">\n                            <button onclick=\"closeSuccessModal()\" class=\"bg-gradient-to-r from-green-600 to-green-700 hover:from-green-700 hover:to-green-800 text-white font-semibold py-3 px-8 rounded-lg transition-all duration-300 transform hover:scale-105\">\n                                Got it, thanks!\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `;\n            \n            document.body.appendChild(modal);\n            \n            \/\/ Animate modal in\n            setTimeout(() => {\n                const content = document.getElementById('successModalContent');\n                content.classList.remove('scale-95', 'opacity-0');\n                content.classList.add('scale-100', 'opacity-100');\n            }, 10);\n            \n            \/\/ Close on backdrop click\n            modal.addEventListener('click', function(e) {\n                if (e.target === modal) {\n                    closeSuccessModal();\n                }\n            });\n        }\n        \n        function closeSuccessModal() {\n            const modal = document.querySelector('.fixed.inset-0.bg-black.bg-opacity-50');\n            if (modal) {\n                const content = document.getElementById('successModalContent');\n                content.classList.add('scale-95', 'opacity-0');\n                content.classList.remove('scale-100', 'opacity-100');\n                \n                setTimeout(() => {\n                    modal.remove();\n                }, 300);\n            }\n        }\n\n        \/\/ Helper function to show messages\n        function showMessage(type, text) {\n            const bgColor = type === 'success' ? 'bg-green-500' : 'bg-red-500';\n            const icon = type === 'success' ? \n                `<svg class=\"w-5 h-5 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                    <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path>\n                <\/svg>` :\n                `<svg class=\"w-5 h-5 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                    <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\"><\/path>\n                <\/svg>`;\n            \n            const message = document.createElement('div');\n            message.className = `fixed top-4 right-4 ${bgColor} text-white px-6 py-4 rounded-lg shadow-lg z-50 max-w-md`;\n            message.innerHTML = `\n                <div class=\"flex items-center\">\n                    ${icon}\n                    <span>${text}<\/span>\n                <\/div>\n            `;\n            document.body.appendChild(message);\n            \n            setTimeout(() => {\n                if (message.parentNode) {\n                    message.remove();\n                }\n            }, 5000);\n        }\n        \n        \/\/ Initialize file upload areas\n        document.addEventListener('DOMContentLoaded', function() {\n            setupFileUpload();\n        });\n\n        \/\/ Form submission handler\n        document.getElementById('registrationForm').addEventListener('submit', async function(e) {\n            e.preventDefault();\n            \n            const submitBtn = document.getElementById('submitBtn');\n            const originalText = submitBtn.innerHTML;\n            \n            \/\/ Disable button and show loading\n            submitBtn.disabled = true;\n            submitBtn.innerHTML = `\n                <div class=\"flex items-center justify-center\">\n                    <svg class=\"animate-spin w-5 h-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                    Submitting...\n                <\/div>\n            `;\n            \n            try {\n                \/\/ Create form data\n                const formData = new URLSearchParams();\n                \n                \/\/ Get all form elements\n                const formElements = this.elements;\n                for (let element of formElements) {\n                    if (element.name && element.type !== 'submit' && element.type !== 'file') {\n                        if (element.type === 'radio' || element.type === 'checkbox') {\n                            if (element.checked) {\n                                formData.append(element.name, element.value);\n                            }\n                        } else if (element.value.trim()) {\n                            formData.append(element.name, element.value.trim());\n                        }\n                    }\n                }\n                \n                \/\/ Handle file upload\n                const paymentFile = document.getElementById('paymentVerification').files[0];\n                if (paymentFile) {\n                    const base64 = await fileToBase64(paymentFile);\n                    formData.append('paymentVerification', base64);\n                    formData.append('paymentVerificationName', paymentFile.name);\n                    formData.append('paymentVerificationType', paymentFile.type);\n                }\n                \n                \/\/ Add timestamp\n                formData.append('timestamp', new Date().toISOString());\n                \n                \/\/ Submit to Google Apps Script\n                const response = await fetch('https:\/\/script.google.com\/macros\/s\/AKfycbxWXU1z0btDKs02gIzYPjYatmiIQT_ykkCOLPmDkBHq_xMb6g0GOFLiC009J34WLrJO\/exec', {\n                    method: 'POST',\n                    body: formData\n                });\n                \n                const result = await response.json();\n                \n                if (result.success) {\n                    showSuccessModal();\n                    this.reset();\n                    \/\/ Hide conditional sections\n                    document.getElementById('otherPositionDiv').classList.add('hidden');\n                    document.getElementById('paperInfoDiv').classList.add('hidden');\n                    document.getElementById('invoiceInfoDiv').classList.add('hidden');\n                    document.getElementById('msuPaymentDiv').classList.add('hidden');\n                    document.getElementById('mouPartnerDiv').classList.add('hidden');\n                    document.getElementById('financialCooperatorDiv').classList.add('hidden');\n                    document.getElementById('budgetTransferNote').classList.add('hidden');\n                    \/\/ Reset file upload area\n                    const uploadArea = document.querySelector('.payment-upload-area');\n                    const uploadContent = uploadArea.querySelector('.upload-content');\n                    const fileInfo = uploadArea.querySelector('.file-info');\n                    uploadContent.classList.remove('hidden');\n                    fileInfo.classList.add('hidden');\n                    uploadArea.classList.remove('border-green-400', 'bg-green-50', 'drag-over');\n                } else {\n                    throw new Error(result.message || 'Submission failed');\n                }\n                \n            } catch (error) {\n                console.error('Submission error:', error);\n                showMessage('error', 'Error submitting registration. Please try again.');\n            } finally {\n                \/\/ Re-enable button\n                submitBtn.disabled = false;\n                submitBtn.innerHTML = originalText;\n            }\n        });\n    <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'99a384a7b5652db4',t:'MTc2MjQyMDg2MC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":637,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-476","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/biosat.msu.ac.th\/2025\/index.php?rest_route=\/wp\/v2\/pages\/476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biosat.msu.ac.th\/2025\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biosat.msu.ac.th\/2025\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biosat.msu.ac.th\/2025\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/biosat.msu.ac.th\/2025\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=476"}],"version-history":[{"count":9,"href":"https:\/\/biosat.msu.ac.th\/2025\/index.php?rest_route=\/wp\/v2\/pages\/476\/revisions"}],"predecessor-version":[{"id":635,"href":"https:\/\/biosat.msu.ac.th\/2025\/index.php?rest_route=\/wp\/v2\/pages\/476\/revisions\/635"}],"up":[{"embeddable":true,"href":"https:\/\/biosat.msu.ac.th\/2025\/index.php?rest_route=\/wp\/v2\/pages\/637"}],"wp:attachment":[{"href":"https:\/\/biosat.msu.ac.th\/2025\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}