{"id":15314,"date":"2024-11-22T11:06:49","date_gmt":"2024-11-22T11:06:49","guid":{"rendered":"https:\/\/thepipalbankwebsitephp80.simplecrmdemo.com\/?post_type=project&#038;p=15314"},"modified":"2024-11-22T11:08:00","modified_gmt":"2024-11-22T11:08:00","slug":"grievance-redressal","status":"publish","type":"project","link":"https:\/\/thepipalbankwebsitephp80.simplecrmdemo.com\/?project=grievance-redressal","title":{"rendered":"Grievance Redressal"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Customer Complaint Portal<\/title><\/p>\n<style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&display=swap');<\/p>\n<p>        \/* General Reset *\/\n        body {\n            margin: 0;\n            padding: 0;\n            font-family: 'Poppins', sans-serif;\n            background-color: #ffffff;\n        }<\/p>\n<p>        .container {\n            display: flex;\n            max-width: 1000px;\n            margin: 40px auto;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n            border: 2px solid #ddd;\n            background-color: #fff;\n        }<\/p>\n<p>        \/* Left Panel *\/\n        .left-panel {\n            background-color: #800080;\n            color: #fff;\n            width: 45%;\n            height: auto; \/* Consistent height *\/\n            padding: 40px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start; \/* Align content to the top *\/\n            align-items: center;\n            box-sizing: border-box;\n        }<\/p>\n<p>        .left-panel-content {\n            text-align: center;\n            width: 100%;\n        }<\/p>\n<p>        .left-panel h1 {\n            font-size: 26px;\n            font-weight: bold;\n            margin-bottom: 20px;\n        }<\/p>\n<p>        .left-panel p {\n            font-size: 16px;\n            margin-bottom: 10px;\n        }<\/p>\n<p>        \/* Right Panel *\/\n        .right-panel {\n            width: 55%;\n            padding: 30px;\n            box-sizing: border-box;\n            height: 100%; \/* Ensures the right panel height is consistent *\/\n        }<\/p>\n<p>        .right-panel h2 {\n            font-size: 22px;\n            font-weight: bold;\n            text-align: left;\n            margin-bottom: 20px;\n        }<\/p>\n<p>        .form-group {\n            margin-bottom: 20px;\n        }<\/p>\n<p>        .form-group label {\n            font-size: 16px;\n            font-weight: bold;\n            display: block;\n            margin-bottom: 5px;\n        }<\/p>\n<p>        .form-group input,\n        .form-group select,\n        .form-group textarea {\n            width: 100%;\n            padding: 12px;\n            font-size: 16px;\n            box-sizing: border-box;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n        }<\/p>\n<p>        .form-group textarea {\n            resize: vertical;\n        }<\/p>\n<p>        .form-group button {\n            background-color: #800080;\n            color: #fff;\n            border: none;\n            padding: 10px 15px;\n            font-size: 14px;\n            font-weight: bold;\n            cursor: pointer;\n            border-radius: 5px;\n            text-transform: uppercase;\n        }<\/p>\n<p>        .form-group button:hover {\n            background-color: #670067;\n        }<\/p>\n<p>        .otp-message,\n        .success-message {\n            display: none;\n            font-size: 14px;\n            color: green;\n            margin-top: 10px;\n            font-style: italic;\n        }<\/p>\n<p>        .upload-section {\n            display: flex;\n            flex-direction: column;\n        }<\/p>\n<p>        .upload-section input[type=\"file\"] {\n            margin-top: 10px;\n        }<\/p>\n<p>        .hidden {\n            display: none;\n        }<\/p>\n<p>        .success-message {\n            font-weight: bold;\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n        <!-- Left Panel --><\/p>\n<div class=\"left-panel\">\n<div class=\"left-panel-content\">\n<h1>CUSTOMER \u2013 COMPLAINT PORTAL<\/h1>\n<p><strong>Toll Free Number to Lodge the complaint<\/strong><\/p>\n<p>18004251444 &#038; 18005728031<\/p>\n<p><strong>Chargeable Numbers:<\/strong> 080-22021500<\/p>\n<p><strong>For NRI Customer:<\/strong> 080-22021555<\/p>\n<p><strong>Email:<\/strong> info@ktkbank.com<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Right Panel --><\/p>\n<div class=\"right-panel\">\n<div id=\"otp-form\">\n<h2>\u0936\u093f\u0915\u093e\u092f\u0924 \u0926\u0930\u094d\u091c \u0915\u0930\u0947\u0902 | REGISTER COMPLAINT<\/h2>\n<div class=\"form-group\">\n                    <label for=\"mobile\">\u092e\u094b\u092c\u093e\u0907\u0932 \u0928\u0902\u092c\u0930 | Mobile No.*<\/label><br \/>\n                    <input type=\"text\" id=\"mobile\" placeholder=\"Your phone\">\n                <\/div>\n<div class=\"form-group\">\n                    <button type=\"button\" onclick=\"sendOTP()\">Get OTP<\/button>\n                <\/div>\n<p class=\"otp-message\" id=\"otp-message\">OTP has been sent. Please enter the OTP below:<\/p>\n<div class=\"form-group hidden\" id=\"otp-section\">\n                    <label for=\"otp\">OTP*<\/label><br \/>\n                    <input type=\"text\" id=\"otp\" placeholder=\"Enter OTP\"><br \/>\n                    <button type=\"button\" onclick=\"verifyOTP()\">Submit<\/button>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Dynamic Complaint Form --><\/p>\n<div id=\"complaint-form\" class=\"hidden\">\n<h2>\u0936\u093f\u0915\u093e\u092f\u0924 \u0926\u0930\u094d\u091c \u0915\u0930\u0947\u0902 | REGISTER COMPLAINT<\/h2>\n<div class=\"form-group\">\n                    <label for=\"purpose\">Purpose<\/label><br \/>\n                    <select id=\"purpose\"><option value=\"\">Select Type<\/option><option value=\"complaint\">Complaint<\/option><option value=\"feedback\">Feedback<\/option><\/select>\n                <\/div>\n<div class=\"form-group\">\n                    <label for=\"account\">Account Number<\/label><br \/>\n                    <input type=\"text\" id=\"account\" placeholder=\"Enter your account number\">\n                <\/div>\n<div class=\"form-group\">\n                    <label for=\"category\">Grv. Category<\/label><br \/>\n                    <input type=\"text\" id=\"category\" placeholder=\"Enter grievance category\">\n                <\/div>\n<div class=\"form-group\">\n                    <label for=\"product\">Product Services<\/label><br \/>\n                    <input type=\"text\" id=\"product\" placeholder=\"Enter product\/services\">\n                <\/div>\n<div class=\"form-group\">\n                    <label for=\"nature\">Grv. Nature<\/label><br \/>\n                    <input type=\"text\" id=\"nature\" placeholder=\"Enter grievance nature\">\n                <\/div>\n<div class=\"form-group\">\n                    <label for=\"description\">Description<\/label><br \/>\n                    <textarea id=\"description\" rows=\"5\" placeholder=\"Enter description (Max 1000 characters)\"><\/textarea>\n                <\/div>\n<div class=\"form-group upload-section\">\n                    <label for=\"proof\">Upload Proof<\/label><br \/>\n                    <input type=\"file\" id=\"proof\" multiple>\n                <\/div>\n<div class=\"form-group\">\n                    <button type=\"button\" onclick=\"submitComplaint()\">Submit<\/button>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Success Message --><\/p>\n<p class=\"success-message\" id=\"success-message\">Your case has been registered successfully. Our team will connect with you shortly.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <script>\n        function sendOTP() {\n            document.getElementById('otp-message').style.display = 'block';\n            document.getElementById('otp-section').classList.remove('hidden');\n        }<\/p>\n<p>        function verifyOTP() {\n            document.getElementById('otp-form').classList.add('hidden');\n            document.getElementById('complaint-form').classList.remove('hidden');\n        }<\/p>\n<p>        function submitComplaint() {\n            document.getElementById('complaint-form').classList.add('hidden');\n            document.getElementById('success-message').classList.remove('hidden');\n        }\n    <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Customer Complaint Portal CUSTOMER \u2013 COMPLAINT PORTAL Toll Free Number to Lodge the complaint 18004251444 &#038; 18005728031 Chargeable Numbers: 080-22021500 For NRI Customer: 080-22021555 Email: info@ktkbank.com \u0936\u093f\u0915\u093e\u092f\u0924 \u0926\u0930\u094d\u091c \u0915\u0930\u0947\u0902 | REGISTER COMPLAINT \u092e\u094b\u092c\u093e\u0907\u0932 \u0928\u0902\u092c\u0930 | Mobile No.* Get OTP OTP has been sent. Please enter the OTP below: OTP* Submit \u0936\u093f\u0915\u093e\u092f\u0924 \u0926\u0930\u094d\u091c \u0915\u0930\u0947\u0902 | REGISTER&#8230;<\/p>\n","protected":false},"author":1,"featured_media":14212,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"pj-categs":[12],"pj-tags":[51],"class_list":["post-15314","project","type-project","status-publish","format-standard","has-post-thumbnail","hentry","pj-categs-services","pj-tags-unified-payment-device"],"_links":{"self":[{"href":"https:\/\/thepipalbankwebsitephp80.simplecrmdemo.com\/index.php?rest_route=\/wp\/v2\/project\/15314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thepipalbankwebsitephp80.simplecrmdemo.com\/index.php?rest_route=\/wp\/v2\/project"}],"about":[{"href":"https:\/\/thepipalbankwebsitephp80.simplecrmdemo.com\/index.php?rest_route=\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/thepipalbankwebsitephp80.simplecrmdemo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thepipalbankwebsitephp80.simplecrmdemo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15314"}],"version-history":[{"count":3,"href":"https:\/\/thepipalbankwebsitephp80.simplecrmdemo.com\/index.php?rest_route=\/wp\/v2\/project\/15314\/revisions"}],"predecessor-version":[{"id":15316,"href":"https:\/\/thepipalbankwebsitephp80.simplecrmdemo.com\/index.php?rest_route=\/wp\/v2\/project\/15314\/revisions\/15316"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thepipalbankwebsitephp80.simplecrmdemo.com\/index.php?rest_route=\/wp\/v2\/media\/14212"}],"wp:attachment":[{"href":"https:\/\/thepipalbankwebsitephp80.simplecrmdemo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15314"}],"wp:term":[{"taxonomy":"pj-categs","embeddable":true,"href":"https:\/\/thepipalbankwebsitephp80.simplecrmdemo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fpj-categs&post=15314"},{"taxonomy":"pj-tags","embeddable":true,"href":"https:\/\/thepipalbankwebsitephp80.simplecrmdemo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fpj-tags&post=15314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}