Aadhaar Update<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n max-width: 400px;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n text-align: center;\n }\n .container {\n background: #fff;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n }\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n }\n .title {\n font-size: 20px;\n color: #333;\n font-weight: bold;\n }\n .progress {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background-color: #e0e0e0;\n position: relative;\n }\n .progress::after {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #9c27b0;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n .menu-dots {\n font-size: 24px;\n color: #ccc;\n }\n .form-group {\n margin-bottom: 20px;\n }\n label {\n display: block;\n font-size: 16px;\n color: #333;\n margin-bottom: 10px;\n }\n input[type=\"file\"], input[type=\"text\"], input[type=\"number\"] {\n width: 100%;\n padding: 12px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 5px;\n box-sizing: border-box;\n }\n .upload-area {\n border: 2px dashed #ccc;\n border-radius: 8px;\n padding: 40px 20px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n .upload-area:hover {\n border-color: #ff5722;\n background-color: #ffebee;\n }\n .upload-text {\n color: #666;\n margin-bottom: 10px;\n }\n .next-btn {\n width: 100%;\n padding: 12px;\n font-size: 18px;\n color: #fff;\n background-color: #ff5722;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n box-shadow: 0 4px 8px rgba(255, 87, 34, 0.2);\n transition: background-color 0.3s ease, box-shadow 0.3s ease;\n }\n .next-btn:hover {\n background-color: #e64a19;\n box-shadow: 0 6px 12px rgba(230, 74, 25, 0.3);\n }\n .next-btn:disabled {\n background-color: #ccc;\n cursor: not-allowed;\n box-shadow: none;\n }\n .terms {\n font-size: 12px;\n color: #757575;\n margin-top: 10px;\n }\n .terms a {\n color: #2196f3;\n text-decoration: none;\n }\n .terms a:hover {\n text-decoration: underline;\n }\n <\/style>\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const photoInput = document.querySelector('input[type=\"file\"]');\n const aadhaarNumber = document.querySelector('input[type=\"number\"]');\n const aadhaarName = document.querySelector('input[type=\"text\"]');\n const nextBtn = document.querySelector('.next-btn');\n const uploadArea = document.querySelector('.upload-area');\n\n \/\/ Enable Next button when all fields are filled\n function validateForm() {\n const hasPhoto = photoInput.files.length > 0;\n const hasNumber = aadhaarNumber.value.length === 12;\n const hasName = aadhaarName.value.trim() !== '';\n nextBtn.disabled = !(hasPhoto && hasNumber && hasName);\n }\n\n \/\/ Upload area click to trigger file input\n uploadArea.addEventListener('click', () => photoInput.click());\n\n \/\/ Validate on input changes\n photoInput.addEventListener('change', validateForm);\n aadhaarNumber.addEventListener('input', validateForm);\n aadhaarName.addEventListener('input', validateForm);\n\n \/\/ Aadhaar number validation (12 digits)\n aadhaarNumber.addEventListener('input', (e) => {\n e.target.value = e.target.value.replace(\/\\D\/g, '').slice(0, 12);\n });\n\n \/\/ Next button click\n nextBtn.addEventListener('click', () => {\n if (!nextBtn.disabled) {\n window.location.href = 'pan-update.html';\n } else {\n alert('Please upload Aadhaar photo and enter full details!');\n }\n });\n\n \/\/ Initially disable Next button\n nextBtn.disabled = true;\n });\n <\/script>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <div class=\"title\">Aadhaar Update<\/div>\n <div class=\"progress\"><\/div>\n <div class=\"menu-dots\">\u22ee\u22ee\u22ee<\/div>\n <\/div>\n <form enctype=\"multipart\/form-data\">\n <div class=\"form-group\">\n <label for=\"aadhaar_photo\">Upload Aadhaar Card Photo<\/label>\n <div class=\"upload-area\">\n <div class=\"upload-text\">Click to upload Aadhaar photo (JPG\/PNG, <5MB)<\/div>\n <input type=\"file\" id=\"aadhaar_photo\" name=\"aadhaar_photo\" accept=\"image\/*\" style=\"display: none;\" required>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"aadhaar_number\">Aadhaar Number (12 digits)<\/label>\n <input type=\"number\" id=\"aadhaar_number\" name=\"aadhaar_number\" placeholder=\"Enter 12-digit Aadhaar number\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"aadhaar_name\">Full Name as per Aadhaar<\/label>\n <input type=\"text\" id=\"aadhaar_name\" name=\"aadhaar_name\" placeholder=\"Enter full name\" required>\n <\/div>\n <button type=\"button\" class=\"next-btn\" disabled>Next<\/button>\n<\/html>\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>Aadhaar Update Aadhaar Update \u22ee\u22ee\u22ee Upload Aadhaar Card Photo Click to upload Aadhaar photo (JPG\/PNG,<\/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":"","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","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":"default","ast-page-background-enabled":"default","ast-page-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-opacity":"","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-opacity":"","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-opacity":"","overlay-gradient":""}},"ast-content-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-opacity":"","overlay-gradient":""},"tablet":{"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-opacity":"","overlay-gradient":""},"mobile":{"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-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-71","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=71"}],"version-history":[{"count":31,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":625,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/71\/revisions\/625"}],"wp:attachment":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t $\"\"$ \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Aadhaar Update<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n max-width: 400px;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n text-align: center;\n }\n .container {\n background: #fff;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n }\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n }\n .title {\n font-size: 20px;\n color: #333;\n font-weight: bold;\n }\n .progress {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background-color: #e0e0e0;\n position: relative;\n }\n .progress::after {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #9c27b0;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n .menu-dots {\n font-size: 24px;\n color: #ccc;\n }\n .form-group {\n margin-bottom: 20px;\n }\n label {\n display: block;\n font-size: 16px;\n color: #333;\n margin-bottom: 10px;\n }\n input[type=\"file\"], input[type=\"text\"], input[type=\"number\"] {\n width: 100%;\n padding: 12px;\n font-size: 16px;\n border: 1px solid #ccc;\n border-radius: 5px;\n box-sizing: border-box;\n }\n .upload-area {\n border: 2px dashed #ccc;\n border-radius: 8px;\n padding: 40px 20px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n .upload-area:hover {\n border-color: #ff5722;\n background-color: #ffebee;\n }\n .upload-text {\n color: #666;\n margin-bottom: 10px;\n }\n .next-btn {\n width: 100%;\n padding: 12px;\n font-size: 18px;\n color: #fff;\n background-color: #ff5722;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n box-shadow: 0 4px 8px rgba(255, 87, 34, 0.2);\n transition: background-color 0.3s ease, box-shadow 0.3s ease;\n }\n .next-btn:hover {\n background-color: #e64a19;\n box-shadow: 0 6px 12px rgba(230, 74, 25, 0.3);\n }\n .next-btn:disabled {\n background-color: #ccc;\n cursor: not-allowed;\n box-shadow: none;\n }\n .terms {\n font-size: 12px;\n color: #757575;\n margin-top: 10px;\n }\n .terms a {\n color: #2196f3;\n text-decoration: none;\n }\n .terms a:hover {\n text-decoration: underline;\n }\n <\/style>\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const photoInput = document.querySelector('input[type=\"file\"]');\n const aadhaarNumber = document.querySelector('input[type=\"number\"]');\n const aadhaarName = document.querySelector('input[type=\"text\"]');\n const nextBtn = document.querySelector('.next-btn');\n const uploadArea = document.querySelector('.upload-area');\n\n \/\/ Enable Next button when all fields are filled\n function validateForm() {\n const hasPhoto = photoInput.files.length > 0;\n const hasNumber = aadhaarNumber.value.length === 12;\n const hasName = aadhaarName.value.trim() !== '';\n nextBtn.disabled = !(hasPhoto && hasNumber && hasName);\n }\n\n \/\/ Upload area click to trigger file input\n uploadArea.addEventListener('click', () => photoInput.click());\n\n \/\/ Validate on input changes\n photoInput.addEventListener('change', validateForm);\n aadhaarNumber.addEventListener('input', validateForm);\n aadhaarName.addEventListener('input', validateForm);\n\n \/\/ Aadhaar number validation (12 digits)\n aadhaarNumber.addEventListener('input', (e) => {\n e.target.value = e.target.value.replace(\/\\D\/g, '').slice(0, 12);\n });\n\n \/\/ Next button click\n nextBtn.addEventListener('click', () => {\n if (!nextBtn.disabled) {\n window.location.href = 'pan-update.html';\n } else {\n alert('Please upload Aadhaar photo and enter full details!');\n }\n });\n\n \/\/ Initially disable Next button\n nextBtn.disabled = true;\n });\n <\/script>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <div class=\"title\">Aadhaar Update<\/div>\n <div class=\"progress\"><\/div>\n <div class=\"menu-dots\">\u22ee\u22ee\u22ee<\/div>\n <\/div>\n <form enctype=\"multipart\/form-data\">\n <div class=\"form-group\">\n <label for=\"aadhaar_photo\">Upload Aadhaar Card Photo<\/label>\n <div class=\"upload-area\">\n <div class=\"upload-text\">Click to upload Aadhaar photo (JPG\/PNG, <5MB)<\/div>\n <input type=\"file\" id=\"aadhaar_photo\" name=\"aadhaar_photo\" accept=\"image\/*\" style=\"display: none;\" required>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"aadhaar_number\">Aadhaar Number (12 digits)<\/label>\n <input type=\"number\" id=\"aadhaar_number\" name=\"aadhaar_number\" placeholder=\"Enter 12-digit Aadhaar number\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"aadhaar_name\">Full Name as per Aadhaar<\/label>\n <input type=\"text\" id=\"aadhaar_name\" name=\"aadhaar_name\" placeholder=\"Enter full name\" required>\n <\/div>\n <button type=\"button\" class=\"next-btn\" disabled>Next<\/button>\n<\/html>\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>Aadhaar Update Aadhaar Update \u22ee\u22ee\u22ee Upload Aadhaar Card Photo Click to upload Aadhaar photo (JPG\/PNG,<\/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":"","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","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":"default","ast-page-background-enabled":"default","ast-page-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-opacity":"","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-opacity":"","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-opacity":"","overlay-gradient":""}},"ast-content-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-opacity":"","overlay-gradient":""},"tablet":{"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-opacity":"","overlay-gradient":""},"mobile":{"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-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-71","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=71"}],"version-history":[{"count":31,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":625,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/71\/revisions\/625"}],"wp:attachment":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}