{"id":26,"date":"2025-03-21T07:12:17","date_gmt":"2025-03-21T07:12:17","guid":{"rendered":"https:\/\/ekyc.ubfs.uk\/?page_id=26"},"modified":"2026-03-09T02:00:58","modified_gmt":"2026-03-09T02:00:58","slug":"upload-kyc","status":"publish","type":"page","link":"https:\/\/ekyc.ubfs.uk\/index.php\/upload-kyc\/","title":{"rendered":"Upload KYC"},"content":{"rendered":"\n\n\n\n<!DOCTYPE html>\n<html>\n<head>\n\n<title>Digital KYC Verification<\/title>\n\n<style>\n\nbody{\nfont-family:Segoe UI;\nbackground:#f4f6f9;\nmargin:0;\n}\n\n.header{\nbackground:#003366;\ncolor:Green;\npadding:15px;\ntext-align:center;\nfont-size:24px;\n}\n\n.container{\nwidth:1000px;\nmargin:auto;\nbackground:Green;\npadding:25px;\nmargin-top:120px;\nborder-radius:16px;\nbox-shadow:0 2px 8px rgba(0,0,0,0.1);\n}\n\n.section{\nborder:1px solid #ddd;\npadding:120px;\nmargin-bottom:120px;\nborder-radius:15px;\n}\n\n.section h3{\nmargin-top:0;\ncolor:#003366;\n}\n\n.row{\ndisplay:flex;\ngap:20px;\n}\n\n.col{\nflex:1;\n}\n\ninput, textarea{\nwidth:100%;\npadding:10px;\nborder:1px solid #ccc;\nborder-radius:4px;\nmargin-top:6px;\nmargin-bottom:10px;\n}\n\nbutton{\nbackground:#007bff;\ncolor:white;\npadding:10px 20px;\nborder:none;\nborder-radius:4px;\ncursor:pointer;\n}\n\n.preview{\nwidth:150px;\nheight:150px;\nborder:1px solid #ccc;\ndisplay:flex;\nalign-items:center;\njustify-content:center;\nbackground:#fafafa;\n}\n\n<\/style>\n\n<\/head>\n\n<body>\n\n<div class=\"header\">\nDigital KYC Verification \n<\/div>\n\n<div class=\"container\">\n\n<form method=\"post\" action=\"save_kyc.php\">\n\n<!-- PERSONAL DETAILS -->\n\n<div class=\"section\">\n\n<h3>Personal Details<\/h3>\n\n<div class=\"row\">\n\n<div class=\"col\">\n<label>First Name<\/label>\n<input type=\"text\" name=\"name\">\n<\/div>\n<div class=\"col\">\n<label>Last Name<\/label>\n<input type=\"text\" name=\"name\">\n<\/div>\n\n<\/div>\n\n<div class=\"col\">\n<label>Date of Birth<\/label>\n<input type=\"date\" name=\"dob\">\n<\/div>\n\n<\/div>\n<div class=\"col\">\n<label>Aadhar Number<\/label>\n<input type=\"text\" name=\"mobile\">\n<\/div>\n\n<div class=\"col\">\n<label>PAN Number<\/label>\n<input type=\"email\" name=\"email\">\n<\/div>\n\n\n<div class=\"row\">\n\n<div class=\"col\">\n<label>Mobile Number<\/label>\n<input type=\"text\" name=\"mobile\">\n<\/div>\n\n<div class=\"col\">\n<label>Email<\/label>\n<input type=\"email\" name=\"email\">\n<\/div>\n\n<\/div>\n<div class=\"row\">\n\n<div class=\"col\">\n<label>Father Name<\/label>\n<input type=\"text\" name=\"name\">\n<\/div>\n\n\n<\/div>\n\n\n<div class=\"col\">\n<label>Mother Name<\/label>\n<input type=\"text\" name=\"name\">\n<\/div>\n\n<\/div>\n\n<label>Permanent Address<\/label>\n<textarea name=\"address\"><\/textarea>\n\n<\/div>\n<\/div>\n\n<label>Office Address<\/label>\n<textarea name=\"address\"><\/textarea>\n\n<\/div>\n\n<!DOCTYPE html>\n<html>\n<head>\n<title>Corporate KYC Dashboard &#8211; Mobile Friendly<\/title>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<style>\nbody{\n  font-family:Segoe UI, Arial, sans-serif;\n  background:#f4f6f9;\n  margin:0;\n}\n.header{\n  background:#1b3a57;\n  color:white;\n  padding:15px;\n  text-align:center;\n  font-size:22px;\n}\n.container{\n  width:95%;\n  max-width:1200px;\n  margin:auto;\n  background:white;\n  padding:20px;\n  margin-top:15px;\n  border-radius:6px;\n  box-shadow:0 0 10px rgba(0,0,0,0.1);\n}\n.section{\n  border:1px solid #dcdcdc;\n  margin-bottom:20px;\n  padding:15px;\n  border-radius:5px;\n}\n.section h3{\n  margin-top:0;\n  color:#1b3a57;\n  text-align:center;\n}\n.columns{\n  display:flex;\n  flex-wrap:wrap;\n  gap:15px;\n  justify-content:space-between;\n}\n.col{\n  flex:1 1 280px; \/* min width 280px, grows to fill space *\/\n  border:1px solid #ccc;\n  padding:15px;\n  border-radius:5px;\n  background:#fafafa;\n  text-align:center;\n}\nbutton{\n  background:#0073e6;\n  color:white;\n  border:none;\n  padding:10px 16px;\n  border-radius:4px;\n  cursor:pointer;\n  margin-top:10px;\n}\n.preview{\n  width:160px;\n  height:160px;\n  border:1px solid #aaa;\n  margin:10px auto;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#eaeaea;\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"header\">Corporate KYC Verification<\/div>\n\n<div class=\"container\">\n\n<!-- Biometric Section -->\n<div class=\"section\">\n<h3>Biometric Verification<\/h3>\n<div class=\"columns\">\n\n<!-- PHOTO -->\n<div class=\"col\">\n<h4>Live Photo<\/h4>\n<video id=\"video\" width=\"160\" height=\"160\" autoplay><\/video>\n<div class=\"preview\" id=\"photoPreview\">Preview<\/div>\n<button type=\"button\" onclick=\"startCamera()\">Start Camera<\/button>\n<button type=\"button\" onclick=\"capturePhoto()\">Capture Photo<\/button>\n<input type=\"hidden\" name=\"photoData\" id=\"photoData\">\n<\/div>\n\n<!-- FINGERPRINT -->\n<div class=\"col\">\n<h4>Fingerprint <\/h4>\n<div class=\"preview\" id=\"fingerPreview\">Preview<\/div>\n<button type=\"button\" onclick=\"captureFinger()\">Capture Fingerprint<\/button>\n<textarea id=\"fingerData\" name=\"fingerData\" hidden><\/textarea>\n<\/div>\n\n<!-- IRIS -->\n<div class=\"col\">\n<h4>Iris Scan <\/h4>\n<div class=\"preview\" id=\"irisPreview\">Preview<\/div>\n<button type=\"button\" onclick=\"captureIris()\">Capture Iris<\/button>\n<textarea id=\"irisData\" name=\"irisData\" hidden><\/textarea>\n<\/div>\n\n<\/div>\n<\/div>\n\n<\/div>\n\n<script>\n\/* ---------- PHOTO ---------- *\/\nfunction startCamera(){\n  if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia){\n    navigator.mediaDevices.getUserMedia({video:true})\n    .then(stream=>{\n      document.getElementById(\"video\").srcObject = stream;\n    })\n    .catch(err=>{\n      alert(\"Camera not accessible: \" + err);\n    });\n  } else {\n    alert(\"Camera not supported on this device\");\n  }\n}\n\nfunction capturePhoto(){\n  var canvas=document.createElement('canvas');\n  canvas.width=160;\n  canvas.height=160;\n  canvas.getContext('2d').drawImage(document.getElementById('video'),0,0,160,160);\n  var imageData=canvas.toDataURL('image\/png');\n  document.getElementById('photoData').value=imageData;\n  document.getElementById('photoPreview').innerHTML='<img loading=\"lazy\" decoding=\"async\" src=\"'+imageData+'\" width=\"160\" height=\"160\">';\n}\n\n\/* ---------- FINGERPRINT ---------- *\/\nfunction captureFinger(){\n  var pidOptions=`<PidOptions>\n    <Opts fCount=\"1\" fType=\"2\" iCount=\"0\" format=\"0\" pidVer=\"2.0\" timeout=\"10000\"\/>\n  <\/PidOptions>`;\n  \n  var xhr=new XMLHttpRequest();\n  xhr.open(\"CAPTURE\",\"http:\/\/127.0.0.1:11100\/rd\/capture\",true);\n  xhr.onreadystatechange=function(){\n    if(xhr.readyState==4 && xhr.status==200){\n      document.getElementById('fingerData').value=xhr.responseText;\n      document.getElementById('fingerPreview').innerHTML='Captured \u2714';\n    }\n  };\n  xhr.send(pidOptions);\n}\n\n\/* ---------- IRIS ---------- *\/\nfunction captureIris(){\n  var pidOptions=`<PidOptions>\n    <Opts fCount=\"0\" iCount=\"1\" format=\"0\" pidVer=\"2.0\" timeout=\"10000\"\/>\n  <\/PidOptions>`;\n  \n  var xhr=new XMLHttpRequest();\n  xhr.open(\"CAPTURE\",\"http:\/\/127.0.0.1:11100\/rd\/capture\",true);\n  xhr.onreadystatechange=function(){\n    if(xhr.readyState==4 && xhr.status==200){\n      document.getElementById('irisData').value=xhr.responseText;\n      document.getElementById('irisPreview').innerHTML='Captured \u2714';\n    }\n  };\n  xhr.send(pidOptions);\n}\n<\/script>\n<\/body>\n<\/html>\n\n<div class=\"header\">\n<button type=\"button\" class=\"submit-btn\" onclick=\"submitKYC()\">Submit KYC<\/button>\n<\/div>\n\n<\/form>\n<\/div>\n\n<!DOCTYPE html>\n<html>\n<head>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>KYC Submitted<\/title>\n<style>\nbody{font-family:Segoe UI, Arial; background:#f4f6f9; margin:0;}\n.container{width:95%; max-width:600px; margin:100px auto; background:white; padding:40px; text-align:center; border-radius:8px; box-shadow:0 0 15px rgba(0,0,0,0.1);}\nh1{color:#28a745; font-size:28px;}\np{font-size:18px; margin-top:15px;}\n<\/style>\n<\/head>\n<body>\n<div class=\"container\">\n<h1>Thank You!<\/h1>\n<p>Your KYC has been submitted successfully.<\/p>\n<\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Digital KYC Verification Digital KYC Verification Personal Details First Name Last Name Date of Birth Aadhar Number PAN Number Mobile Number Email Father Name Mother Name Permanent Address Office Address&hellip;<\/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-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ekyc.ubfs.uk\/index.php\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekyc.ubfs.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ekyc.ubfs.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ekyc.ubfs.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekyc.ubfs.uk\/index.php\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":23,"href":"https:\/\/ekyc.ubfs.uk\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":72,"href":"https:\/\/ekyc.ubfs.uk\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/72"}],"wp:attachment":[{"href":"https:\/\/ekyc.ubfs.uk\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}