PROGATI PRE-CADET SCHOOL - Job Application<\/title>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n:root{\r\n --primary:#ec008c;\r\n --secondary:#1e3a8a;\r\n --bg:#020617;\r\n --card:#0f172a;\r\n --border:#1e293b;\r\n --text:#e5e7eb;\r\n}\r\n\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n font-family:'Inter',sans-serif;\r\n background:var(--bg);\r\n color:var(--text);\r\n min-height:100vh;\r\n display:flex;\r\n justify-content:center;\r\n padding:25px;\r\n}\r\n\r\n.container{\r\n width:100%;\r\n max-width:1100px;\r\n}\r\n\r\n.card{\r\n background:var(--card);\r\n border-radius:28px;\r\n overflow:hidden;\r\n border:1px solid var(--border);\r\n box-shadow:0 20px 60px rgba(0,0,0,.45);\r\n}\r\n\r\n.header{\r\n background:linear-gradient(135deg,#1e3a8a,#ec008c);\r\n padding:22px 28px;\r\n}\r\n\r\n.header-content{\r\n display:flex;\r\n align-items:center;\r\n gap:18px;\r\n}\r\n\r\n.logo-box img{\r\n width:200px;\r\n height:200px;\r\n object-fit:contain;\r\n background:#ffffff;\r\n padding:8px;\r\n border-radius:50%;\r\n border:4px solid #ffffff;\r\n box-shadow:0 4px 15px rgba(0,0,0,0.25);\r\n}\r\n\r\n.header-text h1{\r\n color:#ffffff;\r\n font-size:2rem;\r\n font-weight:800;\r\n letter-spacing:1px;\r\n}\r\n\r\n.header-text p{\r\n color:#fdf2f8;\r\n margin-top:5px;\r\n font-size:.95rem;\r\n}\r\n\r\n.form-area{\r\n padding:28px;\r\n}\r\n\r\n.section-title{\r\n margin-bottom:20px;\r\n font-size:1.6rem;\r\n font-weight:800;\r\n color:#ffffff;\r\n background:linear-gradient(90deg,#ec008c,#1e3a8a);\r\n padding:12px 18px;\r\n border-radius:12px;\r\n display:inline-block;\r\n box-shadow:0 6px 18px rgba(0,0,0,0.25);\r\n}\r\n\r\n.form-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(280px,1fr));\r\n gap:16px;\r\n}\r\n\r\n.field{\r\n margin-bottom:14px;\r\n}\r\n\r\n.field-label{\r\n display:block;\r\n margin-bottom:6px;\r\n color:#cbd5e1;\r\n font-size:.85rem;\r\n font-weight:600;\r\n}\r\n\r\ninput,\r\nselect{\r\n width:100%;\r\n border-radius:12px;\r\n border:1px solid #334155;\r\n background:#020617;\r\n color:#fff;\r\n padding:12px 14px;\r\n font-size:.94rem;\r\n}\r\n\r\ninput:focus,\r\nselect:focus{\r\n outline:none;\r\n border-color:var(--primary);\r\n box-shadow:0 0 0 2px rgba(236,0,140,.15);\r\n}\r\n\r\n.btn-submit{\r\n width:100%;\r\n padding:14px;\r\n border:none;\r\n border-radius:999px;\r\n\r\n \/* LOGO COLOR *\/\r\n background:linear-gradient(135deg,#1e3a8a,#ec008c) !important;\r\n\r\n color:#ffffff;\r\n font-size:1rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n\r\n margin-top:10px;\r\n\r\n transition:0.3s ease;\r\n box-shadow:0 8px 20px rgba(0,0,0,0.25);\r\n}\r\n\r\n.btn-submit:hover{\r\n transform:scale(1.03);\r\n box-shadow:0 12px 25px rgba(0,0,0,0.35);\r\n}\r\n\r\n.alert{\r\n display:none;\r\n margin-top:18px;\r\n padding:12px;\r\n border-radius:14px;\r\n background:#022c22;\r\n border:1px solid #10b981;\r\n color:#bbf7d0;\r\n text-align:center;\r\n font-weight:600;\r\n}\r\n\r\n.alert.show{\r\n display:block;\r\n}\r\n\r\n.footer{\r\n text-align:center;\r\n padding:16px;\r\n background:#020617;\r\n border-top:1px solid #1e293b;\r\n color:#94a3b8;\r\n font-size:.85rem;\r\n}\r\n\r\nsmall{\r\n display:block;\r\n margin-top:4px;\r\n}\r\n\r\n@media(max-width:700px){\r\n.header-content{\r\nflex-direction:column;\r\ntext-align:center;\r\n}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"container\">\r\n<div class=\"card\">\r\n\r\n<div class=\"header\">\r\n<div class=\"header-content\">\r\n\r\n<div class=\"logo-box\">\r\n<img decoding=\"async\" src=\"logo.png.jpg\" alt=\"PROGATI PRE-CADET SCHOOL Logo\">\r\n<\/div>\r\n\r\n<div class=\"header-text\">\r\n<h1>PROGATI PRE-CADET SCHOOL<\/h1>\r\n<p>Online Job Application & Exam Fee Payment System<\/p>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"form-area\">\r\n\r\n<h2 class=\"section-title\">Application Form<\/h2>\r\n\r\n<form id=\"applicationForm\">\r\n\r\n<div class=\"form-grid\">\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Job Post *<\/label>\r\n<select id=\"jobPost\" name=\"jobPost\" required>\r\n<option value=\"\">Select Job Post<\/option>\r\n<option value=\"Head Teacher\" data-fee=\"200\">Head Teacher \u2014 Fee 200\/-<\/option>\r\n<option value=\"Assistant Head Teacher\" data-fee=\"200\">Assistant Head Teacher \u2014 Fee 200\/-<\/option>\r\n<option value=\" Assistant Teacher[Bengali]\" data-fee=\"100\">Assistant Teacher[Bengali] \u2014 Fee 100\/-<\/option>\r\n<option value=\"Assistant Teacher[English]\" data-fee=\"100\">Assistant Teacher[English] \u2014 Fee 100\/-<\/option>\r\n<option value=\"Assistant Teacher[Mathematics]\" data-fee=\"100\">Assistant Teacher[Mathematics] \u2014 Fee 100\/-<\/option>\r\n<option value=\"Assistant teacher[Islam]\" data-fee=\"100\">Assistant Teacher[Islam] \u2014 Fee 100\/-<\/option>\r\n<option value=\"ICT Teacher\" data-fee=\"100\">ICT Teacher \u2014 Fee 100\/-<\/option>\r\n<option value=\"Music Teacher\" data-fee=\"100\">Music Teacher \u2014 Fee 100\/-<\/option>\r\n<\/select>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Exam Fee<\/label>\r\n<input type=\"text\" id=\"feeAmountDisplay\" readonly>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Full Name *<\/label>\r\n<input name=\"fullName\" required>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Father's Name *<\/label>\r\n<input name=\"fatherName\" required>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Mother's Name<\/label>\r\n<input name=\"motherName\">\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Date of Birth *<\/label>\r\n<input type=\"date\" name=\"dob\" required>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">NID \/ Birth Certificate *<\/label>\r\n<input name=\"nid\" required>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Gender *<\/label>\r\n<select name=\"gender\" required>\r\n<option value=\"\">Select<\/option>\r\n<option>Male<\/option>\r\n<option>Female<\/option>\r\n<option>Other<\/option>\r\n<\/select>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Bkash Number *<\/label>\r\n<input name=\"Bkash\" pattern=\"[0-9]{11}\" placeholder=\"01XXXXXXXXX\" required>\r\n<\/div>\r\n<div class=\"field\">\r\n<label class=\"field-label\">Transaction ID *<\/label>\r\n<input name=\"transactionId\" id=\"trx\" required pattern=\"[A-Z0-9]+\" placeholder=\"e.g. TXN123ABC\">\r\n<small id=\"trxMsg\" style=\"color:#fca5a5;\"><\/small>\r\n<\/div>\r\n<div class=\"field\">\r\n<label class=\"field-label\">Payment Date *<\/label>\r\n<input type=\"date\" name=\"paymentDate\" required>\r\n<\/div>\r\n<div class=\"field\">\r\n<label class=\"field-label\">Contact Number *<\/label>\r\n<input name=\"contactNumber\" pattern=\"[0-9]{11}\" placeholder=\"01XXXXXXXXX\" required>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Email *<\/label>\r\n<input type=\"email\" name=\"email\" required>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Educational Qualification Last *<\/label>\r\n<select name=\"qualification\" required>\r\n<option value=\"\">Select Qualification<\/option>\r\n<option>SSC\/Dakhil<\/option>\r\n<option>HSC\/Alim<\/option>\r\n<option>Honours\/Fazil<\/option>\r\n<option>Masters\/Kamil<\/option>\r\n<\/select>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Institute Name *<\/label>\r\n<input type=\"text\" name=\"institute\" placeholder=\"Enter Institute Name\" required>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\" for=\"roll\">Roll Number<\/label>\r\n<input type=\"text\" id=\"roll\" name=\"roll\" placeholder=\"Enter Roll Number\">\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n <label class=\"field-label\" for=\"reg\">Registration Number<\/label>\r\n <input type=\"text\" id=\"reg\" name=\"reg\" placeholder=\"Enter Registration Number\">\r\n<\/div>\r\n\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Board \/ University *<\/label>\r\n<input type=\"text\" name=\"board\" placeholder=\"Enter Board \/ University\" required>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Passing Year *<\/label>\r\n<input type=\"number\" name=\"passingYear\" placeholder=\"Enter Passing Year\" required>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">GPA \/ CGPA *<\/label>\r\n<input type=\"text\" name=\"gpa\" placeholder=\"Enter GPA \/ CGPA\" required>\r\n<\/div>\r\n<div class=\"field\" style=\"grid-column:1\/-1;\">\r\n <label class=\"field-label\" for=\"address\">Address *<\/label>\r\n <input type=\"text\" id=\"address\" name=\"address\" placeholder=\"Enter Full Address\" required>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Photo Upload *<\/label>\r\n<input type=\"file\" id=\"photo\" accept=\"image\/*\" required>\r\n<\/div>\r\n\r\n<div class=\"field\">\r\n<label class=\"field-label\">Signature Upload *<\/label>\r\n<input type=\"file\" id=\"signature\" accept=\"image\/*\" required>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<button type=\"submit\" id=\"submitBtn\" class=\"btn-submit\" disabled>\r\nSubmit Application\r\n<\/button>\r\n\r\n<div id=\"successMessage\" class=\"alert\">\r\n\u2714 Application Submitted Successfully!\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"footer\">\r\n\u00a9 2026 PROGATI PRE-CADET SCHOOL | All Rights Reserved\r\n<\/div>\r\n\r\n<script>\r\n\r\nconst jobSelect = document.getElementById('jobPost');\r\nconst feeDisplay = document.getElementById('feeAmountDisplay');\r\n\r\njobSelect.addEventListener('change',()=>{\r\nconst fee = jobSelect.options[jobSelect.selectedIndex].dataset.fee || '';\r\nfeeDisplay.value = fee ? `BDT ${fee}\/-` : '';\r\n});\r\n\r\nconst trxInput = document.getElementById('trx');\r\nconst trxMsg = document.getElementById('trxMsg');\r\nconst submitBtn = document.getElementById('submitBtn');\r\n\r\ntrxInput.addEventListener('input',function(){\r\nthis.value = this.value.toUpperCase();\r\n\r\nif(\/^[A-Z0-9]{10,12}$\/.test(this.value)){\r\ntrxMsg.textContent = \"\u2714 Valid Transaction ID\";\r\ntrxMsg.style.color = \"#86efac\";\r\nsubmitBtn.disabled = false;\r\n}else{\r\ntrxMsg.textContent = \"\u274c 10\u201312 Capital Letter + Number required\";\r\ntrxMsg.style.color = \"#fca5a5\";\r\nsubmitBtn.disabled = true;\r\n}\r\n});\r\n\r\nfunction generateAppID(){\r\nconst randomNumber = Math.floor(100000 + Math.random() * 900000);\r\nreturn \"PROGATI-\" + randomNumber;\r\n}\r\n\r\nfunction toBase64(file){\r\nreturn new Promise((resolve,reject)=>{\r\nconst reader = new FileReader();\r\nreader.readAsDataURL(file);\r\nreader.onload = ()=> resolve(reader.result);\r\nreader.onerror = error => reject(error);\r\n});\r\n}\r\n\r\nconst form = document.getElementById('applicationForm');\r\n\r\nform.addEventListener('submit', async function(e){\r\n\r\ne.preventDefault();\r\n\r\nif(!\/^[A-Z0-9]{10,12}$\/.test(trxInput.value)) return;\r\n\r\nconst appID = generateAppID();\r\n\r\nconst photoFile = document.getElementById('photo').files[0];\r\nconst signFile = document.getElementById('signature').files[0];\r\n\r\nconst photoBase64 = await toBase64(photoFile);\r\nconst signBase64 = await toBase64(signFile);\r\n\r\nconst data = {\r\nid: appID,\r\njobPost: form.jobPost.value,\r\nfee: feeDisplay.value,\r\nname: form.fullName.value,\r\nfather: form.fatherName.value,\r\nmother: form.motherName.value,\r\ndob: form.dob.value,\r\nnid: form.nid.value,\r\ngender: form.gender.value,\r\nqualification: form.qualification.value,\r\ninstitute: form.institute.value,\r\nroll: form.roll.value,\r\nregistration: form.reg.value,\r\nboard: form.board.value,\r\npassingYear: form.passingYear.value,\r\ngpa: form.gpa.value,\r\nBkash: form.Bkash.value,\r\nmobile: form.contactNumber.value,\r\nemail: form.email.value,\r\ntrx: form.transactionId.value,\r\npaymentDate: form.paymentDate.value,\r\naddress: form.address.value,\r\nphoto: photoBase64,\r\nsignature: signBase64\r\n};\r\n\r\nlocalStorage.setItem(\"appData\", JSON.stringify(data));\r\n\r\nlocalStorage.setItem(appID, JSON.stringify(data));\r\n\r\ndocument.getElementById('successMessage').classList.add('show');\r\nsetTimeout(()=>{\r\nwindow.location.href = \"preview.html\";\r\n},1200);\r\n\r\n});\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Note: Payment of the examination fee is mandatory. Incomplete or unpaid applications will not be accepted. Please pay the examination fee to Bikash Marcent: 01713873732 PROGATI PRE-CADET SCHOOL – Job Application PROGATI PRE-CADET SCHOOL Online Job Application & Exam Fee Payment System Application Form Job Post * Select Job PostHead Teacher \u2014 Fee 200\/-Assistant Head […]<\/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-25610","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/psf.org.bd\/index.php?rest_route=\/wp\/v2\/pages\/25610","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=25610"}],"version-history":[{"count":236,"href":"https:\/\/psf.org.bd\/index.php?rest_route=\/wp\/v2\/pages\/25610\/revisions"}],"predecessor-version":[{"id":25859,"href":"https:\/\/psf.org.bd\/index.php?rest_route=\/wp\/v2\/pages\/25610\/revisions\/25859"}],"wp:attachment":[{"href":"https:\/\/psf.org.bd\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}