{"id":85,"date":"2026-02-06T05:32:36","date_gmt":"2026-02-06T05:32:36","guid":{"rendered":"http:\/\/localhost:9081\/?page_id=85"},"modified":"2026-04-17T15:35:06","modified_gmt":"2026-04-17T15:35:06","slug":"form-konsultasi-dan-bantuan-lain","status":"publish","type":"page","link":"https:\/\/mybintang.co.id\/legal\/form-konsultasi-dan-bantuan-lain\/","title":{"rendered":"Form Konsultasi dan Bantuan Lain"},"content":{"rendered":"    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\r\n    <style>\n.required{\n  color:#e53935;\n  font-weight:700;\n  margin-left:2px;\n}\n.konsultasi-form small.hint{\n  display:block;\n  font-weight:400;\n  color:#777;\n  margin-top:4px;\n}\n.konsultasi-form{\n  max-width:960px;\n  margin:auto;\n  background:#fff;\n  padding:32px;\n  border-radius:10px;\n  box-shadow:0 8px 20px rgba(0,0,0,.05);\n  font-size:14px;\n  line-height:1.6;\n  font-family:inherit;\n}\n\n.konsultasi-form h3{\n  margin:26px 0 12px;\n  padding-bottom:6px;\n  border-bottom:2px solid #1e4fa3;\n  color:#1e4fa3;\n}\n\n.konsultasi-form .form-row{margin-bottom:14px;}\n\n.konsultasi-form label{\n  display:block;\n  font-weight:600;\n  margin-bottom:6px;\n}\n\n.konsultasi-form input[type=text],\n.konsultasi-form input[type=email],\n.konsultasi-form input[type=date],\n.konsultasi-form select,\n.konsultasi-form textarea{\n  width:100%;\n  padding:10px 12px;\n  border:1px solid #ddd;\n  border-radius:6px;\n  box-sizing:border-box;\n  font-size:14px;\n}\n\n.konsultasi-form textarea{\n  min-height:90px;\n  resize:vertical;\n}\n\n.konsultasi-form .btn-submit{\n  margin-top:25px;\n  background:#1e4fa3;\n  color:#fff;\n  border:none;\n  padding:12px 26px;\n  border-radius:6px;\n  cursor:pointer;\n  font-weight:600;\n}\n\n.konsultasi-form .btn-submit:hover{\n  background:#163c7d;\n}\n\n.konsultasi-form .box{\n  background:#fafbff;\n  border:1px solid #e3e6f0;\n  border-radius:8px;\n  padding:16px;\n  margin-top:10px;\n}\n<\/style>\n\n\n<form class=\"konsultasi-form\"\n      method=\"post\"\n      action=\"\/legal\/wp-admin\/admin-post.php\">\n\n<input type=\"hidden\" name=\"action\" value=\"submit_konsultasi_bantuan\">\n\n<h3>Informasi Umum<\/h3>\n\n<div class=\"form-row\">\n  <label>Email<span class='required'>*<\/span><\/label>\n  <input type=\"email\" name=\"requester_email\" required>\n<\/div>\n\n<div class=\"form-row\">\n  <label>Unit Bisnis<span class='required'>*<\/span><\/label>\n  <select name=\"business_unit\" required>\n    <option value=\"\">&#8212; Pilih Unit Bisnis &#8212;<\/option>\n    <option value=\"pt_bintang_int\">PT Bintang Internasional<\/option>\n    <option value=\"pt_solusi_gadget\">PT Solusi Gadget Indonesia<\/option>\n    <option value=\"pt_bintang_retail\">PT Bintang Retail Indo<\/option>\n    <option value=\"pt_bintang_wahana\">PT Bintang Wahana Indonesia<\/option>\n    <option value=\"pt_bintang_mas\">PT Bintang Mas Properti<\/option>\n    <option value=\"pt_bintang_cerdas\">PT Bintang Indonesia Cerdas<\/option>\n    <option value=\"pt_mandiri_parkir\">PT Mandiri Parkir Indonesia<\/option>\n  <\/select>\n<\/div>\n\n\n<h3>Informasi Pemohon<\/h3>\n\n<div class=\"form-row\">\n  <label>Nama Lengkap Anda<span class='required'>*<\/span><\/label>\n  <input type=\"text\" name=\"requester_full_name\" required>\n<\/div>\n\n<div class=\"form-row\">\n  <label>NIK Karyawan<span class='required'>*<\/span><\/label>\n  <input type=\"text\" name=\"requester_nik\" required>\n<\/div>\n\n<div class=\"form-row\">\n  <label>Jabatan<span class='required'>*<\/span><\/label>\n  <input type=\"text\" name=\"requester_position\" required>\n<\/div>\n\n<div class=\"form-row\">\n  <label>Departemen<span class='required'>*<\/span><\/label>\n  <input type=\"text\" name=\"requester_department\" required>\n<\/div>\n\n<div class=\"form-row\">\n  <label>Jenis Permintaan<span class='required'>*<\/span><\/label>\n  <select name=\"request_type\" id=\"requestType\" required>\n    <option value=\"\">&#8212; Pilih &#8212;<\/option>\n    <option value=\"consultation\">Konsultasi<\/option>\n    <option value=\"assistance\">Bantuan Lain<\/option>\n  <\/select>\n<\/div>\n\n\n<!-- ================= KONSULTASI ================= -->\n<div id=\"consultationBox\" class=\"box\" style=\"display:none;\">\n\n<h3>Konsultasi<\/h3>\n\n<div class=\"form-row\">\n  <label>Penjelasan awal perihal yang ingin dikonsultasikan<span class='required'>*<\/span><\/label>\n  <textarea name=\"consultation_description\" required><\/textarea>\n<\/div>\n\n<div class=\"form-row\">\n  <label>Apakah memerlukan meeting?<span class='required'>*<\/span><\/label>\n  <select name=\"meeting_required\" id=\"meetingRequired\" required>\n    <option value=\"\">&#8212; Pilih &#8212;<\/option>\n    <option value=\"yes\">Ya<\/option>\n    <option value=\"no\">Tidak<\/option>\n  <\/select>\n<\/div>\n\n<div class=\"form-row\" id=\"meetingDateBox\" style=\"display:none;\">\n  <label>Saran tanggal meeting<\/label>\n  <input type=\"date\" name=\"meeting_date\">\n<\/div>\n\n<\/div>\n\n\n<!-- ================= BANTUAN LAIN ================= -->\n<div id=\"assistanceBox\" class=\"box\" style=\"display:none;\">\n\n<h3>Bantuan Lain<\/h3>\n\n<div class=\"form-row\">\n  <label>Bantuan yang Anda perlukan<span class='required'>*<\/span><\/label>\n  <textarea name=\"assistance_description\" required><\/textarea>\n<\/div>\n\n<div class=\"form-row\">\n  <label>Informasi lain<span class='required'>*<\/span><\/label>\n  <textarea name=\"assistance_additional_information\" required><\/textarea>\n<\/div>\n\n<\/div>\n\n<h3>Tanda Tangan Pengaju<span class='required'>*<\/span><\/h3>\n\n<div style=\"border:1px solid #ddd;border-radius:8px;\">\n  <canvas id=\"signatureCanvas\" style=\"width:100%;height:200px;\"><\/canvas>\n<\/div>\n\n<input type=\"hidden\" name=\"digital_signature\" id=\"digitalSignature\">\n\n<button type=\"button\" id=\"clearSignature\"\n        style=\"margin-top:10px;padding:12px 14px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer;\">\n  Hapus Tanda Tangan\n<\/button>\n  \n  <script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\n\n<div class=\"form-row\" style=\"margin-top:20px;\">\n  <div class=\"g-recaptcha\" data-sitekey=\"6LcPm7YsAAAAAEJDuL-v8iRfrgcOa6LQvpvx0QYP\"><\/div>\n<\/div>\n  \n<button type=\"submit\" class=\"btn-submit\">\n  Kirim Permintaan Konsultasi \/ Bantuan\n<\/button>\n\n<\/form>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/signature_pad@4.0.0\/dist\/signature_pad.umd.min.js\"><\/script>\n\n<script>\n(function(){\n\n  \/* =========================\n     FORM TOGGLE LOGIC\n  ========================== *\/\n\n  var requestType      = document.getElementById('requestType');\n  var consultationBox  = document.getElementById('consultationBox');\n  var assistanceBox    = document.getElementById('assistanceBox');\n\n  var meetingRequired  = document.getElementById('meetingRequired');\n  var meetingDateBox   = document.getElementById('meetingDateBox');\n\n  function setRequired(container, state){\n    var fields = container.querySelectorAll('input, select, textarea');\n\n    fields.forEach(function(el){\n\n      if(el.dataset.originalRequired === undefined){\n        el.dataset.originalRequired = el.hasAttribute('required') ? '1' : '0';\n      }\n\n      if(state){\n        if(el.dataset.originalRequired === '1'){\n          el.setAttribute('required','required');\n        }\n      }else{\n        el.removeAttribute('required');\n      }\n\n    });\n  }\n\n  function resetFields(container){\n    var fields = container.querySelectorAll('input, select, textarea');\n\n    fields.forEach(function(el){\n      if(el.type === 'checkbox' || el.type === 'radio'){\n        el.checked = false;\n      }else{\n        el.value = '';\n      }\n    });\n  }\n\n  function toggleMeetingDate(){\n\n    if(!meetingRequired) return;\n\n    var meetingDateInput = meetingDateBox.querySelector('input');\n\n    if(meetingRequired.value === 'yes'){\n      meetingDateBox.style.display = 'block';\n      if(meetingDateInput){\n        meetingDateInput.setAttribute('required','required');\n      }\n    }else{\n      meetingDateBox.style.display = 'none';\n      if(meetingDateInput){\n        meetingDateInput.removeAttribute('required');\n        meetingDateInput.value = '';\n      }\n    }\n  }\n\n  function toggleRequestType(){\n\n    consultationBox.style.display = 'none';\n    assistanceBox.style.display   = 'none';\n\n    setRequired(consultationBox,false);\n    setRequired(assistanceBox,false);\n\n    resetFields(consultationBox);\n    resetFields(assistanceBox);\n\n    if(requestType.value === 'consultation'){\n      consultationBox.style.display = 'block';\n      setRequired(consultationBox,true);\n    }\n\n    if(requestType.value === 'assistance'){\n      assistanceBox.style.display = 'block';\n      setRequired(assistanceBox,true);\n    }\n\n    toggleMeetingDate();\n  }\n\n  if(requestType){\n    requestType.addEventListener('change', toggleRequestType);\n  }\n\n  if(meetingRequired){\n    meetingRequired.addEventListener('change', toggleMeetingDate);\n  }\n\n  \/* =========================\n     SIGNATURE PAD\n  ========================== *\/\n\n  var canvas = document.getElementById('signatureCanvas');\n  if(!canvas) return;\n\n  function resizeCanvas() {\n    var ratio = Math.max(window.devicePixelRatio || 1, 1);\n    canvas.width = canvas.offsetWidth * ratio;\n    canvas.height = canvas.offsetHeight * ratio;\n    canvas.getContext(\"2d\").scale(ratio, ratio);\n    signaturePad.clear();\n  }\n\n  var signaturePad = new SignaturePad(canvas);\n  window.addEventListener(\"resize\", resizeCanvas);\n  resizeCanvas();\n\n  document.getElementById('clearSignature').addEventListener('click',function(){\n    signaturePad.clear();\n  });\n\n  var form = canvas.closest('form');\n\n  form.addEventListener('submit', function(e){\n\n    if(signaturePad.isEmpty()){\n      alert('Silakan tanda tangan terlebih dahulu');\n      e.preventDefault();\n      return;\n    }\n\n    document.getElementById('digitalSignature').value =\n      signaturePad.toDataURL('image\/png');\n\n    \/\/ VALIDASI CAPTCHA\n    if(typeof grecaptcha !== \"undefined\"){\n      var response = grecaptcha.getResponse();\n\n      if(response.length === 0){\n        alert('Silakan centang captcha dulu');\n        e.preventDefault();\n        return;\n      }\n    }\n\n  });\n\n})();\n<\/script>\n    <\/div>\r\n    ","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width","meta":{"footnotes":""},"class_list":["post-85","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mybintang.co.id\/legal\/wp-json\/wp\/v2\/pages\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mybintang.co.id\/legal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mybintang.co.id\/legal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mybintang.co.id\/legal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mybintang.co.id\/legal\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":24,"href":"https:\/\/mybintang.co.id\/legal\/wp-json\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":446,"href":"https:\/\/mybintang.co.id\/legal\/wp-json\/wp\/v2\/pages\/85\/revisions\/446"}],"wp:attachment":[{"href":"https:\/\/mybintang.co.id\/legal\/wp-json\/wp\/v2\/media?parent=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}