FAREI - Training Course Application<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:wght@400;600;700&family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root {\n --green-900: #1a3a1a; --green-700: #2d6a2d; --green-600: #368236;\n --green-500: #3d9b3d; --green-100: #e8f5e8; --green-50: #f3faf3;\n --sand-50: #faf9f6; --text-primary: #1a2e1a; --text-secondary: #4a5e4a;\n --text-muted: #7a8a7a; --border: #c8d4c8; --border-focus: #3d9b3d;\n --white: #ffffff; --red-600: #c0392b; --red-50: #fdf2f0;\n }\n body { font-family: 'DM Sans', sans-serif; background: var(--sand-50); color: var(--text-primary); line-height: 1.6; min-height: 100vh; }\n .page-header { background: var(--white); color: var(--green-900); padding: 2.5rem 1.5rem 2rem; text-align: center; border-bottom: 4px solid var(--green-600); }\n .page-header h1 { font-family: 'Source Serif 4', serif; font-size: 1.55rem; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 0.25rem; color: var(--green-700); }\n .page-header p { font-size: 0.92rem; opacity: 0.85; font-weight: 400; color: var(--text-secondary); }\n .logo-row { display: flex; align-items: center; justify-content: center; gap: 0.75rem; margin-bottom: 0.75rem; }\n .logo-img { height: 65px; max-height: 65px; max-width: 180px; width: auto; object-fit: contain; }\n .form-container { max-width: 960px; margin: 1.5rem auto 3rem; padding: 0 1.25rem; position: relative; z-index: 1; }\n .card { background: var(--white); border-radius: 14px; padding: 2rem; margin-bottom: 1.25rem; box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04); border: 1px solid rgba(0,0,0,0.04); }\n .card-title { font-family: 'Source Serif 4', serif; font-size: 1.15rem; font-weight: 700; color: var(--green-900); margin-bottom: 1.5rem; padding-bottom: 0.75rem; border-bottom: 2px solid var(--green-100); display: flex; align-items: center; gap: 0.5rem; }\n .card-title .num { background: var(--green-600); color: var(--white); width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-family: 'DM Sans', sans-serif; font-size: 0.82rem; font-weight: 700; flex-shrink: 0; }\n .course-selector { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }\n .course-option { border: 2px solid var(--border); border-radius: 10px; padding: 1.15rem 1rem; cursor: pointer; transition: all 0.2s; text-align: center; position: relative; }\n .course-option:hover { border-color: var(--green-500); background: var(--green-50); }\n .course-option.selected { border-color: var(--green-600) !important; background: var(--green-50) !important; box-shadow: 0 0 0 3px rgba(61,155,61,0.15) !important; }\n .course-option .icon { font-size: 1.6rem; margin-bottom: 0.35rem; }\n .course-option .label { font-weight: 600; font-size: 0.88rem; color: var(--text-primary); }\n .course-option .sublabel { font-size: 0.78rem; color: var(--text-muted); margin-top: 0.15rem; }\n .course-option .check { position: absolute; top: 8px; right: 8px; width: 22px; height: 22px; border-radius: 50%; background: var(--green-600); color: white; display: none; align-items: center; justify-content: center; font-size: 0.7rem; }\n .course-option.selected .check { display: flex !important; }\n .row { display: grid; gap: 1rem; margin-bottom: 1rem; }\n .row-2 { grid-template-columns: 1fr 1fr; }\n @media (max-width: 600px) { .row-2 { grid-template-columns: 1fr; } .course-selector { grid-template-columns: 1fr; } }\n .field { display: flex; flex-direction: column; }\n .field label { font-size: 0.82rem; font-weight: 600; color: var(--text-secondary); margin-bottom: 0.35rem; }\n .field label .req { color: var(--red-600); margin-left: 2px; }\n .field input[type=\"text\"], .field input[type=\"email\"], .field input[type=\"tel\"], .field input[type=\"number\"], .field select, .field textarea { padding: 0.7rem 0.85rem; border: 1.5px solid var(--border); border-radius: 8px; font-family: 'DM Sans', sans-serif; font-size: 0.92rem; color: var(--text-primary); background: var(--white); transition: border-color 0.2s, box-shadow 0.2s; outline: none; width: 100%; }\n .field input:focus, .field select:focus, .field textarea:focus { border-color: var(--border-focus); box-shadow: 0 0 0 3px rgba(61,155,61,0.12); }\n .field input.error, .field select.error { border-color: var(--red-600); background: var(--red-50); }\n .error-msg { color: var(--red-600); font-size: 0.78rem; margin-top: 0.25rem; display: none; }\n .option-group { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.25rem; }\n .option-pill { display: flex; align-items: center; gap: 0.4rem; padding: 0.5rem 1rem; border: 1.5px solid var(--border); border-radius: 50px; cursor: pointer; font-size: 0.85rem; font-weight: 500; transition: all 0.2s; user-select: none; color: var(--text-secondary); }\n .option-pill:hover { border-color: var(--green-500); background: var(--green-50); }\n .option-pill input { display: none; }\n .option-pill.selected { border-color: var(--green-600) !important; background: var(--green-100) !important; color: var(--green-900) !important; font-weight: 600 !important; }\n .option-pill .dot { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--border); position: relative; flex-shrink: 0; }\n .option-pill.selected .dot { border-color: var(--green-600); }\n .option-pill.selected .dot::after { content: ''; position: absolute; top: 3px; left: 3px; width: 6px; height: 6px; background: var(--green-600); border-radius: 50%; }\n .option-pill .box { width: 16px; height: 16px; border-radius: 4px; border: 2px solid var(--border); position: relative; flex-shrink: 0; }\n .option-pill.selected .box { border-color: var(--green-600); background: var(--green-600); }\n .option-pill.selected .box::after { content: '\\2713'; position: absolute; top: -2px; left: 1px; font-size: 0.7rem; color: white; font-weight: 700; }\n .indent-section { padding-left: 1rem; border-left: 3px solid var(--green-100); margin-top: 0.75rem; }\n .declaration { background: var(--green-50); border: 1.5px solid var(--green-100); border-radius: 10px; padding: 1.25rem; font-size: 0.88rem; color: var(--text-secondary); line-height: 1.65; margin-bottom: 1rem; }\n .declaration strong { color: var(--text-primary); }\n .consent-row { display: flex; align-items: flex-start; gap: 0.65rem; margin-top: 1rem; cursor: pointer; }\n .consent-row input[type=\"checkbox\"] { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--green-600); flex-shrink: 0; }\n .consent-row span { font-size: 0.88rem; color: var(--text-primary); font-weight: 500; }\n .btn-row { display: flex; gap: 0.75rem; margin-top: 1.5rem; flex-wrap: wrap; }\n .btn { padding: 0.85rem 2rem; border-radius: 10px; font-family: 'DM Sans', sans-serif; font-size: 0.95rem; font-weight: 600; cursor: pointer; border: none; transition: all 0.2s; }\n .btn-primary { background: linear-gradient(135deg, var(--green-600), var(--green-700)); color: var(--white); box-shadow: 0 2px 8px rgba(45,106,45,0.3); }\n .btn-primary:hover { box-shadow: 0 4px 16px rgba(45,106,45,0.4); transform: translateY(-1px); }\n .btn-secondary { background: var(--white); color: var(--text-secondary); border: 1.5px solid var(--border); }\n .btn-secondary:hover { border-color: var(--text-secondary); }\n .toast { position: fixed; top: 1.5rem; right: 1.5rem; background: var(--green-900); color: white; padding: 1rem 1.5rem; border-radius: 10px; font-size: 0.9rem; font-weight: 500; box-shadow: 0 6px 20px rgba(0,0,0,0.2); transform: translateX(120%); transition: transform 0.35s cubic-bezier(0.4,0,0.2,1); z-index: 999; }\n .toast.show { transform: translateX(0); }\n .footer-note { text-align: center; font-size: 0.8rem; color: var(--text-muted); margin-top: 1rem; padding: 1rem; }\n .footer-note a { color: var(--green-600); text-decoration: none; }\n\n \/* Conditional visibility - hidden by default *\/\n .kg-only { display: none !important; }\n .gt-only { display: none !important; }\n\n \/* Show when course selected - uses data attribute on wrapper div, not body or form *\/\n .form-wrapper[data-course=\"kg\"] .kg-only { display: block !important; }\n .form-wrapper[data-course=\"gt\"] .gt-only { display: block !important; }\n .form-wrapper[data-course=\"kg\"] .kg-only.row-2 { display: grid !important; }\n .form-wrapper[data-course=\"gt\"] .gt-only.row-2 { display: grid !important; }\n .form-wrapper[data-course=\"kg\"] .option-pill.kg-only { display: flex !important; }\n .form-wrapper[data-course=\"gt\"] .option-pill.gt-only { display: flex !important; }\n .form-wrapper[data-course=\"gt\"] .declaration .gt-only { display: inline !important; }\n\n @media print {\n body { background: white; }\n .page-header { background: var(--white) !important; border-bottom: 4px solid var(--green-600) !important; }\n .btn-row { display: none; }\n .card { break-inside: avoid; box-shadow: none; border: 1px solid #ddd; }\n }\n<\/style>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n<\/head>\n<body>\n\n<div class=\"page-header\">\n <div class=\"logo-row\">\n <img decoding=\"async\" src=\"https:\/\/farei.mu\/farei2021\/wp-content\/uploads\/2026\/04\/FAREI-Logo-Final.png\" alt=\"FAREI Logo\" class=\"logo-img\" crossorigin=\"anonymous\">\n <\/div>\n <h1>Food and Agricultural Research and Extension Institute<\/h1>\n <p>Training Course Application Form<\/p>\n<\/div>\n\n<div class=\"form-wrapper\" id=\"formWrapper\">\n<div class=\"form-container\">\n <form id=\"fareiForm\" novalidate>\n\n <div class=\"card\">\n <div class=\"card-title\"><span class=\"num\">1<\/span> Select Course Type<\/div>\n <div class=\"course-selector\">\n <div class=\"course-option\" data-course=\"gt\" id=\"courseGT\">\n <div class=\"check\">✓<\/div>\n <div class=\"icon\">🌾<\/div>\n <div class=\"label\">General Training Course<\/div>\n <div class=\"sublabel\">Crop, Livestock & Agribusiness<\/div>\n <\/div>\n <div class=\"course-option\" data-course=\"kg\" id=\"courseKG\">\n <div class=\"check\">✓<\/div>\n <div class=\"icon\">🌱<\/div>\n <div class=\"label\">Kitchen Gardening<\/div>\n <div class=\"sublabel\">Home garden training<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card gt-only\" id=\"gtCourseCard\" style=\"display:none\">\n <div class=\"card-title\"><span class=\"num\">•<\/span> Course Details<\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label for=\"courseApplied\">Course Applied For <span class=\"req\">*<\/span><\/label>\n <select id=\"courseApplied\" name=\"courseApplied\" required>\n <option value=\"\">-- Select Course --<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <div class=\"card-title\"><span class=\"num\">2<\/span> Personal Information<\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label>Title <span class=\"req\">*<\/span><\/label>\n <div class=\"option-group\">\n <label class=\"option-pill\" data-radio=\"title\"><input type=\"radio\" name=\"title\" value=\"Mr\" required><span class=\"dot\"><\/span> Mr<\/label>\n <label class=\"option-pill\" data-radio=\"title\"><input type=\"radio\" name=\"title\" value=\"Mrs\"><span class=\"dot\"><\/span> Mrs<\/label>\n <label class=\"option-pill\" data-radio=\"title\"><input type=\"radio\" name=\"title\" value=\"Ms\"><span class=\"dot\"><\/span> Ms<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row row-2\">\n <div class=\"field\">\n <label for=\"surname\">Surname <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"surname\" name=\"surname\" required>\n <\/div>\n <div class=\"field\">\n <label for=\"firstName\">First Name <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"firstName\" name=\"firstName\" required>\n <\/div>\n <\/div>\n <div class=\"row row-2\">\n <div class=\"field\">\n <label for=\"address\">Address <span class=\"req\">*<\/span><\/label>\n <textarea id=\"address\" name=\"address\" rows=\"2\" required style=\"resize:vertical\"><\/textarea>\n <\/div>\n <div class=\"field\">\n <label for=\"region\">Region <span class=\"req\">*<\/span><\/label>\n <select id=\"region\" name=\"region\" required>\n <option value=\"\">-- Select Region --<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"row row-2\">\n <div class=\"field\">\n <label for=\"fixedLine\">Fixed Line \/ Tel. No.<\/label>\n <input type=\"tel\" id=\"fixedLine\" name=\"fixedLine\" placeholder=\"e.g. 2604378\">\n <span class=\"error-msg\" id=\"fixedLineError\">Fixed line must be 7 digits starting with 2, 4 or 6<\/span>\n <\/div>\n <div class=\"field\">\n <label for=\"mobile\">Mobile No. <span class=\"req\">*<\/span><\/label>\n <input type=\"tel\" id=\"mobile\" name=\"mobile\" placeholder=\"e.g. 57001234\" required>\n <span class=\"error-msg\" id=\"mobileError\">Mobile must be 8 digits starting with 5<\/span>\n <\/div>\n <\/div>\n <div class=\"row row-2\">\n <div class=\"field\">\n <label for=\"email\">Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"your@email.com\">\n <\/div>\n <div class=\"field kg-only\">\n <label>WhatsApp Available?<\/label>\n <div class=\"option-group\">\n <label class=\"option-pill\" data-radio=\"whatsapp\"><input type=\"radio\" name=\"whatsapp\" value=\"Yes\"><span class=\"dot\"><\/span> Yes<\/label>\n <label class=\"option-pill\" data-radio=\"whatsapp\"><input type=\"radio\" name=\"whatsapp\" value=\"No\"><span class=\"dot\"><\/span> No<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label for=\"nic\">N.I.C No. <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"nic\" name=\"nic\" maxlength=\"14\" placeholder=\"e.g. A1234567890123\" required style=\"text-transform:uppercase; letter-spacing:0.1em; font-weight:600;\">\n <span class=\"error-msg\" id=\"nicError\">NIC must be 1 letter followed by 13 digits (e.g. A1234567890123)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <div class=\"card-title\"><span class=\"num\">3<\/span> Background & Experience<\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label>Educational Level <span class=\"req\">*<\/span><\/label>\n <div class=\"option-group\">\n <label class=\"option-pill\" data-radio=\"education\"><input type=\"radio\" name=\"education\" value=\"CPE\" required><span class=\"dot\"><\/span> CPE<\/label>\n <label class=\"option-pill\" data-radio=\"education\"><input type=\"radio\" name=\"education\" value=\"Secondary\"><span class=\"dot\"><\/span> Secondary<\/label>\n <label class=\"option-pill\" data-radio=\"education\"><input type=\"radio\" name=\"education\" value=\"Tertiary\"><span class=\"dot\"><\/span> Tertiary<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label for=\"occupation\">Occupation<\/label>\n <input type=\"text\" id=\"occupation\" name=\"occupation\">\n <\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label>Current Involvement in Agriculture <span class=\"req\">*<\/span><\/label>\n <div class=\"option-group\">\n <label class=\"option-pill\" data-radio=\"involvement\"><input type=\"radio\" name=\"involvement\" value=\"Part time\" required><span class=\"dot\"><\/span> Part time<\/label>\n <label class=\"option-pill\" data-radio=\"involvement\"><input type=\"radio\" name=\"involvement\" value=\"Full time\"><span class=\"dot\"><\/span> Full time<\/label>\n <label class=\"option-pill\" data-radio=\"involvement\"><input type=\"radio\" name=\"involvement\" value=\"Nil\"><span class=\"dot\"><\/span> Nil<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"indent-section\">\n <div class=\"row\">\n <div class=\"field\">\n <label>Crop Production Type<\/label>\n <div class=\"option-group\">\n <label class=\"option-pill\" data-check=\"cropType\"><input type=\"checkbox\" name=\"cropType\" value=\"Open field\"><span class=\"box\"><\/span> Open field<\/label>\n <label class=\"option-pill gt-only\" data-check=\"cropType\"><input type=\"checkbox\" name=\"cropType\" value=\"Hydroponics\"><span class=\"box\"><\/span> Hydroponics<\/label>\n <label class=\"option-pill kg-only\" data-check=\"cropType\"><input type=\"checkbox\" name=\"cropType\" value=\"Sheltered Farming\"><span class=\"box\"><\/span> Sheltered Farming<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row row-2\">\n <div class=\"field\">\n <label for=\"areaProduction\">Area under Production (Arp\/Ha)<\/label>\n <input type=\"text\" id=\"areaProduction\" name=\"areaProduction\">\n <\/div>\n <\/div>\n <div class=\"row row-2\">\n <div class=\"field\">\n <label for=\"livestockSpecies\">Livestock - Species<\/label>\n <input type=\"text\" id=\"livestockSpecies\" name=\"livestockSpecies\">\n <\/div>\n <div class=\"field\">\n <label for=\"livestockHeads\">No. of Heads<\/label>\n <input type=\"number\" id=\"livestockHeads\" name=\"livestockHeads\" min=\"0\">\n <\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label for=\"agribusiness\">Agribusiness (processing, marketing, etc.)<\/label>\n <input type=\"text\" id=\"agribusiness\" name=\"agribusiness\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row\" style=\"margin-top:1rem\">\n <div class=\"field\">\n <label for=\"yearsExperience\">Years of Experience in Agricultural Activity<\/label>\n <input type=\"number\" id=\"yearsExperience\" name=\"yearsExperience\" min=\"0\" max=\"80\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card kg-only\">\n <div class=\"card-title\"><span class=\"num\">4<\/span> Training Preferences<\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label>Training Mode Interested <span class=\"req\">*<\/span><\/label>\n <div class=\"option-group\">\n <label class=\"option-pill\" data-radio=\"trainingMode\"><input type=\"radio\" name=\"trainingMode\" value=\"Face to Face\"><span class=\"dot\"><\/span> Face to Face<\/label>\n <label class=\"option-pill\" data-radio=\"trainingMode\"><input type=\"radio\" name=\"trainingMode\" value=\"Online\"><span class=\"dot\"><\/span> Online<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label>Preferred Day of Training <span class=\"req\">*<\/span><\/label>\n <div class=\"option-group\">\n <label class=\"option-pill\" data-radio=\"trainingDay\"><input type=\"radio\" name=\"trainingDay\" value=\"Weekday\"><span class=\"dot\"><\/span> Weekday<\/label>\n <label class=\"option-pill\" data-radio=\"trainingDay\"><input type=\"radio\" name=\"trainingDay\" value=\"Saturday (9:00 - 12:00 hr)\"><span class=\"dot\"><\/span> Saturday (9:00 - 12:00 hr)<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div style=\"font-size:0.88rem; color:var(--text-secondary); margin-top:0.5rem;\">\n <strong>Duration of course:<\/strong> 2 half days | <strong>Certificate:<\/strong> Issued on full completion of training\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <div class=\"card-title\"><span class=\"num\">5<\/span> Declaration<\/div>\n <div class=\"declaration\">\n I hereby apply to follow the above-named course. I declare that the information given above is correct to the best of my knowledge and agree to abide by the rules and regulations of the training centre.\n <br><br>\n <span class=\"gt-only\"><strong>General Training:<\/strong> A registration fee of Rs 300 (or Rs 600 for agro-processing courses) is payable. <\/span>\n A postage fee of Rs 60 is applicable if you wish to have your certificate posted.\n <\/div>\n <label class=\"consent-row\" for=\"consent\">\n <input type=\"checkbox\" id=\"consent\" name=\"consent\" required>\n <span>I agree to the above declaration and confirm all information provided is accurate. <span class=\"req\">*<\/span><\/span>\n <\/label>\n <div class=\"row row-2\" style=\"margin-top:1.25rem\">\n <div class=\"field\">\n <label for=\"appDate\">Date <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"appDate\" name=\"appDate\" readonly>\n <\/div>\n <div class=\"field\">\n <label for=\"fullName\">Full Name (as signature) <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"fullName\" name=\"fullName\" placeholder=\"Type your full name\" required>\n <\/div>\n <\/div>\n <div class=\"btn-row\">\n <button type=\"submit\" class=\"btn btn-primary\" id=\"submitBtn\">Submit Application<\/button>\n <button type=\"button\" class=\"btn btn-secondary\" id=\"pdfBtn\">Download PDF<\/button>\n <button type=\"button\" class=\"btn btn-secondary\" id=\"printBtn\">Print Form<\/button>\n <button type=\"button\" class=\"btn btn-secondary\" id=\"resetBtn\">Reset<\/button>\n <\/div>\n <\/div>\n\n <\/form>\n<\/div>\n<\/div>\n\n<div class=\"toast\" id=\"toast\"><\/div>\n\n\n<script data-cfasync=\"false\" type=\"text\/javascript\">\n(function() {\n\n var selectedCourse = null;\n var wrapper = document.getElementById('formWrapper');\n var form = document.getElementById('fareiForm');\n var nicField = document.getElementById('nic');\n var courseGT = document.getElementById('courseGT');\n var courseKG = document.getElementById('courseKG');\n var gtCourseCard = document.getElementById('gtCourseCard');\n\n \/\/ \u2500\u2500 Course selection using direct ID references \u2500\u2500\n courseGT.onclick = function() {\n selectedCourse = 'gt';\n courseGT.className = 'course-option selected';\n courseKG.className = 'course-option';\n wrapper.setAttribute('data-course', 'gt');\n gtCourseCard.style.display = 'block';\n reportHeight();\n };\n\n courseKG.onclick = function() {\n selectedCourse = 'kg';\n courseKG.className = 'course-option selected';\n courseGT.className = 'course-option';\n wrapper.setAttribute('data-course', 'kg');\n gtCourseCard.style.display = 'none';\n reportHeight();\n };\n\n \/\/ \u2500\u2500 Pill click handling using event delegation on the form \u2500\u2500\n form.onclick = function(e) {\n var pill = e.target.closest('.option-pill');\n if (!pill) return;\n\n var input = pill.querySelector('input');\n if (!input) return;\n\n e.preventDefault();\n\n if (input.type === 'radio') {\n \/\/ Deselect siblings in same group\n var groupName = input.name;\n var allInGroup = form.querySelectorAll('input[name=\"' + groupName + '\"]');\n for (var i = 0; i < allInGroup.length; i++) {\n allInGroup[i].checked = false;\n allInGroup[i].closest('.option-pill').className = 'option-pill' + (allInGroup[i].closest('.option-pill').getAttribute('class').indexOf('-only') > -1 ? ' ' + allInGroup[i].closest('.option-pill').getAttribute('class').split(' ').filter(function(c){return c.indexOf('-only')>-1;}).join(' ') : '');\n }\n input.checked = true;\n \/\/ Preserve any kg-only or gt-only class\n var extraClass = '';\n var classes = pill.getAttribute('class').split(' ');\n for (var j = 0; j < classes.length; j++) {\n if (classes[j].indexOf('-only') > -1) extraClass += ' ' + classes[j];\n }\n pill.className = 'option-pill selected' + extraClass;\n } else if (input.type === 'checkbox') {\n input.checked = !input.checked;\n var extraCls = '';\n var cls = pill.getAttribute('class').split(' ');\n for (var k = 0; k < cls.length; k++) {\n if (cls[k].indexOf('-only') > -1) extraCls += ' ' + cls[k];\n }\n if (input.checked) {\n pill.className = 'option-pill selected' + extraCls;\n } else {\n pill.className = 'option-pill' + extraCls;\n }\n }\n };\n\n \/\/ \u2500\u2500 NIC field \u2500\u2500\n nicField.oninput = function() {\n \/\/ First character: letter only. Rest: digits only.\n var raw = this.value.toUpperCase().replace(\/\\s\/g, '');\n var clean = '';\n for (var c = 0; c < raw.length && c < 14; c++) {\n if (c === 0) {\n if (\/[A-Z]\/.test(raw[c])) clean += raw[c];\n } else {\n if (\/[0-9]\/.test(raw[c])) clean += raw[c];\n }\n }\n this.value = clean;\n };\n\n \/\/ \u2500\u2500 Mobile number input handler (digits only, max 8) \u2500\u2500\n var mobileField = document.getElementById('mobile');\n mobileField.oninput = function() {\n this.value = this.value.replace(\/[^0-9]\/g, '').substring(0, 8);\n };\n\n \/\/ \u2500\u2500 Fixed line input handler (digits only, max 7) \u2500\u2500\n var fixedLineField = document.getElementById('fixedLine');\n fixedLineField.oninput = function() {\n this.value = this.value.replace(\/[^0-9]\/g, '').substring(0, 7);\n };\n\n \/\/ \u2500\u2500 Set today's date \u2500\u2500\n var months = ['January','February','March','April','May','June','July','August','September','October','November','December'];\n function setTodayDate() {\n var now = new Date();\n var day = now.getDate();\n if (day < 10) day = '0' + day;\n document.getElementById('appDate').value = day + ' ' + months[now.getMonth()] + ' ' + now.getFullYear();\n }\n setTodayDate();\n\n \/\/ \u2500\u2500 Load dropdown options from Google Sheet (JSONP - no CORS issues) \u2500\u2500\n window.fareiLoadOptions = function(result) {\n var regionSelect = document.getElementById('region');\n var courseSelect = document.getElementById('courseApplied');\n if (result.regions) {\n for (var i = 0; i < result.regions.length; i++) {\n var opt = document.createElement('option');\n opt.value = result.regions[i];\n opt.textContent = result.regions[i];\n regionSelect.appendChild(opt);\n }\n }\n if (result.courses) {\n for (var j = 0; j < result.courses.length; j++) {\n var opt2 = document.createElement('option');\n opt2.value = result.courses[j];\n opt2.textContent = result.courses[j];\n courseSelect.appendChild(opt2);\n }\n }\n };\n var optScript = document.createElement('script');\n optScript.src = 'https:\/\/script.google.com\/macros\/s\/AKfycbwEc5Gk0GEuIcSbklF-JHZ2Kgl0Wx8pvS49LINIpheabF8Evu8feLnwFB8f8xt1kn-j\/exec?action=getOptions&callback=fareiLoadOptions&t=' + Date.now();\n document.body.appendChild(optScript);\n\n \/\/ \u2500\u2500 Toast \u2500\u2500\n function showToast(msg, isError) {\n var t = document.getElementById('toast');\n t.textContent = msg;\n t.style.background = isError ? '#c0392b' : '#1a3a1a';\n t.className = 'toast show';\n setTimeout(function() { t.className = 'toast'; }, 5500);\n }\n\n \/\/ \u2500\u2500 Validation \u2500\u2500\n function validate() {\n var valid = true;\n var fields = form.querySelectorAll('[required]');\n for (var i = 0; i < fields.length; i++) {\n var el = fields[i];\n if (el.type === 'radio') {\n var radios = form.querySelectorAll('input[name=\"' + el.name + '\"]');\n var anyChecked = false;\n for (var r = 0; r < radios.length; r++) { if (radios[r].checked) anyChecked = true; }\n if (!anyChecked) valid = false;\n } else if (el.type === 'checkbox') {\n if (!el.checked) valid = false;\n } else if (!el.value.trim()) {\n el.className = (el.className + ' error').replace(' error error', ' error');\n valid = false;\n } else {\n el.className = el.className.replace(' error', '');\n }\n }\n if (!selectedCourse) { showToast('Please select a course type.', true); return false; }\n\n \/\/ Mauritian Mobile validation: 8 digits starting with 5\n var mobileVal = mobileField.value.trim();\n if (mobileVal.length !== 8 || mobileVal[0] !== '5') {\n document.getElementById('mobileError').style.display = 'block';\n mobileField.className = (mobileField.className + ' error').replace(' error error', ' error');\n valid = false;\n } else {\n document.getElementById('mobileError').style.display = 'none';\n mobileField.className = mobileField.className.replace(' error', '');\n }\n\n \/\/ Mauritian Fixed Line validation (optional field): 7 digits starting with 2, 4, or 6\n var fixedVal = fixedLineField.value.trim();\n if (fixedVal.length > 0) {\n if (fixedVal.length !== 7 || !\/^[246]\/.test(fixedVal)) {\n document.getElementById('fixedLineError').style.display = 'block';\n fixedLineField.className = (fixedLineField.className + ' error').replace(' error error', ' error');\n valid = false;\n } else {\n document.getElementById('fixedLineError').style.display = 'none';\n fixedLineField.className = fixedLineField.className.replace(' error', '');\n }\n } else {\n document.getElementById('fixedLineError').style.display = 'none';\n fixedLineField.className = fixedLineField.className.replace(' error', '');\n }\n\n \/\/ Mauritian NIC validation: 1 letter + 13 digits = 14 characters\n var nicVal = nicField.value.trim();\n if (nicVal.length !== 14 || !\/^[A-Z]\\d{13}$\/.test(nicVal)) {\n document.getElementById('nicError').style.display = 'block';\n nicField.className = (nicField.className + ' error').replace(' error error', ' error');\n valid = false;\n } else {\n document.getElementById('nicError').style.display = 'none';\n nicField.className = nicField.className.replace(' error', '');\n }\n if (!document.getElementById('consent').checked) { showToast('Please accept the declaration to continue.', true); return false; }\n if (!valid) showToast('Please fill in all required fields.', true);\n return valid;\n }\n\n \/\/ \u2500\u2500 Collect data \u2500\u2500\n function collectData() {\n var data = {};\n data.courseType = selectedCourse === 'kg' ? 'Kitchen Gardening' : 'General Training';\n data.title = getRadio('title');\n data.surname = val('surname');\n data.firstName = val('firstName');\n data.address = val('address');\n data.region = val('region');\n data.fixedLine = val('fixedLine');\n data.mobile = val('mobile');\n data.email = val('email');\n data.nic = nicField.value.trim();\n data.education = getRadio('education');\n data.occupation = val('occupation');\n data.involvement = getRadio('involvement');\n var crops = [];\n var cropChecks = form.querySelectorAll('input[name=\"cropType\"]:checked');\n for (var i = 0; i < cropChecks.length; i++) crops.push(cropChecks[i].value);\n data.cropType = crops.join(', ');\n data.areaProduction = val('areaProduction');\n data.livestockSpecies = val('livestockSpecies');\n data.livestockHeads = val('livestockHeads');\n data.agribusiness = val('agribusiness');\n data.yearsExperience = val('yearsExperience');\n if (selectedCourse === 'kg') { data.whatsapp = getRadio('whatsapp'); data.trainingMode = getRadio('trainingMode'); data.trainingDay = getRadio('trainingDay'); }\n if (selectedCourse === 'gt') { data.courseApplied = val('courseApplied'); }\n data.date = val('appDate');\n data.fullName = val('fullName');\n return data;\n }\n function val(id) { var e = document.getElementById(id); return e ? e.value : ''; }\n function getRadio(name) { var r = form.querySelector('input[name=\"' + name + '\"]:checked'); return r ? r.value : ''; }\n\n \/\/ \u2500\u2500 Submit \u2500\u2500\n form.onsubmit = function(e) {\n e.preventDefault();\n if (!validate()) return;\n var data = collectData();\n\n \/\/ Submit via hidden form (reliable method for Google Apps Script)\n var SCRIPT_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwEc5Gk0GEuIcSbklF-JHZ2Kgl0Wx8pvS49LINIpheabF8Evu8feLnwFB8f8xt1kn-j\/exec';\n var iframe = document.createElement('iframe');\n iframe.name = 'farei_submit_frame';\n iframe.style.display = 'none';\n document.body.appendChild(iframe);\n var hiddenForm = document.createElement('form');\n hiddenForm.method = 'POST';\n hiddenForm.action = SCRIPT_URL;\n hiddenForm.target = 'farei_submit_frame';\n var input = document.createElement('input');\n input.type = 'hidden';\n input.name = 'payload';\n input.value = JSON.stringify(data);\n hiddenForm.appendChild(input);\n document.body.appendChild(hiddenForm);\n hiddenForm.submit();\n document.body.removeChild(hiddenForm);\n setTimeout(function() { document.body.removeChild(iframe); }, 5000);\n\n showToast('Application submitted successfully!');\n window.scrollTo({ top: 0, behavior: 'smooth' });\n try { window.parent.scrollTo({ top: 0, behavior: 'smooth' }); } catch(e) {}\n selectedCourse = null;\n wrapper.removeAttribute('data-course');\n gtCourseCard.style.display = 'none';\n courseGT.className = 'course-option';\n courseKG.className = 'course-option';\n var pills2 = form.querySelectorAll('.option-pill');\n for (var i2 = 0; i2 < pills2.length; i2++) {\n var cls2 = pills2[i2].className.split(' ');\n var keep2 = ['option-pill'];\n for (var j2 = 0; j2 < cls2.length; j2++) { if (cls2[j2].indexOf('-only') > -1) keep2.push(cls2[j2]); }\n pills2[i2].className = keep2.join(' ');\n }\n nicField.value = '';\n form.reset();\n setTodayDate();\n reportHeight();\n };\n\n \/\/ \u2500\u2500 Reset \u2500\u2500\n document.getElementById('resetBtn').onclick = function() {\n selectedCourse = null;\n wrapper.removeAttribute('data-course');\n gtCourseCard.style.display = 'none';\n courseGT.className = 'course-option';\n courseKG.className = 'course-option';\n var pills = form.querySelectorAll('.option-pill');\n for (var i = 0; i < pills.length; i++) {\n var cls = pills[i].className.split(' ');\n var keep = ['option-pill'];\n for (var j = 0; j < cls.length; j++) { if (cls[j].indexOf('-only') > -1) keep.push(cls[j]); }\n pills[i].className = keep.join(' ');\n }\n var errors = form.querySelectorAll('.error');\n for (var k = 0; k < errors.length; k++) errors[k].className = errors[k].className.replace(' error', '');\n document.getElementById('nicError').style.display = 'none';\n document.getElementById('mobileError').style.display = 'none';\n document.getElementById('fixedLineError').style.display = 'none';\n nicField.value = '';\n form.reset();\n setTodayDate();\n reportHeight();\n };\n\n \/\/ \u2500\u2500 PDF Generation Function (shared by Download PDF and Print) \u2500\u2500\n function generatePDF(action) {\n if (!selectedCourse) { showToast('Please select a course type first.', true); return; }\n var data = collectData();\n var jsPDF = window.jspdf.jsPDF;\n var doc = new jsPDF('p', 'mm', 'a4');\n var W = 210;\n var H = 297;\n var margin = 18;\n var col = W - margin * 2;\n var y = 0;\n var green = [45, 106, 45];\n var darkGreen = [26, 58, 26];\n var lightGreen = [232, 245, 232];\n var gray = [100, 100, 100];\n var black = [30, 30, 30];\n\n \/\/ \u2500\u2500 Try to load logo \u2500\u2500\n var logoImg = document.querySelector('.logo-img');\n var logoData = null;\n if (logoImg && logoImg.complete && logoImg.naturalWidth > 0) {\n try {\n var canvas = document.createElement('canvas');\n canvas.width = logoImg.naturalWidth;\n canvas.height = logoImg.naturalHeight;\n var ctx = canvas.getContext('2d');\n ctx.drawImage(logoImg, 0, 0);\n logoData = canvas.toDataURL('image\/png');\n } catch(e) { logoData = null; }\n }\n\n \/\/ \u2500\u2500 Header \u2500\u2500\n doc.setFillColor(green[0], green[1], green[2]);\n doc.rect(0, 0, W, 36, 'F');\n\n \/\/ Logo\n if (logoData) {\n try {\n doc.addImage(logoData, 'PNG', W \/ 2 - 8, 2, 16, 16);\n y = 20;\n } catch(e) { y = 8; }\n } else {\n y = 8;\n }\n\n doc.setTextColor(255, 255, 255);\n doc.setFontSize(13);\n doc.setFont('helvetica', 'bold');\n doc.text('Food and Agricultural Research and Extension Institute (FAREI)', W \/ 2, y, { align: 'center' });\n y += 7;\n doc.setFontSize(10);\n doc.setFont('helvetica', 'normal');\n var courseTitle = selectedCourse === 'kg' ? 'Application Form for Training on Kitchen Gardening' : 'Application Form for Training Course';\n doc.text(courseTitle, W \/ 2, y, { align: 'center' });\n y += 5;\n doc.setFontSize(7);\n doc.text('FAREI reserves the right not to conduct the training in case of low response', W \/ 2, y, { align: 'center' });\n y = 42;\n\n \/\/ \u2500\u2500 Helper functions \u2500\u2500\n function checkPage(needed) {\n if (y + needed > H - 15) { doc.addPage(); y = 20; }\n }\n\n function sectionTitle(title) {\n checkPage(15);\n doc.setFillColor(lightGreen[0], lightGreen[1], lightGreen[2]);\n doc.rect(margin, y, col, 8, 'F');\n doc.setDrawColor(green[0], green[1], green[2]);\n doc.setLineWidth(0.5);\n doc.line(margin, y, margin, y + 8);\n doc.line(margin, y + 8, margin + col, y + 8);\n doc.setTextColor(darkGreen[0], darkGreen[1], darkGreen[2]);\n doc.setFontSize(10);\n doc.setFont('helvetica', 'bold');\n doc.text(title, margin + 4, y + 5.5);\n y += 12;\n }\n\n function fieldRow(label, value) {\n checkPage(9);\n doc.setTextColor(gray[0], gray[1], gray[2]);\n doc.setFontSize(8.5);\n doc.setFont('helvetica', 'normal');\n doc.text(label, margin + 2, y);\n doc.setTextColor(black[0], black[1], black[2]);\n doc.setFontSize(9.5);\n doc.setFont('helvetica', 'bold');\n doc.text(String(value || 'N\/A'), margin + 58, y);\n doc.setDrawColor(210, 210, 210);\n doc.setLineWidth(0.2);\n doc.line(margin, y + 2, margin + col, y + 2);\n y += 7;\n }\n\n function fieldRowWide(label, value) {\n checkPage(14);\n doc.setTextColor(gray[0], gray[1], gray[2]);\n doc.setFontSize(8.5);\n doc.setFont('helvetica', 'normal');\n doc.text(label, margin + 2, y);\n y += 5;\n doc.setTextColor(black[0], black[1], black[2]);\n doc.setFontSize(9.5);\n doc.setFont('helvetica', 'bold');\n var lines = doc.splitTextToSize(String(value || 'N\/A'), col - 4);\n doc.text(lines, margin + 2, y);\n y += lines.length * 4.5;\n doc.setDrawColor(210, 210, 210);\n doc.setLineWidth(0.2);\n doc.line(margin, y, margin + col, y);\n y += 3;\n }\n\n function twoColumnRow(label1, value1, label2, value2) {\n checkPage(9);\n var halfCol = col \/ 2 - 2;\n doc.setTextColor(gray[0], gray[1], gray[2]);\n doc.setFontSize(8.5);\n doc.setFont('helvetica', 'normal');\n doc.text(label1, margin + 2, y);\n doc.text(label2, margin + halfCol + 6, y);\n doc.setTextColor(black[0], black[1], black[2]);\n doc.setFontSize(9.5);\n doc.setFont('helvetica', 'bold');\n doc.text(String(value1 || 'N\/A'), margin + 38, y);\n doc.text(String(value2 || 'N\/A'), margin + halfCol + 42, y);\n doc.setDrawColor(210, 210, 210);\n doc.setLineWidth(0.2);\n doc.line(margin, y + 2, margin + col, y + 2);\n y += 7;\n }\n\n \/\/ \u2500\u2500 Personal Information \u2500\u2500\n sectionTitle('Personal Information');\n fieldRow('Title:', data.title);\n twoColumnRow('Surname:', data.surname, 'First Name:', data.firstName);\n fieldRowWide('Address:', data.address);\n fieldRow('Region:', data.region);\n twoColumnRow('Fixed Line:', data.fixedLine, 'Mobile No.:', data.mobile);\n fieldRow('Email:', data.email);\n if (selectedCourse === 'kg') {\n fieldRow('WhatsApp:', data.whatsapp);\n }\n fieldRow('N.I.C No.:', data.nic);\n y += 3;\n\n \/\/ \u2500\u2500 Background & Experience \u2500\u2500\n sectionTitle('Background & Experience');\n fieldRow('Educational Level:', data.education);\n fieldRow('Occupation:', data.occupation);\n fieldRow('Agriculture Involvement:', data.involvement);\n y += 2;\n\n doc.setTextColor(darkGreen[0], darkGreen[1], darkGreen[2]);\n doc.setFontSize(9);\n doc.setFont('helvetica', 'bold');\n doc.text('Agricultural Activity Details', margin + 2, y);\n y += 6;\n\n fieldRow('Crop Production:', data.cropType || 'N\/A');\n fieldRow('Area (Arp\/Ha):', data.areaProduction);\n twoColumnRow('Livestock Species:', data.livestockSpecies, 'No. of Heads:', data.livestockHeads);\n fieldRow('Agribusiness:', data.agribusiness);\n fieldRow('Years of Experience:', data.yearsExperience);\n y += 3;\n\n \/\/ \u2500\u2500 Course-specific section \u2500\u2500\n if (selectedCourse === 'kg') {\n sectionTitle('Training Preferences');\n fieldRow('Training Mode:', data.trainingMode);\n fieldRow('Preferred Day:', data.trainingDay);\n fieldRow('Duration:', '2 half days');\n fieldRow('Certificate:', 'Issued on full completion');\n y += 3;\n } else {\n sectionTitle('Course Details');\n fieldRow('Course Applied For:', data.courseApplied);\n fieldRow('Registration Fee:', 'Rs 300 (Rs 600 for agro-processing)');\n fieldRow('Postage Fee:', 'Rs 60 (if certificate to be posted)');\n y += 3;\n }\n\n \/\/ \u2500\u2500 Declaration \u2500\u2500\n sectionTitle('Declaration');\n doc.setTextColor(black[0], black[1], black[2]);\n doc.setFontSize(8.5);\n doc.setFont('helvetica', 'normal');\n var declText = 'I hereby apply to follow the above-named course. I declare that the information given above is correct to the best of my knowledge and agree to abide by the rules and regulations of the training centre.';\n if (selectedCourse === 'gt') {\n declText += ' I agree to pay a registration fee of Rs 300 or Rs 600 in case of training in agro-processing courses.';\n }\n declText += ' A postage fee of Rs 60 is applicable in case I wish to have my certificate posted.';\n var declLines = doc.splitTextToSize(declText, col - 4);\n checkPage(declLines.length * 4 + 10);\n doc.text(declLines, margin + 2, y);\n y += declLines.length * 4 + 5;\n\n twoColumnRow('Date:', data.date, 'Signature:', data.fullName);\n y += 5;\n\n \/\/ \u2500\u2500 Footer \u2500\u2500\n checkPage(35);\n doc.setDrawColor(green[0], green[1], green[2]);\n doc.setLineWidth(0.5);\n doc.line(margin, y, margin + col, y);\n y += 5;\n doc.setTextColor(gray[0], gray[1], gray[2]);\n doc.setFontSize(7.5);\n doc.setFont('helvetica', 'normal');\n doc.text('For any queries contact the Training Unit on 433-4378 \/ 9350 or by email on training@farei.mu.', margin + 2, y);\n y += 8;\n doc.text('FAREI, FSC Building, Royal Road, St. Pierre', margin + 2, y);\n y += 4;\n\n \/\/ \u2500\u2500 Office use box \u2500\u2500\n \/\/ doc.setDrawColor(green[0], green[1], green[2]);\n \/\/ doc.setLineWidth(0.4);\n \/\/ doc.setFillColor(lightGreen[0], lightGreen[1], lightGreen[2]);\n \/\/ doc.rect(margin, y, col, 18, 'FD');\n \/\/ doc.setTextColor(darkGreen[0], darkGreen[1], darkGreen[2]);\n \/\/ doc.setFontSize(9);\n \/\/ doc.setFont('helvetica', 'bold');\n \/\/ doc.text('For Office Use', margin + 4, y + 6);\n \/\/ doc.setFont('helvetica', 'normal');\n \/\/ doc.setFontSize(8.5);\n \/\/ doc.text('Registered No.: ___________________________', margin + 4, y + 13);\n \/\/ doc.text('Course: ___________________________________', margin + col \/ 2, y + 13);\n\n \/\/ \u2500\u2500 Action: save or print \u2500\u2500\n var filename = 'FAREI_Application_' + (data.surname || 'Form') + '_' + (data.firstName || '') + '.pdf';\n if (action === 'print') {\n doc.autoPrint();\n window.open(doc.output('bloburl'), '_blank');\n showToast('PDF opened for printing!');\n } else {\n doc.save(filename);\n showToast('PDF downloaded successfully!');\n }\n }\n\n \/\/ \u2500\u2500 Download PDF button \u2500\u2500\n document.getElementById('pdfBtn').onclick = function() { generatePDF('download'); };\n\n \/\/ \u2500\u2500 Print button (now prints the PDF) \u2500\u2500\n document.getElementById('printBtn').onclick = function() { generatePDF('print'); };\n function reportHeight() {\n try {\n if (window.parent !== window) {\n window.parent.postMessage({ type: 'fareiFormHeight', height: document.body.scrollHeight + 40 }, '*');\n }\n } catch(e) {}\n }\n reportHeight();\n setTimeout(reportHeight, 500);\n setTimeout(reportHeight, 2000);\n\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FAREI – Training Course Application Food and Agricultural Research and Extension Institute Training Course Application Form 1 Select Course Type ✓ 🌾 General Training Course Crop, Livestock & Agribusiness ✓ 🌱 Kitchen Gardening Home garden training • Course Details Course Applied For * — Select Course — 2 Personal Information Title * Mr Mrs Ms […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5483","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages\/5483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5483"}],"version-history":[{"count":16,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages\/5483\/revisions"}],"predecessor-version":[{"id":5873,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages\/5483\/revisions\/5873"}],"wp:attachment":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n\n\nFAREI - Training Course Application<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:wght@400;600;700&family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root {\n --green-900: #1a3a1a; --green-700: #2d6a2d; --green-600: #368236;\n --green-500: #3d9b3d; --green-100: #e8f5e8; --green-50: #f3faf3;\n --sand-50: #faf9f6; --text-primary: #1a2e1a; --text-secondary: #4a5e4a;\n --text-muted: #7a8a7a; --border: #c8d4c8; --border-focus: #3d9b3d;\n --white: #ffffff; --red-600: #c0392b; --red-50: #fdf2f0;\n }\n body { font-family: 'DM Sans', sans-serif; background: var(--sand-50); color: var(--text-primary); line-height: 1.6; min-height: 100vh; }\n .page-header { background: var(--white); color: var(--green-900); padding: 2.5rem 1.5rem 2rem; text-align: center; border-bottom: 4px solid var(--green-600); }\n .page-header h1 { font-family: 'Source Serif 4', serif; font-size: 1.55rem; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 0.25rem; color: var(--green-700); }\n .page-header p { font-size: 0.92rem; opacity: 0.85; font-weight: 400; color: var(--text-secondary); }\n .logo-row { display: flex; align-items: center; justify-content: center; gap: 0.75rem; margin-bottom: 0.75rem; }\n .logo-img { height: 65px; max-height: 65px; max-width: 180px; width: auto; object-fit: contain; }\n .form-container { max-width: 960px; margin: 1.5rem auto 3rem; padding: 0 1.25rem; position: relative; z-index: 1; }\n .card { background: var(--white); border-radius: 14px; padding: 2rem; margin-bottom: 1.25rem; box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04); border: 1px solid rgba(0,0,0,0.04); }\n .card-title { font-family: 'Source Serif 4', serif; font-size: 1.15rem; font-weight: 700; color: var(--green-900); margin-bottom: 1.5rem; padding-bottom: 0.75rem; border-bottom: 2px solid var(--green-100); display: flex; align-items: center; gap: 0.5rem; }\n .card-title .num { background: var(--green-600); color: var(--white); width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-family: 'DM Sans', sans-serif; font-size: 0.82rem; font-weight: 700; flex-shrink: 0; }\n .course-selector { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }\n .course-option { border: 2px solid var(--border); border-radius: 10px; padding: 1.15rem 1rem; cursor: pointer; transition: all 0.2s; text-align: center; position: relative; }\n .course-option:hover { border-color: var(--green-500); background: var(--green-50); }\n .course-option.selected { border-color: var(--green-600) !important; background: var(--green-50) !important; box-shadow: 0 0 0 3px rgba(61,155,61,0.15) !important; }\n .course-option .icon { font-size: 1.6rem; margin-bottom: 0.35rem; }\n .course-option .label { font-weight: 600; font-size: 0.88rem; color: var(--text-primary); }\n .course-option .sublabel { font-size: 0.78rem; color: var(--text-muted); margin-top: 0.15rem; }\n .course-option .check { position: absolute; top: 8px; right: 8px; width: 22px; height: 22px; border-radius: 50%; background: var(--green-600); color: white; display: none; align-items: center; justify-content: center; font-size: 0.7rem; }\n .course-option.selected .check { display: flex !important; }\n .row { display: grid; gap: 1rem; margin-bottom: 1rem; }\n .row-2 { grid-template-columns: 1fr 1fr; }\n @media (max-width: 600px) { .row-2 { grid-template-columns: 1fr; } .course-selector { grid-template-columns: 1fr; } }\n .field { display: flex; flex-direction: column; }\n .field label { font-size: 0.82rem; font-weight: 600; color: var(--text-secondary); margin-bottom: 0.35rem; }\n .field label .req { color: var(--red-600); margin-left: 2px; }\n .field input[type=\"text\"], .field input[type=\"email\"], .field input[type=\"tel\"], .field input[type=\"number\"], .field select, .field textarea { padding: 0.7rem 0.85rem; border: 1.5px solid var(--border); border-radius: 8px; font-family: 'DM Sans', sans-serif; font-size: 0.92rem; color: var(--text-primary); background: var(--white); transition: border-color 0.2s, box-shadow 0.2s; outline: none; width: 100%; }\n .field input:focus, .field select:focus, .field textarea:focus { border-color: var(--border-focus); box-shadow: 0 0 0 3px rgba(61,155,61,0.12); }\n .field input.error, .field select.error { border-color: var(--red-600); background: var(--red-50); }\n .error-msg { color: var(--red-600); font-size: 0.78rem; margin-top: 0.25rem; display: none; }\n .option-group { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.25rem; }\n .option-pill { display: flex; align-items: center; gap: 0.4rem; padding: 0.5rem 1rem; border: 1.5px solid var(--border); border-radius: 50px; cursor: pointer; font-size: 0.85rem; font-weight: 500; transition: all 0.2s; user-select: none; color: var(--text-secondary); }\n .option-pill:hover { border-color: var(--green-500); background: var(--green-50); }\n .option-pill input { display: none; }\n .option-pill.selected { border-color: var(--green-600) !important; background: var(--green-100) !important; color: var(--green-900) !important; font-weight: 600 !important; }\n .option-pill .dot { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--border); position: relative; flex-shrink: 0; }\n .option-pill.selected .dot { border-color: var(--green-600); }\n .option-pill.selected .dot::after { content: ''; position: absolute; top: 3px; left: 3px; width: 6px; height: 6px; background: var(--green-600); border-radius: 50%; }\n .option-pill .box { width: 16px; height: 16px; border-radius: 4px; border: 2px solid var(--border); position: relative; flex-shrink: 0; }\n .option-pill.selected .box { border-color: var(--green-600); background: var(--green-600); }\n .option-pill.selected .box::after { content: '\\2713'; position: absolute; top: -2px; left: 1px; font-size: 0.7rem; color: white; font-weight: 700; }\n .indent-section { padding-left: 1rem; border-left: 3px solid var(--green-100); margin-top: 0.75rem; }\n .declaration { background: var(--green-50); border: 1.5px solid var(--green-100); border-radius: 10px; padding: 1.25rem; font-size: 0.88rem; color: var(--text-secondary); line-height: 1.65; margin-bottom: 1rem; }\n .declaration strong { color: var(--text-primary); }\n .consent-row { display: flex; align-items: flex-start; gap: 0.65rem; margin-top: 1rem; cursor: pointer; }\n .consent-row input[type=\"checkbox\"] { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--green-600); flex-shrink: 0; }\n .consent-row span { font-size: 0.88rem; color: var(--text-primary); font-weight: 500; }\n .btn-row { display: flex; gap: 0.75rem; margin-top: 1.5rem; flex-wrap: wrap; }\n .btn { padding: 0.85rem 2rem; border-radius: 10px; font-family: 'DM Sans', sans-serif; font-size: 0.95rem; font-weight: 600; cursor: pointer; border: none; transition: all 0.2s; }\n .btn-primary { background: linear-gradient(135deg, var(--green-600), var(--green-700)); color: var(--white); box-shadow: 0 2px 8px rgba(45,106,45,0.3); }\n .btn-primary:hover { box-shadow: 0 4px 16px rgba(45,106,45,0.4); transform: translateY(-1px); }\n .btn-secondary { background: var(--white); color: var(--text-secondary); border: 1.5px solid var(--border); }\n .btn-secondary:hover { border-color: var(--text-secondary); }\n .toast { position: fixed; top: 1.5rem; right: 1.5rem; background: var(--green-900); color: white; padding: 1rem 1.5rem; border-radius: 10px; font-size: 0.9rem; font-weight: 500; box-shadow: 0 6px 20px rgba(0,0,0,0.2); transform: translateX(120%); transition: transform 0.35s cubic-bezier(0.4,0,0.2,1); z-index: 999; }\n .toast.show { transform: translateX(0); }\n .footer-note { text-align: center; font-size: 0.8rem; color: var(--text-muted); margin-top: 1rem; padding: 1rem; }\n .footer-note a { color: var(--green-600); text-decoration: none; }\n\n \/* Conditional visibility - hidden by default *\/\n .kg-only { display: none !important; }\n .gt-only { display: none !important; }\n\n \/* Show when course selected - uses data attribute on wrapper div, not body or form *\/\n .form-wrapper[data-course=\"kg\"] .kg-only { display: block !important; }\n .form-wrapper[data-course=\"gt\"] .gt-only { display: block !important; }\n .form-wrapper[data-course=\"kg\"] .kg-only.row-2 { display: grid !important; }\n .form-wrapper[data-course=\"gt\"] .gt-only.row-2 { display: grid !important; }\n .form-wrapper[data-course=\"kg\"] .option-pill.kg-only { display: flex !important; }\n .form-wrapper[data-course=\"gt\"] .option-pill.gt-only { display: flex !important; }\n .form-wrapper[data-course=\"gt\"] .declaration .gt-only { display: inline !important; }\n\n @media print {\n body { background: white; }\n .page-header { background: var(--white) !important; border-bottom: 4px solid var(--green-600) !important; }\n .btn-row { display: none; }\n .card { break-inside: avoid; box-shadow: none; border: 1px solid #ddd; }\n }\n<\/style>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n<\/head>\n<body>\n\n<div class=\"page-header\">\n <div class=\"logo-row\">\n <img decoding=\"async\" src=\"https:\/\/farei.mu\/farei2021\/wp-content\/uploads\/2026\/04\/FAREI-Logo-Final.png\" alt=\"FAREI Logo\" class=\"logo-img\" crossorigin=\"anonymous\">\n <\/div>\n <h1>Food and Agricultural Research and Extension Institute<\/h1>\n <p>Training Course Application Form<\/p>\n<\/div>\n\n<div class=\"form-wrapper\" id=\"formWrapper\">\n<div class=\"form-container\">\n <form id=\"fareiForm\" novalidate>\n\n <div class=\"card\">\n <div class=\"card-title\"><span class=\"num\">1<\/span> Select Course Type<\/div>\n <div class=\"course-selector\">\n <div class=\"course-option\" data-course=\"gt\" id=\"courseGT\">\n <div class=\"check\">✓<\/div>\n <div class=\"icon\">🌾<\/div>\n <div class=\"label\">General Training Course<\/div>\n <div class=\"sublabel\">Crop, Livestock & Agribusiness<\/div>\n <\/div>\n <div class=\"course-option\" data-course=\"kg\" id=\"courseKG\">\n <div class=\"check\">✓<\/div>\n <div class=\"icon\">🌱<\/div>\n <div class=\"label\">Kitchen Gardening<\/div>\n <div class=\"sublabel\">Home garden training<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card gt-only\" id=\"gtCourseCard\" style=\"display:none\">\n <div class=\"card-title\"><span class=\"num\">•<\/span> Course Details<\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label for=\"courseApplied\">Course Applied For <span class=\"req\">*<\/span><\/label>\n <select id=\"courseApplied\" name=\"courseApplied\" required>\n <option value=\"\">-- Select Course --<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <div class=\"card-title\"><span class=\"num\">2<\/span> Personal Information<\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label>Title <span class=\"req\">*<\/span><\/label>\n <div class=\"option-group\">\n <label class=\"option-pill\" data-radio=\"title\"><input type=\"radio\" name=\"title\" value=\"Mr\" required><span class=\"dot\"><\/span> Mr<\/label>\n <label class=\"option-pill\" data-radio=\"title\"><input type=\"radio\" name=\"title\" value=\"Mrs\"><span class=\"dot\"><\/span> Mrs<\/label>\n <label class=\"option-pill\" data-radio=\"title\"><input type=\"radio\" name=\"title\" value=\"Ms\"><span class=\"dot\"><\/span> Ms<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row row-2\">\n <div class=\"field\">\n <label for=\"surname\">Surname <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"surname\" name=\"surname\" required>\n <\/div>\n <div class=\"field\">\n <label for=\"firstName\">First Name <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"firstName\" name=\"firstName\" required>\n <\/div>\n <\/div>\n <div class=\"row row-2\">\n <div class=\"field\">\n <label for=\"address\">Address <span class=\"req\">*<\/span><\/label>\n <textarea id=\"address\" name=\"address\" rows=\"2\" required style=\"resize:vertical\"><\/textarea>\n <\/div>\n <div class=\"field\">\n <label for=\"region\">Region <span class=\"req\">*<\/span><\/label>\n <select id=\"region\" name=\"region\" required>\n <option value=\"\">-- Select Region --<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"row row-2\">\n <div class=\"field\">\n <label for=\"fixedLine\">Fixed Line \/ Tel. No.<\/label>\n <input type=\"tel\" id=\"fixedLine\" name=\"fixedLine\" placeholder=\"e.g. 2604378\">\n <span class=\"error-msg\" id=\"fixedLineError\">Fixed line must be 7 digits starting with 2, 4 or 6<\/span>\n <\/div>\n <div class=\"field\">\n <label for=\"mobile\">Mobile No. <span class=\"req\">*<\/span><\/label>\n <input type=\"tel\" id=\"mobile\" name=\"mobile\" placeholder=\"e.g. 57001234\" required>\n <span class=\"error-msg\" id=\"mobileError\">Mobile must be 8 digits starting with 5<\/span>\n <\/div>\n <\/div>\n <div class=\"row row-2\">\n <div class=\"field\">\n <label for=\"email\">Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"your@email.com\">\n <\/div>\n <div class=\"field kg-only\">\n <label>WhatsApp Available?<\/label>\n <div class=\"option-group\">\n <label class=\"option-pill\" data-radio=\"whatsapp\"><input type=\"radio\" name=\"whatsapp\" value=\"Yes\"><span class=\"dot\"><\/span> Yes<\/label>\n <label class=\"option-pill\" data-radio=\"whatsapp\"><input type=\"radio\" name=\"whatsapp\" value=\"No\"><span class=\"dot\"><\/span> No<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label for=\"nic\">N.I.C No. <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"nic\" name=\"nic\" maxlength=\"14\" placeholder=\"e.g. A1234567890123\" required style=\"text-transform:uppercase; letter-spacing:0.1em; font-weight:600;\">\n <span class=\"error-msg\" id=\"nicError\">NIC must be 1 letter followed by 13 digits (e.g. A1234567890123)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <div class=\"card-title\"><span class=\"num\">3<\/span> Background & Experience<\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label>Educational Level <span class=\"req\">*<\/span><\/label>\n <div class=\"option-group\">\n <label class=\"option-pill\" data-radio=\"education\"><input type=\"radio\" name=\"education\" value=\"CPE\" required><span class=\"dot\"><\/span> CPE<\/label>\n <label class=\"option-pill\" data-radio=\"education\"><input type=\"radio\" name=\"education\" value=\"Secondary\"><span class=\"dot\"><\/span> Secondary<\/label>\n <label class=\"option-pill\" data-radio=\"education\"><input type=\"radio\" name=\"education\" value=\"Tertiary\"><span class=\"dot\"><\/span> Tertiary<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label for=\"occupation\">Occupation<\/label>\n <input type=\"text\" id=\"occupation\" name=\"occupation\">\n <\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label>Current Involvement in Agriculture <span class=\"req\">*<\/span><\/label>\n <div class=\"option-group\">\n <label class=\"option-pill\" data-radio=\"involvement\"><input type=\"radio\" name=\"involvement\" value=\"Part time\" required><span class=\"dot\"><\/span> Part time<\/label>\n <label class=\"option-pill\" data-radio=\"involvement\"><input type=\"radio\" name=\"involvement\" value=\"Full time\"><span class=\"dot\"><\/span> Full time<\/label>\n <label class=\"option-pill\" data-radio=\"involvement\"><input type=\"radio\" name=\"involvement\" value=\"Nil\"><span class=\"dot\"><\/span> Nil<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"indent-section\">\n <div class=\"row\">\n <div class=\"field\">\n <label>Crop Production Type<\/label>\n <div class=\"option-group\">\n <label class=\"option-pill\" data-check=\"cropType\"><input type=\"checkbox\" name=\"cropType\" value=\"Open field\"><span class=\"box\"><\/span> Open field<\/label>\n <label class=\"option-pill gt-only\" data-check=\"cropType\"><input type=\"checkbox\" name=\"cropType\" value=\"Hydroponics\"><span class=\"box\"><\/span> Hydroponics<\/label>\n <label class=\"option-pill kg-only\" data-check=\"cropType\"><input type=\"checkbox\" name=\"cropType\" value=\"Sheltered Farming\"><span class=\"box\"><\/span> Sheltered Farming<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row row-2\">\n <div class=\"field\">\n <label for=\"areaProduction\">Area under Production (Arp\/Ha)<\/label>\n <input type=\"text\" id=\"areaProduction\" name=\"areaProduction\">\n <\/div>\n <\/div>\n <div class=\"row row-2\">\n <div class=\"field\">\n <label for=\"livestockSpecies\">Livestock - Species<\/label>\n <input type=\"text\" id=\"livestockSpecies\" name=\"livestockSpecies\">\n <\/div>\n <div class=\"field\">\n <label for=\"livestockHeads\">No. of Heads<\/label>\n <input type=\"number\" id=\"livestockHeads\" name=\"livestockHeads\" min=\"0\">\n <\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label for=\"agribusiness\">Agribusiness (processing, marketing, etc.)<\/label>\n <input type=\"text\" id=\"agribusiness\" name=\"agribusiness\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row\" style=\"margin-top:1rem\">\n <div class=\"field\">\n <label for=\"yearsExperience\">Years of Experience in Agricultural Activity<\/label>\n <input type=\"number\" id=\"yearsExperience\" name=\"yearsExperience\" min=\"0\" max=\"80\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card kg-only\">\n <div class=\"card-title\"><span class=\"num\">4<\/span> Training Preferences<\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label>Training Mode Interested <span class=\"req\">*<\/span><\/label>\n <div class=\"option-group\">\n <label class=\"option-pill\" data-radio=\"trainingMode\"><input type=\"radio\" name=\"trainingMode\" value=\"Face to Face\"><span class=\"dot\"><\/span> Face to Face<\/label>\n <label class=\"option-pill\" data-radio=\"trainingMode\"><input type=\"radio\" name=\"trainingMode\" value=\"Online\"><span class=\"dot\"><\/span> Online<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"field\">\n <label>Preferred Day of Training <span class=\"req\">*<\/span><\/label>\n <div class=\"option-group\">\n <label class=\"option-pill\" data-radio=\"trainingDay\"><input type=\"radio\" name=\"trainingDay\" value=\"Weekday\"><span class=\"dot\"><\/span> Weekday<\/label>\n <label class=\"option-pill\" data-radio=\"trainingDay\"><input type=\"radio\" name=\"trainingDay\" value=\"Saturday (9:00 - 12:00 hr)\"><span class=\"dot\"><\/span> Saturday (9:00 - 12:00 hr)<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div style=\"font-size:0.88rem; color:var(--text-secondary); margin-top:0.5rem;\">\n <strong>Duration of course:<\/strong> 2 half days | <strong>Certificate:<\/strong> Issued on full completion of training\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <div class=\"card-title\"><span class=\"num\">5<\/span> Declaration<\/div>\n <div class=\"declaration\">\n I hereby apply to follow the above-named course. I declare that the information given above is correct to the best of my knowledge and agree to abide by the rules and regulations of the training centre.\n <br><br>\n <span class=\"gt-only\"><strong>General Training:<\/strong> A registration fee of Rs 300 (or Rs 600 for agro-processing courses) is payable. <\/span>\n A postage fee of Rs 60 is applicable if you wish to have your certificate posted.\n <\/div>\n <label class=\"consent-row\" for=\"consent\">\n <input type=\"checkbox\" id=\"consent\" name=\"consent\" required>\n <span>I agree to the above declaration and confirm all information provided is accurate. <span class=\"req\">*<\/span><\/span>\n <\/label>\n <div class=\"row row-2\" style=\"margin-top:1.25rem\">\n <div class=\"field\">\n <label for=\"appDate\">Date <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"appDate\" name=\"appDate\" readonly>\n <\/div>\n <div class=\"field\">\n <label for=\"fullName\">Full Name (as signature) <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"fullName\" name=\"fullName\" placeholder=\"Type your full name\" required>\n <\/div>\n <\/div>\n <div class=\"btn-row\">\n <button type=\"submit\" class=\"btn btn-primary\" id=\"submitBtn\">Submit Application<\/button>\n <button type=\"button\" class=\"btn btn-secondary\" id=\"pdfBtn\">Download PDF<\/button>\n <button type=\"button\" class=\"btn btn-secondary\" id=\"printBtn\">Print Form<\/button>\n <button type=\"button\" class=\"btn btn-secondary\" id=\"resetBtn\">Reset<\/button>\n <\/div>\n <\/div>\n\n <\/form>\n<\/div>\n<\/div>\n\n<div class=\"toast\" id=\"toast\"><\/div>\n\n\n<script data-cfasync=\"false\" type=\"text\/javascript\">\n(function() {\n\n var selectedCourse = null;\n var wrapper = document.getElementById('formWrapper');\n var form = document.getElementById('fareiForm');\n var nicField = document.getElementById('nic');\n var courseGT = document.getElementById('courseGT');\n var courseKG = document.getElementById('courseKG');\n var gtCourseCard = document.getElementById('gtCourseCard');\n\n \/\/ \u2500\u2500 Course selection using direct ID references \u2500\u2500\n courseGT.onclick = function() {\n selectedCourse = 'gt';\n courseGT.className = 'course-option selected';\n courseKG.className = 'course-option';\n wrapper.setAttribute('data-course', 'gt');\n gtCourseCard.style.display = 'block';\n reportHeight();\n };\n\n courseKG.onclick = function() {\n selectedCourse = 'kg';\n courseKG.className = 'course-option selected';\n courseGT.className = 'course-option';\n wrapper.setAttribute('data-course', 'kg');\n gtCourseCard.style.display = 'none';\n reportHeight();\n };\n\n \/\/ \u2500\u2500 Pill click handling using event delegation on the form \u2500\u2500\n form.onclick = function(e) {\n var pill = e.target.closest('.option-pill');\n if (!pill) return;\n\n var input = pill.querySelector('input');\n if (!input) return;\n\n e.preventDefault();\n\n if (input.type === 'radio') {\n \/\/ Deselect siblings in same group\n var groupName = input.name;\n var allInGroup = form.querySelectorAll('input[name=\"' + groupName + '\"]');\n for (var i = 0; i < allInGroup.length; i++) {\n allInGroup[i].checked = false;\n allInGroup[i].closest('.option-pill').className = 'option-pill' + (allInGroup[i].closest('.option-pill').getAttribute('class').indexOf('-only') > -1 ? ' ' + allInGroup[i].closest('.option-pill').getAttribute('class').split(' ').filter(function(c){return c.indexOf('-only')>-1;}).join(' ') : '');\n }\n input.checked = true;\n \/\/ Preserve any kg-only or gt-only class\n var extraClass = '';\n var classes = pill.getAttribute('class').split(' ');\n for (var j = 0; j < classes.length; j++) {\n if (classes[j].indexOf('-only') > -1) extraClass += ' ' + classes[j];\n }\n pill.className = 'option-pill selected' + extraClass;\n } else if (input.type === 'checkbox') {\n input.checked = !input.checked;\n var extraCls = '';\n var cls = pill.getAttribute('class').split(' ');\n for (var k = 0; k < cls.length; k++) {\n if (cls[k].indexOf('-only') > -1) extraCls += ' ' + cls[k];\n }\n if (input.checked) {\n pill.className = 'option-pill selected' + extraCls;\n } else {\n pill.className = 'option-pill' + extraCls;\n }\n }\n };\n\n \/\/ \u2500\u2500 NIC field \u2500\u2500\n nicField.oninput = function() {\n \/\/ First character: letter only. Rest: digits only.\n var raw = this.value.toUpperCase().replace(\/\\s\/g, '');\n var clean = '';\n for (var c = 0; c < raw.length && c < 14; c++) {\n if (c === 0) {\n if (\/[A-Z]\/.test(raw[c])) clean += raw[c];\n } else {\n if (\/[0-9]\/.test(raw[c])) clean += raw[c];\n }\n }\n this.value = clean;\n };\n\n \/\/ \u2500\u2500 Mobile number input handler (digits only, max 8) \u2500\u2500\n var mobileField = document.getElementById('mobile');\n mobileField.oninput = function() {\n this.value = this.value.replace(\/[^0-9]\/g, '').substring(0, 8);\n };\n\n \/\/ \u2500\u2500 Fixed line input handler (digits only, max 7) \u2500\u2500\n var fixedLineField = document.getElementById('fixedLine');\n fixedLineField.oninput = function() {\n this.value = this.value.replace(\/[^0-9]\/g, '').substring(0, 7);\n };\n\n \/\/ \u2500\u2500 Set today's date \u2500\u2500\n var months = ['January','February','March','April','May','June','July','August','September','October','November','December'];\n function setTodayDate() {\n var now = new Date();\n var day = now.getDate();\n if (day < 10) day = '0' + day;\n document.getElementById('appDate').value = day + ' ' + months[now.getMonth()] + ' ' + now.getFullYear();\n }\n setTodayDate();\n\n \/\/ \u2500\u2500 Load dropdown options from Google Sheet (JSONP - no CORS issues) \u2500\u2500\n window.fareiLoadOptions = function(result) {\n var regionSelect = document.getElementById('region');\n var courseSelect = document.getElementById('courseApplied');\n if (result.regions) {\n for (var i = 0; i < result.regions.length; i++) {\n var opt = document.createElement('option');\n opt.value = result.regions[i];\n opt.textContent = result.regions[i];\n regionSelect.appendChild(opt);\n }\n }\n if (result.courses) {\n for (var j = 0; j < result.courses.length; j++) {\n var opt2 = document.createElement('option');\n opt2.value = result.courses[j];\n opt2.textContent = result.courses[j];\n courseSelect.appendChild(opt2);\n }\n }\n };\n var optScript = document.createElement('script');\n optScript.src = 'https:\/\/script.google.com\/macros\/s\/AKfycbwEc5Gk0GEuIcSbklF-JHZ2Kgl0Wx8pvS49LINIpheabF8Evu8feLnwFB8f8xt1kn-j\/exec?action=getOptions&callback=fareiLoadOptions&t=' + Date.now();\n document.body.appendChild(optScript);\n\n \/\/ \u2500\u2500 Toast \u2500\u2500\n function showToast(msg, isError) {\n var t = document.getElementById('toast');\n t.textContent = msg;\n t.style.background = isError ? '#c0392b' : '#1a3a1a';\n t.className = 'toast show';\n setTimeout(function() { t.className = 'toast'; }, 5500);\n }\n\n \/\/ \u2500\u2500 Validation \u2500\u2500\n function validate() {\n var valid = true;\n var fields = form.querySelectorAll('[required]');\n for (var i = 0; i < fields.length; i++) {\n var el = fields[i];\n if (el.type === 'radio') {\n var radios = form.querySelectorAll('input[name=\"' + el.name + '\"]');\n var anyChecked = false;\n for (var r = 0; r < radios.length; r++) { if (radios[r].checked) anyChecked = true; }\n if (!anyChecked) valid = false;\n } else if (el.type === 'checkbox') {\n if (!el.checked) valid = false;\n } else if (!el.value.trim()) {\n el.className = (el.className + ' error').replace(' error error', ' error');\n valid = false;\n } else {\n el.className = el.className.replace(' error', '');\n }\n }\n if (!selectedCourse) { showToast('Please select a course type.', true); return false; }\n\n \/\/ Mauritian Mobile validation: 8 digits starting with 5\n var mobileVal = mobileField.value.trim();\n if (mobileVal.length !== 8 || mobileVal[0] !== '5') {\n document.getElementById('mobileError').style.display = 'block';\n mobileField.className = (mobileField.className + ' error').replace(' error error', ' error');\n valid = false;\n } else {\n document.getElementById('mobileError').style.display = 'none';\n mobileField.className = mobileField.className.replace(' error', '');\n }\n\n \/\/ Mauritian Fixed Line validation (optional field): 7 digits starting with 2, 4, or 6\n var fixedVal = fixedLineField.value.trim();\n if (fixedVal.length > 0) {\n if (fixedVal.length !== 7 || !\/^[246]\/.test(fixedVal)) {\n document.getElementById('fixedLineError').style.display = 'block';\n fixedLineField.className = (fixedLineField.className + ' error').replace(' error error', ' error');\n valid = false;\n } else {\n document.getElementById('fixedLineError').style.display = 'none';\n fixedLineField.className = fixedLineField.className.replace(' error', '');\n }\n } else {\n document.getElementById('fixedLineError').style.display = 'none';\n fixedLineField.className = fixedLineField.className.replace(' error', '');\n }\n\n \/\/ Mauritian NIC validation: 1 letter + 13 digits = 14 characters\n var nicVal = nicField.value.trim();\n if (nicVal.length !== 14 || !\/^[A-Z]\\d{13}$\/.test(nicVal)) {\n document.getElementById('nicError').style.display = 'block';\n nicField.className = (nicField.className + ' error').replace(' error error', ' error');\n valid = false;\n } else {\n document.getElementById('nicError').style.display = 'none';\n nicField.className = nicField.className.replace(' error', '');\n }\n if (!document.getElementById('consent').checked) { showToast('Please accept the declaration to continue.', true); return false; }\n if (!valid) showToast('Please fill in all required fields.', true);\n return valid;\n }\n\n \/\/ \u2500\u2500 Collect data \u2500\u2500\n function collectData() {\n var data = {};\n data.courseType = selectedCourse === 'kg' ? 'Kitchen Gardening' : 'General Training';\n data.title = getRadio('title');\n data.surname = val('surname');\n data.firstName = val('firstName');\n data.address = val('address');\n data.region = val('region');\n data.fixedLine = val('fixedLine');\n data.mobile = val('mobile');\n data.email = val('email');\n data.nic = nicField.value.trim();\n data.education = getRadio('education');\n data.occupation = val('occupation');\n data.involvement = getRadio('involvement');\n var crops = [];\n var cropChecks = form.querySelectorAll('input[name=\"cropType\"]:checked');\n for (var i = 0; i < cropChecks.length; i++) crops.push(cropChecks[i].value);\n data.cropType = crops.join(', ');\n data.areaProduction = val('areaProduction');\n data.livestockSpecies = val('livestockSpecies');\n data.livestockHeads = val('livestockHeads');\n data.agribusiness = val('agribusiness');\n data.yearsExperience = val('yearsExperience');\n if (selectedCourse === 'kg') { data.whatsapp = getRadio('whatsapp'); data.trainingMode = getRadio('trainingMode'); data.trainingDay = getRadio('trainingDay'); }\n if (selectedCourse === 'gt') { data.courseApplied = val('courseApplied'); }\n data.date = val('appDate');\n data.fullName = val('fullName');\n return data;\n }\n function val(id) { var e = document.getElementById(id); return e ? e.value : ''; }\n function getRadio(name) { var r = form.querySelector('input[name=\"' + name + '\"]:checked'); return r ? r.value : ''; }\n\n \/\/ \u2500\u2500 Submit \u2500\u2500\n form.onsubmit = function(e) {\n e.preventDefault();\n if (!validate()) return;\n var data = collectData();\n\n \/\/ Submit via hidden form (reliable method for Google Apps Script)\n var SCRIPT_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwEc5Gk0GEuIcSbklF-JHZ2Kgl0Wx8pvS49LINIpheabF8Evu8feLnwFB8f8xt1kn-j\/exec';\n var iframe = document.createElement('iframe');\n iframe.name = 'farei_submit_frame';\n iframe.style.display = 'none';\n document.body.appendChild(iframe);\n var hiddenForm = document.createElement('form');\n hiddenForm.method = 'POST';\n hiddenForm.action = SCRIPT_URL;\n hiddenForm.target = 'farei_submit_frame';\n var input = document.createElement('input');\n input.type = 'hidden';\n input.name = 'payload';\n input.value = JSON.stringify(data);\n hiddenForm.appendChild(input);\n document.body.appendChild(hiddenForm);\n hiddenForm.submit();\n document.body.removeChild(hiddenForm);\n setTimeout(function() { document.body.removeChild(iframe); }, 5000);\n\n showToast('Application submitted successfully!');\n window.scrollTo({ top: 0, behavior: 'smooth' });\n try { window.parent.scrollTo({ top: 0, behavior: 'smooth' }); } catch(e) {}\n selectedCourse = null;\n wrapper.removeAttribute('data-course');\n gtCourseCard.style.display = 'none';\n courseGT.className = 'course-option';\n courseKG.className = 'course-option';\n var pills2 = form.querySelectorAll('.option-pill');\n for (var i2 = 0; i2 < pills2.length; i2++) {\n var cls2 = pills2[i2].className.split(' ');\n var keep2 = ['option-pill'];\n for (var j2 = 0; j2 < cls2.length; j2++) { if (cls2[j2].indexOf('-only') > -1) keep2.push(cls2[j2]); }\n pills2[i2].className = keep2.join(' ');\n }\n nicField.value = '';\n form.reset();\n setTodayDate();\n reportHeight();\n };\n\n \/\/ \u2500\u2500 Reset \u2500\u2500\n document.getElementById('resetBtn').onclick = function() {\n selectedCourse = null;\n wrapper.removeAttribute('data-course');\n gtCourseCard.style.display = 'none';\n courseGT.className = 'course-option';\n courseKG.className = 'course-option';\n var pills = form.querySelectorAll('.option-pill');\n for (var i = 0; i < pills.length; i++) {\n var cls = pills[i].className.split(' ');\n var keep = ['option-pill'];\n for (var j = 0; j < cls.length; j++) { if (cls[j].indexOf('-only') > -1) keep.push(cls[j]); }\n pills[i].className = keep.join(' ');\n }\n var errors = form.querySelectorAll('.error');\n for (var k = 0; k < errors.length; k++) errors[k].className = errors[k].className.replace(' error', '');\n document.getElementById('nicError').style.display = 'none';\n document.getElementById('mobileError').style.display = 'none';\n document.getElementById('fixedLineError').style.display = 'none';\n nicField.value = '';\n form.reset();\n setTodayDate();\n reportHeight();\n };\n\n \/\/ \u2500\u2500 PDF Generation Function (shared by Download PDF and Print) \u2500\u2500\n function generatePDF(action) {\n if (!selectedCourse) { showToast('Please select a course type first.', true); return; }\n var data = collectData();\n var jsPDF = window.jspdf.jsPDF;\n var doc = new jsPDF('p', 'mm', 'a4');\n var W = 210;\n var H = 297;\n var margin = 18;\n var col = W - margin * 2;\n var y = 0;\n var green = [45, 106, 45];\n var darkGreen = [26, 58, 26];\n var lightGreen = [232, 245, 232];\n var gray = [100, 100, 100];\n var black = [30, 30, 30];\n\n \/\/ \u2500\u2500 Try to load logo \u2500\u2500\n var logoImg = document.querySelector('.logo-img');\n var logoData = null;\n if (logoImg && logoImg.complete && logoImg.naturalWidth > 0) {\n try {\n var canvas = document.createElement('canvas');\n canvas.width = logoImg.naturalWidth;\n canvas.height = logoImg.naturalHeight;\n var ctx = canvas.getContext('2d');\n ctx.drawImage(logoImg, 0, 0);\n logoData = canvas.toDataURL('image\/png');\n } catch(e) { logoData = null; }\n }\n\n \/\/ \u2500\u2500 Header \u2500\u2500\n doc.setFillColor(green[0], green[1], green[2]);\n doc.rect(0, 0, W, 36, 'F');\n\n \/\/ Logo\n if (logoData) {\n try {\n doc.addImage(logoData, 'PNG', W \/ 2 - 8, 2, 16, 16);\n y = 20;\n } catch(e) { y = 8; }\n } else {\n y = 8;\n }\n\n doc.setTextColor(255, 255, 255);\n doc.setFontSize(13);\n doc.setFont('helvetica', 'bold');\n doc.text('Food and Agricultural Research and Extension Institute (FAREI)', W \/ 2, y, { align: 'center' });\n y += 7;\n doc.setFontSize(10);\n doc.setFont('helvetica', 'normal');\n var courseTitle = selectedCourse === 'kg' ? 'Application Form for Training on Kitchen Gardening' : 'Application Form for Training Course';\n doc.text(courseTitle, W \/ 2, y, { align: 'center' });\n y += 5;\n doc.setFontSize(7);\n doc.text('FAREI reserves the right not to conduct the training in case of low response', W \/ 2, y, { align: 'center' });\n y = 42;\n\n \/\/ \u2500\u2500 Helper functions \u2500\u2500\n function checkPage(needed) {\n if (y + needed > H - 15) { doc.addPage(); y = 20; }\n }\n\n function sectionTitle(title) {\n checkPage(15);\n doc.setFillColor(lightGreen[0], lightGreen[1], lightGreen[2]);\n doc.rect(margin, y, col, 8, 'F');\n doc.setDrawColor(green[0], green[1], green[2]);\n doc.setLineWidth(0.5);\n doc.line(margin, y, margin, y + 8);\n doc.line(margin, y + 8, margin + col, y + 8);\n doc.setTextColor(darkGreen[0], darkGreen[1], darkGreen[2]);\n doc.setFontSize(10);\n doc.setFont('helvetica', 'bold');\n doc.text(title, margin + 4, y + 5.5);\n y += 12;\n }\n\n function fieldRow(label, value) {\n checkPage(9);\n doc.setTextColor(gray[0], gray[1], gray[2]);\n doc.setFontSize(8.5);\n doc.setFont('helvetica', 'normal');\n doc.text(label, margin + 2, y);\n doc.setTextColor(black[0], black[1], black[2]);\n doc.setFontSize(9.5);\n doc.setFont('helvetica', 'bold');\n doc.text(String(value || 'N\/A'), margin + 58, y);\n doc.setDrawColor(210, 210, 210);\n doc.setLineWidth(0.2);\n doc.line(margin, y + 2, margin + col, y + 2);\n y += 7;\n }\n\n function fieldRowWide(label, value) {\n checkPage(14);\n doc.setTextColor(gray[0], gray[1], gray[2]);\n doc.setFontSize(8.5);\n doc.setFont('helvetica', 'normal');\n doc.text(label, margin + 2, y);\n y += 5;\n doc.setTextColor(black[0], black[1], black[2]);\n doc.setFontSize(9.5);\n doc.setFont('helvetica', 'bold');\n var lines = doc.splitTextToSize(String(value || 'N\/A'), col - 4);\n doc.text(lines, margin + 2, y);\n y += lines.length * 4.5;\n doc.setDrawColor(210, 210, 210);\n doc.setLineWidth(0.2);\n doc.line(margin, y, margin + col, y);\n y += 3;\n }\n\n function twoColumnRow(label1, value1, label2, value2) {\n checkPage(9);\n var halfCol = col \/ 2 - 2;\n doc.setTextColor(gray[0], gray[1], gray[2]);\n doc.setFontSize(8.5);\n doc.setFont('helvetica', 'normal');\n doc.text(label1, margin + 2, y);\n doc.text(label2, margin + halfCol + 6, y);\n doc.setTextColor(black[0], black[1], black[2]);\n doc.setFontSize(9.5);\n doc.setFont('helvetica', 'bold');\n doc.text(String(value1 || 'N\/A'), margin + 38, y);\n doc.text(String(value2 || 'N\/A'), margin + halfCol + 42, y);\n doc.setDrawColor(210, 210, 210);\n doc.setLineWidth(0.2);\n doc.line(margin, y + 2, margin + col, y + 2);\n y += 7;\n }\n\n \/\/ \u2500\u2500 Personal Information \u2500\u2500\n sectionTitle('Personal Information');\n fieldRow('Title:', data.title);\n twoColumnRow('Surname:', data.surname, 'First Name:', data.firstName);\n fieldRowWide('Address:', data.address);\n fieldRow('Region:', data.region);\n twoColumnRow('Fixed Line:', data.fixedLine, 'Mobile No.:', data.mobile);\n fieldRow('Email:', data.email);\n if (selectedCourse === 'kg') {\n fieldRow('WhatsApp:', data.whatsapp);\n }\n fieldRow('N.I.C No.:', data.nic);\n y += 3;\n\n \/\/ \u2500\u2500 Background & Experience \u2500\u2500\n sectionTitle('Background & Experience');\n fieldRow('Educational Level:', data.education);\n fieldRow('Occupation:', data.occupation);\n fieldRow('Agriculture Involvement:', data.involvement);\n y += 2;\n\n doc.setTextColor(darkGreen[0], darkGreen[1], darkGreen[2]);\n doc.setFontSize(9);\n doc.setFont('helvetica', 'bold');\n doc.text('Agricultural Activity Details', margin + 2, y);\n y += 6;\n\n fieldRow('Crop Production:', data.cropType || 'N\/A');\n fieldRow('Area (Arp\/Ha):', data.areaProduction);\n twoColumnRow('Livestock Species:', data.livestockSpecies, 'No. of Heads:', data.livestockHeads);\n fieldRow('Agribusiness:', data.agribusiness);\n fieldRow('Years of Experience:', data.yearsExperience);\n y += 3;\n\n \/\/ \u2500\u2500 Course-specific section \u2500\u2500\n if (selectedCourse === 'kg') {\n sectionTitle('Training Preferences');\n fieldRow('Training Mode:', data.trainingMode);\n fieldRow('Preferred Day:', data.trainingDay);\n fieldRow('Duration:', '2 half days');\n fieldRow('Certificate:', 'Issued on full completion');\n y += 3;\n } else {\n sectionTitle('Course Details');\n fieldRow('Course Applied For:', data.courseApplied);\n fieldRow('Registration Fee:', 'Rs 300 (Rs 600 for agro-processing)');\n fieldRow('Postage Fee:', 'Rs 60 (if certificate to be posted)');\n y += 3;\n }\n\n \/\/ \u2500\u2500 Declaration \u2500\u2500\n sectionTitle('Declaration');\n doc.setTextColor(black[0], black[1], black[2]);\n doc.setFontSize(8.5);\n doc.setFont('helvetica', 'normal');\n var declText = 'I hereby apply to follow the above-named course. I declare that the information given above is correct to the best of my knowledge and agree to abide by the rules and regulations of the training centre.';\n if (selectedCourse === 'gt') {\n declText += ' I agree to pay a registration fee of Rs 300 or Rs 600 in case of training in agro-processing courses.';\n }\n declText += ' A postage fee of Rs 60 is applicable in case I wish to have my certificate posted.';\n var declLines = doc.splitTextToSize(declText, col - 4);\n checkPage(declLines.length * 4 + 10);\n doc.text(declLines, margin + 2, y);\n y += declLines.length * 4 + 5;\n\n twoColumnRow('Date:', data.date, 'Signature:', data.fullName);\n y += 5;\n\n \/\/ \u2500\u2500 Footer \u2500\u2500\n checkPage(35);\n doc.setDrawColor(green[0], green[1], green[2]);\n doc.setLineWidth(0.5);\n doc.line(margin, y, margin + col, y);\n y += 5;\n doc.setTextColor(gray[0], gray[1], gray[2]);\n doc.setFontSize(7.5);\n doc.setFont('helvetica', 'normal');\n doc.text('For any queries contact the Training Unit on 433-4378 \/ 9350 or by email on training@farei.mu.', margin + 2, y);\n y += 8;\n doc.text('FAREI, FSC Building, Royal Road, St. Pierre', margin + 2, y);\n y += 4;\n\n \/\/ \u2500\u2500 Office use box \u2500\u2500\n \/\/ doc.setDrawColor(green[0], green[1], green[2]);\n \/\/ doc.setLineWidth(0.4);\n \/\/ doc.setFillColor(lightGreen[0], lightGreen[1], lightGreen[2]);\n \/\/ doc.rect(margin, y, col, 18, 'FD');\n \/\/ doc.setTextColor(darkGreen[0], darkGreen[1], darkGreen[2]);\n \/\/ doc.setFontSize(9);\n \/\/ doc.setFont('helvetica', 'bold');\n \/\/ doc.text('For Office Use', margin + 4, y + 6);\n \/\/ doc.setFont('helvetica', 'normal');\n \/\/ doc.setFontSize(8.5);\n \/\/ doc.text('Registered No.: ___________________________', margin + 4, y + 13);\n \/\/ doc.text('Course: ___________________________________', margin + col \/ 2, y + 13);\n\n \/\/ \u2500\u2500 Action: save or print \u2500\u2500\n var filename = 'FAREI_Application_' + (data.surname || 'Form') + '_' + (data.firstName || '') + '.pdf';\n if (action === 'print') {\n doc.autoPrint();\n window.open(doc.output('bloburl'), '_blank');\n showToast('PDF opened for printing!');\n } else {\n doc.save(filename);\n showToast('PDF downloaded successfully!');\n }\n }\n\n \/\/ \u2500\u2500 Download PDF button \u2500\u2500\n document.getElementById('pdfBtn').onclick = function() { generatePDF('download'); };\n\n \/\/ \u2500\u2500 Print button (now prints the PDF) \u2500\u2500\n document.getElementById('printBtn').onclick = function() { generatePDF('print'); };\n function reportHeight() {\n try {\n if (window.parent !== window) {\n window.parent.postMessage({ type: 'fareiFormHeight', height: document.body.scrollHeight + 40 }, '*');\n }\n } catch(e) {}\n }\n reportHeight();\n setTimeout(reportHeight, 500);\n setTimeout(reportHeight, 2000);\n\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FAREI – Training Course Application Food and Agricultural Research and Extension Institute Training Course Application Form 1 Select Course Type ✓ 🌾 General Training Course Crop, Livestock & Agribusiness ✓ 🌱 Kitchen Gardening Home garden training • Course Details Course Applied For * — Select Course — 2 Personal Information Title * Mr Mrs Ms […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5483","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages\/5483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5483"}],"version-history":[{"count":16,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages\/5483\/revisions"}],"predecessor-version":[{"id":5873,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages\/5483\/revisions\/5873"}],"wp:attachment":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}