{"id":27,"date":"2026-02-06T04:56:19","date_gmt":"2026-02-06T04:56:19","guid":{"rendered":"http:\/\/localhost:9081\/?page_id=27"},"modified":"2026-04-17T16:18:17","modified_gmt":"2026-04-17T16:18:17","slug":"form-demosi-karyawan","status":"publish","type":"page","link":"https:\/\/mybintang.co.id\/legal\/form-demosi-karyawan\/","title":{"rendered":"Form Demosi Karyawan"},"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.demosi-form{\n  max-width:900px;\n  margin:auto;\n  background:#fff;\n  padding:30px;\n  border-radius:10px;\n  box-shadow:0 8px 20px rgba(0,0,0,.05);\n  font-size:14px;\n  font-family:inherit;\n}\n\n.demosi-form h3{\n  margin:28px 0 14px;\n  padding-bottom:8px;\n  border-bottom:2px solid #1e4fa3;\n  color:#1e4fa3;\n}\n\n.demosi-form .form-row{\n  margin-bottom:16px;\n}\n\n.demosi-form label{\n  display:block;\n  font-weight:600;\n  margin-bottom:6px;\n}\n\n.demosi-form input[type=text],\n.demosi-form input[type=email],\n.demosi-form input[type=date],\n.demosi-form select,\n.demosi-form textarea{\n  width:100%;\n  padding:10px 12px;\n  border:1px solid #ddd;\n  border-radius:6px;\n  font-size:14px;\n  box-sizing:border-box;\n}\n\n.demosi-form textarea{\n  min-height:90px;\n  resize:vertical;\n}\n\n.demosi-form .radio-group{\n  display:flex;\n  gap:20px;\n  flex-wrap:wrap;\n}\n\n.demosi-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.demosi-form .btn-submit:hover{\n  background:#163c7d;\n}\n<\/style>\n\n\n<form class=\"demosi-form\"\n      method=\"post\"\n       action=\"\/legal\/wp-admin\/admin-post.php\"\n      enctype=\"multipart\/form-data\">\n\n<input type=\"hidden\" name=\"action\" value=\"submit_demosi_karyawan\">\n\n<h3>Informasi Pengajuan<\/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>Data Karyawan (Pengaju)<\/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 inputmode=\"numeric\"\n         oninput=\"this.value=this.value.replace(\/[^0-9]\/g,'')\">\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\n<h3>Informasi Karyawan Demosi<\/h3>\n\n<div class=\"form-row\">\n  <label>Nama Karyawan<span class=\"required\">*<\/span><\/label>\n  <input type=\"text\" name=\"employee_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=\"employee_nik\" required inputmode=\"numeric\"\n         oninput=\"this.value=this.value.replace(\/[^0-9]\/g,'')\">\n<\/div>\n\n<div class=\"form-row\">\n  <label>Jabatan<span class=\"required\">*<\/span><\/label>\n  <input type=\"text\" name=\"employee_current_position\" required>\n<\/div>\n\n<div class=\"form-row\">\n  <label>Tanggal Efektif Demosi<span class=\"required\">*<\/span><\/label>\n  <input type=\"date\" name=\"demotion_effective_date\" required>\n<\/div>\n\n<div class=\"form-row\">\n  <label>Status Karyawan<span class=\"required\">*<\/span><\/label>\n  <div class=\"radio-group\">\n    <label>\n      <input type=\"radio\" name=\"employee_work_status\" value=\"contract\" required>\n      Perjanjian Kerja Waktu Tertentu (Kontrak)\n    <\/label>\n    <label>\n      <input type=\"radio\" name=\"employee_work_status\" value=\"permanent\">\n      Perjanjian Kerja Waktu Tidak Tertentu (Permanen)\n    <\/label>\n  <\/div>\n<\/div>\n\n<div class=\"form-row\">\n  <label>Alasan Pengajuan Demosi<span class=\"required\">*<\/span><\/label>\n  <textarea name=\"demotion_reason\" required><\/textarea>\n<\/div>\n\n  <div class=\"form-row\">\n\n<label>Download Form Pengajuan Demosi<\/label>\n\n<a href=\"\/legal\/wp-content\/themes\/human-resources\/assets\/files\/Form-Pengajuan-Demosi-Karyawan.xlsx\"\n   download\n   style=\"\n      display:inline-block;\n      background:#1e4fa3;\n      color:#fff;\n      padding:6px 12px;\n      border-radius:4px;\n      text-decoration:none;\n      font-size:13px;\n      font-weight:500;\n   \">\n   Download Form\n<\/a>\n  <\/div>\n    \n\n<div class=\"form-row\">\n  <label>\n    Upload Form Pengajuan Demosi Karyawan<span class=\"required\">*<\/span><br>\n    <small>(yang telah disetujui oleh Direksi \u2013 max 2MB, 1 file)<\/small>\n  <\/label>\n  <input type=\"file\"\n         name=\"form_attachment\"\n         accept=\".pdf,.jpg,.jpeg,.png,.doc,.docx\"\n         required>\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 Pengajuan Demosi\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  \/\/ validasi 1 file max 10MB\nconst singleFileInput = document.querySelector('input[name=\"form_attachment\"]');\n\nif(singleFileInput){\n  singleFileInput.addEventListener('change', function(){\n\n    const maxSize = 2 * 1024 * 1024; \/\/ 2MB\n    const file = this.files[0];\n\n    if(file && file.size > maxSize){\n      alert('Ukuran file maksimal 2MB');\n      this.value = '';\n      return;\n    }\n\n  });\n}\n\n  \u2028(function(){\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  \/\/ SIMPAN KE HIDDEN FIELD\n  var form = canvas.closest('form');\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 =\nsignaturePad.toDataURL('image\/png');\n\n  });\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>    <\/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-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mybintang.co.id\/legal\/wp-json\/wp\/v2\/pages\/27","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=27"}],"version-history":[{"count":44,"href":"https:\/\/mybintang.co.id\/legal\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":453,"href":"https:\/\/mybintang.co.id\/legal\/wp-json\/wp\/v2\/pages\/27\/revisions\/453"}],"wp:attachment":[{"href":"https:\/\/mybintang.co.id\/legal\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}