{"id":1154,"date":"2026-09-15T10:44:46","date_gmt":"2026-09-15T10:44:46","guid":{"rendered":"https:\/\/testnew.indinet.co.in\/icncl\/?page_id=1154"},"modified":"2026-09-15T11:29:42","modified_gmt":"2026-09-15T11:29:42","slug":"complaint-zone","status":"publish","type":"page","link":"https:\/\/testnew.indinet.co.in\/icncl\/complaint-zone","title":{"rendered":"Complaint Zone"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1154\" class=\"elementor elementor-1154\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d43c3a3 e-con-full e-flex e-con e-parent\" data-id=\"d43c3a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ae9b56 elementor-widget elementor-widget-html\" data-id=\"3ae9b56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================== ICNCL COMPLAINT ZONE FORM ==================== -->\r\n<div class=\"icncl-complaint-wrapper\">\r\n  \r\n  <div class=\"icncl-form-card\">\r\n    <div class=\"icncl-form-header\">\r\n      <div class=\"header-badge\">Customer Support &amp; Care<\/div>\r\n      <h2>Register Your Complaint \/ Inquiry<\/h2>\r\n      <p>Please enter your details below. Our technical support team will review and resolve your issue promptly.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Alert Box for Success & Error Notifications -->\r\n    <div id=\"icnclStatusAlert\" class=\"icncl-status-alert\"><\/div>\r\n\r\n    <form id=\"icnclComplaintZoneForm\" onsubmit=\"handleIcnclComplaintSubmit(event)\">\r\n      <!-- WordPress AJAX Action Hook -->\r\n      <input type=\"hidden\" name=\"action\" value=\"icncl_submit_complaint\">\r\n      <input type=\"hidden\" name=\"source_tab\" value=\"Complaint Zone\">\r\n\r\n      <div class=\"icncl-row\">\r\n        \r\n        <!-- Full Name -->\r\n        <div class=\"icncl-col-6\">\r\n          <label for=\"icncl_name\">Full Name <span class=\"req\">*<\/span><\/label>\r\n          <div class=\"input-wrap\">\r\n            <input type=\"text\" id=\"icncl_name\" name=\"full_name\" required placeholder=\"e.g. Rahul Sharma\" autocomplete=\"name\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Mobile Number -->\r\n        <div class=\"icncl-col-6\">\r\n          <label for=\"icncl_phone\">Mobile Number <span class=\"req\">*<\/span><\/label>\r\n          <div class=\"input-wrap\">\r\n            <input type=\"tel\" id=\"icncl_phone\" name=\"phone\" required pattern=\"[0-9]{10}\" maxlength=\"10\" placeholder=\"10-digit mobile number\" autocomplete=\"tel\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Email Address -->\r\n        <div class=\"icncl-col-6\">\r\n          <label for=\"icncl_email\">Email Address (Optional)<\/label>\r\n          <div class=\"input-wrap\">\r\n            <input type=\"email\" id=\"icncl_email\" name=\"email\" placeholder=\"e.g. rahul@example.com\" autocomplete=\"email\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Service Type -->\r\n        <div class=\"icncl-col-6\">\r\n          <label for=\"icncl_service\">Service Type <span class=\"req\">*<\/span><\/label>\r\n          <div class=\"input-wrap select-wrap\">\r\n            <select id=\"icncl_service\" name=\"service_type\" required>\r\n              <option value=\"\" disabled selected>-- Select Your Service --<\/option>\r\n              <option value=\"Digital Cable TV\">Digital Cable TV<\/option>\r\n              <option value=\"Broadband Internet\">Broadband Internet<\/option>\r\n              <option value=\"Playtop Magic STB\">Playtop Magic STB<\/option>\r\n              <option value=\"Playtop Magic App\">Playtop Magic App<\/option>\r\n              <option value=\"New Connection\">New Connection Request<\/option>\r\n              <option value=\"Other\">Other Query<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- VC \/ Smart Card \/ STB No -->\r\n        <div class=\"icncl-col-6\">\r\n          <label for=\"icncl_identifier\">STB \/ VC \/ Smart Card \/ Account No.<\/label>\r\n          <div class=\"input-wrap\">\r\n            <input type=\"text\" id=\"icncl_identifier\" name=\"identifier_no\" placeholder=\"e.g. VC No. or STB Serial\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Pincode -->\r\n        <div class=\"icncl-col-6\">\r\n          <label for=\"icncl_pincode\">Pincode <span class=\"req\">*<\/span><\/label>\r\n          <div class=\"input-wrap\">\r\n            <input type=\"text\" id=\"icncl_pincode\" name=\"pincode\" required pattern=\"[0-9]{6}\" maxlength=\"6\" placeholder=\"e.g. 700001\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Address -->\r\n        <div class=\"icncl-col-12\">\r\n          <label for=\"icncl_address\">Installation \/ Service Address <span class=\"req\">*<\/span><\/label>\r\n          <div class=\"input-wrap\">\r\n            <input type=\"text\" id=\"icncl_address\" name=\"address\" required placeholder=\"Flat\/House No., Street name, Landmark, City\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Complaint Category \/ Subject -->\r\n        <div class=\"icncl-col-12\">\r\n          <label for=\"icncl_subject\">Nature of Complaint \/ Issue Category <span class=\"req\">*<\/span><\/label>\r\n          <div class=\"input-wrap select-wrap\">\r\n            <select id=\"icncl_subject\" name=\"subject\" required>\r\n              <option value=\"\" disabled selected>-- Select Problem Category --<\/option>\r\n              <option value=\"No Signal \/ Black Screen\">No Signal \/ Black Screen (E016\/E04)<\/option>\r\n              <option value=\"Channel Missing \/ Channel Not Subscribed\">Channel Missing \/ Channel Not Subscribed<\/option>\r\n              <option value=\"STB \/ Smart Card Hardware Fault\">STB \/ Smart Card Hardware Fault<\/option>\r\n              <option value=\"Recharge \/ Payment Not Updated\">Recharge \/ Payment Not Updated<\/option>\r\n              <option value=\"Cable Wire Damaged \/ Heavy Noise\">Cable Wire Damaged \/ Signal Distortion<\/option>\r\n              <option value=\"Broadband Slow Speed \/ Internet Down\">Broadband Slow Speed \/ Fiber Cut<\/option>\r\n              <option value=\"Relocation \/ Shifting Request\">Relocation \/ Connection Shifting<\/option>\r\n              <option value=\"General Support \/ Inquiry\">General Support \/ Billing Inquiry<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Detailed Description -->\r\n        <div class=\"icncl-col-12\">\r\n          <label for=\"icncl_message\">Detailed Complaint Description <span class=\"req\">*<\/span><\/label>\r\n          <div class=\"input-wrap\">\r\n            <textarea id=\"icncl_message\" name=\"message\" rows=\"4\" required placeholder=\"Please describe the exact issue you are facing...\"><\/textarea>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"icncl-submit-row\">\r\n        <button type=\"submit\" id=\"icnclBtnSubmit\" class=\"icncl-submit-btn\">\r\n          <span class=\"btn-text\">Submit Complaint<\/span>\r\n          <span class=\"btn-icon\">&rarr;<\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n    <\/form>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ==================== FORM STYLES ==================== -->\r\n<style>\r\n.icncl-complaint-wrapper {\r\n  width: 100%;\r\n  padding: 40px 15px;\r\n  box-sizing: border-box;\r\n  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.icncl-form-card {\r\n  width: 100%;\r\n  max-width: 820px;\r\n  background: #ffffff;\r\n  border-radius: 12px;\r\n  padding: 40px 35px;\r\n  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);\r\n  border-top: 4px solid #ff4200;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icncl-form-header {\r\n  text-align: center;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.icncl-form-header .header-badge {\r\n  display: inline-block;\r\n  background: #fff0eb;\r\n  color: #ff4200;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.8px;\r\n  padding: 4px 14px;\r\n  border-radius: 20px;\r\n  margin-bottom: 10px;\r\n  border: 1px solid #ffd0bf;\r\n}\r\n\r\n.icncl-form-header h2 {\r\n  font-size: 26px;\r\n  font-weight: 700;\r\n  color: #123652;\r\n  margin: 0 0 8px 0;\r\n}\r\n\r\n.icncl-form-header p {\r\n  color: #666666;\r\n  font-size: 14.5px;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n.icncl-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  margin: 0 -10px;\r\n}\r\n\r\n.icncl-col-6 {\r\n  width: 50%;\r\n  padding: 0 10px;\r\n  margin-bottom: 18px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icncl-col-12 {\r\n  width: 100%;\r\n  padding: 0 10px;\r\n  margin-bottom: 18px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icncl-row label {\r\n  display: block;\r\n  font-size: 13.5px;\r\n  font-weight: 600;\r\n  color: #222222;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.icncl-row label .req {\r\n  color: #ff4200;\r\n}\r\n\r\n.icncl-row .input-wrap {\r\n  position: relative;\r\n}\r\n\r\n.icncl-row input[type=\"text\"],\r\n.icncl-row input[type=\"tel\"],\r\n.icncl-row input[type=\"email\"],\r\n.icncl-row select,\r\n.icncl-row textarea {\r\n  width: 100%;\r\n  padding: 11px 14px;\r\n  font-size: 14px;\r\n  font-family: inherit;\r\n  color: #222222;\r\n  background-color: #fafafa;\r\n  border: 1px solid #dcdfe6;\r\n  border-radius: 6px;\r\n  box-sizing: border-box;\r\n  transition: all 0.25s ease;\r\n  outline: none;\r\n}\r\n\r\n.icncl-row input:focus,\r\n.icncl-row select:focus,\r\n.icncl-row textarea:focus {\r\n  border-color: #ff4200;\r\n  background-color: #ffffff;\r\n  box-shadow: 0 0 0 3px rgba(255, 66, 0, 0.12);\r\n}\r\n\r\n.icncl-row textarea {\r\n  resize: vertical;\r\n  min-height: 95px;\r\n}\r\n\r\n.icncl-submit-row {\r\n  margin-top: 10px;\r\n  text-align: center;\r\n}\r\n\r\n.icncl-submit-btn {\r\n  background: #ff4200;\r\n  color: #ffffff;\r\n  border: none;\r\n  border-radius: 6px;\r\n  padding: 14px 36px;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  transition: all 0.3s ease;\r\n  width: 100%;\r\n}\r\n\r\n.icncl-submit-btn:hover {\r\n  background: #e03a00;\r\n  box-shadow: 0 4px 14px rgba(255, 66, 0, 0.35);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.icncl-submit-btn:disabled {\r\n  background: #b0b0b0;\r\n  cursor: not-allowed;\r\n  transform: none;\r\n  box-shadow: none;\r\n}\r\n\r\n\/* Dynamic Alert Styles *\/\r\n.icncl-status-alert {\r\n  display: none;\r\n  padding: 16px 20px;\r\n  border-radius: 8px;\r\n  font-size: 14.5px;\r\n  line-height: 1.5;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.icncl-status-alert.alert-success {\r\n  display: block;\r\n  background: #ecfdf5;\r\n  border: 1px solid #a7f3d0;\r\n  color: #065f46;\r\n}\r\n\r\n.icncl-status-alert.alert-error {\r\n  display: block;\r\n  background: #fef2f2;\r\n  border: 1px solid #fecaca;\r\n  color: #991b1b;\r\n}\r\n\r\n.ticket-highlight {\r\n  display: inline-block;\r\n  background: #123652;\r\n  color: #ffffff;\r\n  padding: 3px 10px;\r\n  border-radius: 4px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.5px;\r\n  margin-top: 6px;\r\n}\r\n\r\n\/* Responsive Mobile Layout *\/\r\n@media (max-width: 768px) {\r\n  .icncl-col-6 {\r\n    width: 100%;\r\n  }\r\n  .icncl-form-card {\r\n    padding: 26px 18px;\r\n  }\r\n  .icncl-form-header h2 {\r\n    font-size: 21px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- ==================== AJAX SUBMISSION JAVASCRIPT ==================== -->\r\n<script>\r\nasync function handleIcnclComplaintSubmit(event) {\r\n  event.preventDefault();\r\n\r\n  var form = document.getElementById('icnclComplaintZoneForm');\r\n  var alertBox = document.getElementById('icnclStatusAlert');\r\n  var btn = document.getElementById('icnclBtnSubmit');\r\n\r\n  \/\/ Disable button and show spinner\r\n  btn.disabled = true;\r\n  btn.innerHTML = '<span>Submitting Complaint...<\/span>';\r\n  alertBox.className = 'icncl-status-alert';\r\n  alertBox.style.display = 'none';\r\n\r\n  var formData = new FormData(form);\r\n\r\n  \/\/ Auto detect WordPress admin-ajax endpoint\r\n  var ajaxUrl = (typeof ajaxurl !== 'undefined') ? ajaxurl : '\/wp-admin\/admin-ajax.php';\r\n\r\n  try {\r\n    var response = await fetch(ajaxUrl, {\r\n      method: 'POST',\r\n      body: formData\r\n    });\r\n\r\n    var result = await response.json();\r\n\r\n    if (result.success) {\r\n      alertBox.className = 'icncl-status-alert alert-success';\r\n      alertBox.innerHTML = '<strong>Complaint Registered Successfully!<\/strong><br>' +\r\n        (result.data.message || 'Your complaint has been assigned to our technical desk.') + '<br>' +\r\n        'Your Complaint Reference ID: <div class=\"ticket-highlight\">' + result.data.ticket_no + '<\/div>';\r\n      alertBox.style.display = 'block';\r\n      \r\n      form.reset();\r\n      alertBox.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n    } else {\r\n      throw new Error(result.data || 'Failed to submit inquiry. Please try again.');\r\n    }\r\n  } catch (error) {\r\n    alertBox.className = 'icncl-status-alert alert-error';\r\n    alertBox.innerHTML = '<strong>Submission Failed:<\/strong> ' + error.message;\r\n    alertBox.style.display = 'block';\r\n    alertBox.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n  } finally {\r\n    btn.disabled = false;\r\n    btn.innerHTML = '<span class=\"btn-text\">Submit Complaint<\/span><span class=\"btn-icon\">&rarr;<\/span>';\r\n  }\r\n}\r\n<\/script>\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>Customer Support &amp; Care Register Your Complaint \/ Inquiry Please enter your details below. Our technical support team will review [&hellip;]<\/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":"disabled","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-1154","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/pages\/1154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/comments?post=1154"}],"version-history":[{"count":4,"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/pages\/1154\/revisions"}],"predecessor-version":[{"id":1176,"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/pages\/1154\/revisions\/1176"}],"wp:attachment":[{"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/media?parent=1154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}