Job Application & Exam Fee Payment<\/title>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n\n<style>\n:root{\n --primary:#10b981; \n --bg-card:#0f172a;\n --border:#1e293b;\n --text-main:#e5e7eb;\n --text-soft:#94a3b8;\n}\n*{box-sizing:border-box;margin:0;padding:0;}\nbody{\n font-family:'Inter',sans-serif;\n background:#020617;\n color:var(--text-main);\n min-height:100vh;\n display:flex;\n justify-content:center;\n padding:24px;\n}\n.page-shell{width:100%;max-width:1040px;}\n.card{\n background:rgba(15,23,42,.95);\n border-radius:28px;\n padding:24px;\n border:1px solid var(--border);\n box-shadow:0 20px 50px rgba(0,0,0,.45);\n}\nh2{color:#ecfeff;margin-bottom:6px;}\np{color:var(--text-soft);margin-bottom:18px;}\n\ninput,select,textarea{\n width:100%;\n border-radius:12px;\n border:1px solid var(--border);\n background:#020617;\n color:var(--text-main);\n padding:10px 12px;\n font-size:.9rem;\n}\ninput:focus,select:focus,textarea:focus{\n outline:none;\n border-color:var(--primary);\n}\n.field{margin-bottom:14px;}\n.field-label{\n font-size:.75rem;\n color:#c7d2fe;\n margin-bottom:4px;\n display:block;\n}\n\n.btn-submit{\n padding:12px 28px;\n border-radius:999px;\n border:none;\n background:linear-gradient(45deg,#10b981,#22c55e);\n color:#022c22;\n font-weight:700;\n cursor:pointer;\n transition:.2s;\n}\n.btn-submit:hover{transform:translateY(-1px);}\n.btn-submit:disabled{\n opacity:.5;\n cursor:not-allowed;\n transform:none;\n}\n\n.alert{\n display:none;\n margin-top:14px;\n padding:10px 16px;\n border-radius:999px;\n font-size:.9rem;\n}\n.alert-success{\n background:#022c22;\n border:1px solid #10b981;\n color:#bbf7d0;\n}\n.alert.show{display:block;}\nsmall{display:block;margin-top:4px;}\n<\/style>\n<\/head>\n\n<body>\n<div class=\"page-shell\">\n<div class=\"card\">\n\n<h2>Job Application & Exam Fee Payment<\/h2>\n<p>Please complete the form and pay the exam fee via bKash.<\/p>\n\n<form id=\"applicationForm\">\n\n<div class=\"field\">\n<label class=\"field-label\">Job Post *<\/label>\n<select id=\"jobPost\" name=\"jobPost\" required>\n<option value=\"\">Select job post<\/option>\n<option value=\"Branch Manager\" data-fee=\"200\">Branch Manager \u2014 Fee 200\/-<\/option>\n<option value=\"Program Officer Grade 1\" data-fee=\"150\">Program Officer Grade 1 \u2014 Fee 150\/-<\/option>\n<option value=\"Program Officer Grade 2\" data-fee=\"100\">Program Officer Grade 2 \u2014 Fee 100\/-<\/option>\n<option value=\"Account Officer\" data-fee=\"100\">Account Officer \u2014 Fee 100\/-<\/option>\n<option value=\"Peon\" data-fee=\"50\">Peon \u2014 Fee 50\/-<\/option>\n<\/select>\n<\/div>\n\n<div class=\"field\">\n<label class=\"field-label\">Exam Fee<\/label>\n<input type=\"text\" id=\"feeAmountDisplay\" readonly \/>\n<\/div>\n\n<div class=\"field\"><label class=\"field-label\">Full Name *<\/label><input name=\"fullName\" required><\/div>\n<div class=\"field\"><label class=\"field-label\">Father's Name *<\/label><input name=\"fatherName\" required><\/div>\n<div class=\"field\"><label class=\"field-label\">Mother's Name<\/label><input name=\"motherName\"><\/div>\n<div class=\"field\"><label class=\"field-label\">Date of Birth *<\/label><input type=\"date\" name=\"dob\" required><\/div>\n<div class=\"field\"><label class=\"field-label\">NID \/ Birth Certificate *<\/label><input name=\"nid\" required><\/div>\n\n<div class=\"field\">\n<label class=\"field-label\">Gender *<\/label>\n<select name=\"gender\" required>\n<option value=\"\">Select<\/option>\n<option>Male<\/option>\n<option>Female<\/option>\n<option>Other<\/option>\n<\/select>\n<\/div>\n\n<div class=\"field\">\n<label class=\"field-label\">bKash Number *<\/label>\n<input name=\"bkash\" pattern=\"[0-9]{11}\" placeholder=\"01XXXXXXXXX\" required>\n<\/div>\n\n<div class=\"field\"><label class=\"field-label\">Mobile *<\/label><input name=\"contactNumber\" pattern=\"[0-9]{11}\" placeholder=\"01XXXXXXXXX\" required><\/div>\n\n<div class=\"field\"><label class=\"field-label\">Email *<\/label><input type=\"email\" name=\"email\" required><\/div>\n\n<div class=\"field\">\n<label class=\"field-label\">Transaction ID *<\/label>\n<input name=\"transactionId\" id=\"trx\" required pattern=\"[A-Z0-9]+\" placeholder=\"e.g. TXN123ABC\">\n<small id=\"trxMsg\" style=\"color:#fca5a5;\"><\/small>\n<\/div>\n\n<div class=\"field\">\n<label class=\"field-label\">Payment Date *<\/label>\n<input type=\"date\" name=\"paymentDate\" required>\n<\/div>\n\n<button type=\"submit\" id=\"submitBtn\" class=\"btn-submit\" disabled>\nSubmit Application\n<\/button>\n\n<div id=\"successMessage\" class=\"alert alert-success\">\n\u2714 Application submitted successfully!\n<\/div>\n\n<\/form>\n<\/div>\n<\/div>\n\n<script>\nconst jobSelect=document.getElementById('jobPost');\nconst feeDisplay=document.getElementById('feeAmountDisplay');\njobSelect.addEventListener('change',()=>{\n const fee=jobSelect.options[jobSelect.selectedIndex].dataset.fee||'';\n feeDisplay.value=fee?`BDT ${fee}\/-`:'';\n});\n\nconst trxInput=document.getElementById('trx');\nconst trxMsg=document.getElementById('trxMsg');\nconst submitBtn=document.getElementById('submitBtn');\n\ntrxInput.addEventListener('input',function(){\n this.value=this.value.toUpperCase();\n if(\/^[A-Z0-9]{10,12}$\/.test(this.value)){\n trxMsg.textContent=\"\u2714 Valid Transaction ID\";\n trxMsg.style.color=\"#86efac\";\n submitBtn.disabled=false;\n }else{\n trxMsg.textContent=\"\u274c 10\u201312 Capital Letter + Number required\";\n trxMsg.style.color=\"#fca5a5\";\n submitBtn.disabled=true;\n }\n});\n\nconst form=document.getElementById('applicationForm');\nform.addEventListener('submit',function(e){\n e.preventDefault();\n if(!\/^[A-Z0-9]{10,12}$\/.test(trxInput.value)) return;\n const formData=new FormData(form);\n\n fetch(\"\/\/script.google.com\/macros\/s\/AKfycbwjgLJBbHXDPzYjF2KC2U5sDHFdDWWlbIhB2hxcV2kr4_OAxVESZVo5k_FFV1FrM5Pe-Q\/exec\",{method:\"POST\",body:formData})\n .then(r=>r.json())\n .then(d=>{\n if(d.status===\"success\"){\n document.getElementById('successMessage').classList.add('show');\n form.reset(); feeDisplay.value=''; submitBtn.disabled=true; trxMsg.textContent='';\n }\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c928f1 e-con-full e-flex e-con e-parent\" data-id=\"8c928f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c97c48 elementor-widget elementor-widget-text-editor\" data-id=\"0c97c48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1 style=\"text-align: center;\"><span style=\"color: #ff0000;\"><strong>\u00a0HotLine: 09649100050<\/strong><\/span><\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u09a6\u09cd\u09b0\u09b7\u09cd\u099f\u09ac\u09cd\u09af: \u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be\u09b0 \u09ab\u09bf \u09aa\u09cd\u09b0\u09a6\u09be\u09a8 \u09ac\u09be\u09a7\u09cd\u09af\u09a4\u09be\u09ae\u09c2\u09b2\u0995\u0964\u0985\u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09ac\u09be \u0985\u09ac\u09c8\u09a4\u09a8\u09bf\u0995 \u0986\u09ac\u09c7\u09a6\u09a8\u09aa\u09a4\u09cd\u09b0 \u0997\u09cd\u09b0\u09b9\u09a3 \u0995\u09b0\u09be \u09b9\u09ac\u09c7 \u09a8\u09be\u0964\u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be\u09b0 \u09ab\u09bf \u09ac\u09bf\u0995\u09be\u09b6 \u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f \u0995\u09b0\u09c1\u09a8:01713873732 \u00a0 Job Application & Exam Fee Payment Job Application & Exam Fee Payment Please complete the form and pay the exam fee via bKash. Job Post * Select job postBranch Manager \u2014 Fee 200\/-Program Officer Grade 1 \u2014 Fee […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-423","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/psf.org.bd\/index.php?rest_route=\/wp\/v2\/pages\/423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/psf.org.bd\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/psf.org.bd\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/psf.org.bd\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/psf.org.bd\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=423"}],"version-history":[{"count":278,"href":"https:\/\/psf.org.bd\/index.php?rest_route=\/wp\/v2\/pages\/423\/revisions"}],"predecessor-version":[{"id":865,"href":"https:\/\/psf.org.bd\/index.php?rest_route=\/wp\/v2\/pages\/423\/revisions\/865"}],"wp:attachment":[{"href":"https:\/\/psf.org.bd\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}