{"title":"<b><span class=\"icon-label\"><\/span> LAYANAN PBB<\/b>","html":"    <style type=\"text\/css\">.hidden {display:none}<\/style>\r\n    <!-- Masked -->\r\n    <script src=\"http:\/\/e-sppt.semarangkab.go.id\/sppt\/assets\/js\/jquery.maskedinput.min.js\"><\/script>\r\n    <!--  -->\r\n    <script type=\"text\/javascript\">\r\n    $(function() {\r\n      $('#nop, #nop2').mask('99.99.999.999.999.9999.9').val('');\r\n      \/\/\r\n      $('.nav-link').bind('click',function() {\r\n        $(this).each(function() {          \r\n          $('.nav-link').removeClass('active');\r\n          $(this).addClass('active');\r\n          \/\/ \r\n          var i = $(this).attr('data-id');\r\n          if(i == 'input') {\r\n            $('#box_main_lacak').addClass('hidden');\r\n            $('#box_main_input').removeClass('hidden');\r\n          } else {\r\n            $('#box_main_lacak').removeClass('hidden');\r\n            $('#box_main_input').addClass('hidden');\r\n          }\r\n        });\r\n      });\r\n      \/\/\r\n      $('#jenislayanan_id').bind('change',function() {\r\n        var jenislayanan_id = $(this).val();\r\n        var item_lampiran = $(this).find(':selected').attr('data-item');\r\n        _set_jenis_layanan(jenislayanan_id, item_lampiran);\r\n      });\r\n      function _set_jenis_layanan(jenislayanan_id, item_lampiran) {\r\n        if(jenislayanan_id == '99') {\r\n          $('#box_lainnya').removeClass('hidden');\r\n        } else {\r\n          $('#box_lainnya').addClass('hidden');\r\n        }\r\n        \/\/ item lampiran\r\n        var rs_item = item_lampiran.split(';');\r\n        var _html_lampiran = '<div style=\"margin-bottom:5px; border-bottom:1px dotted #ccc\"># Lampiran berupa file PDF,JPG,JPEG,PNG dengan masing-masing ukuran maksimal 2 MB<\/div>';\r\n        for(var n=0; n<rs_item.length; n++) {\r\n          var _title_lampiran = rs_item[n].replace('=','.');\r\n          var _id_lampiran = parseFloat(n) + 1;\r\n          _html_lampiran += '<div class=\"row\">'+\r\n                    '<label for=\"lampiran_'+_id_lampiran+'\" class=\"col-sm-4 col-form-label\">'+_title_lampiran+'<\/label>'+\r\n                    '<div class=\"col-sm-7\">'+\r\n                    '  <input type=\"file\" class=\"form-control lampiran\" name=\"lampiran_'+_id_lampiran+'\" id=\"lampiran_'+_id_lampiran+'\" value=\"\" maxlength=\"18\" placeholder=\"...\" required=\"\" accept=\".jpg,.jpeg,.png,.pdf\">'+\r\n                    '<\/div>'+\r\n                   '<\/div>';\r\n        }\r\n        $('#box_lampiran').html(_html_lampiran);\r\n        $('#count_lampiran').val(rs_item.length);\r\n      }\r\n      \/\/ \r\n      $('#box_captcha, #box_captcha2').bind('click',function() {\r\n          _get_captcha();\r\n      });\r\n      $('#txt_captcha, #txt_captcha2').bind('keyup',function() {\r\n        var i = $(this).val().toUpperCase();\r\n        $(this).val(i);\r\n      });\r\n      _get_captcha();\r\n      function _get_captcha() {\r\n        var txt_captcha = _get_randid(6);\r\n        $('#box_captcha, #box_captcha2').val(txt_captcha);\r\n      }\r\n      function _get_randid(length) {\r\n          var result           = '';\r\n          var characters       = 'ABCDEFGHJKLMNPQRSTUVWXYZ23456789';\r\n          var charactersLength = characters.length;\r\n          for ( var i = 0; i < length; i++ ) {\r\n            result += characters.charAt(Math.floor(Math.random() * charactersLength));\r\n          }\r\n          return result;\r\n      }\r\n      \/\/ \r\n      function _validate_lampiran() {\r\n        var t = 0;\r\n        $('.lampiran').each(function() {\r\n          var i = $(this).val();\r\n          if(i == '') {\r\n            t++;\r\n          }\r\n        });\r\n        \/\/ \r\n        if(parseFloat(t) > 0) {\r\n          return false;\r\n        } else {\r\n          return true;\r\n        }\r\n      }\r\n      \/\/ \r\n      $('#btn_proses').bind('click',function(e) {        \r\n        var nop = $('#nop');\r\n        var nm_wp = $('#nm_wp');\r\n        var nik = $('#nik');\r\n        var alamat_wp = $('#alamat_wp');\r\n        var no_telp = $('#no_telp');\r\n        var email = $('#email');\r\n        var jenislayanan_id = $('#jenislayanan_id');\r\n        var uraian_permohonan = $('#uraian_permohonan');        \r\n        var box_captcha = $('#box_captcha');\r\n        var txt_captcha = $('#txt_captcha');\r\n        var valid_lampiran = _validate_lampiran();\r\n        if(nop.val() == '') {\r\n          alert('Maaf, NOP harap diisi !');\r\n          nop.focus();\r\n          return false;\r\n        } else if(nm_wp.val() == '') {\r\n          alert('Maaf, Nama Wajib Pajak harap diisi !');\r\n          nm_wp.focus();\r\n          return false;\r\n        } else if(nik.val() == '') {\r\n          alert('Maaf, NIK\/No.KTP harap diisi !');\r\n          nik.focus();\r\n          return false;\r\n        } else if(alamat_wp.val() == '') {\r\n          alert('Maaf, Alamat harap diisi !');\r\n          alamat_wp.focus();\r\n          return false;\r\n        } else if(no_telp.val() == '') {\r\n          alert('Maaf, No.Telpon\/HP harap diisi !');\r\n          no_telp.focus();\r\n          return false;\r\n        } else if(email.val() == '') {\r\n          alert('Maaf, Email harap diisi !');\r\n          email.focus();\r\n          return false;\r\n        } else if(jenislayanan_id.val() == '') {\r\n          alert('Maaf, Jenis layanan harap diisi !');\r\n          jenislayanan_id.focus();\r\n          return false;\r\n        } else if(uraian_permohonan.val() == '') {\r\n          alert('Maaf, Uraian Permohonan harap diisi !');\r\n          uraian_permohonan.focus();\r\n          return false;\r\n        } else if(valid_lampiran == false) {\r\n          alert('Maaf, Lampiran file masih ada yang belum diupload !');\r\n          return false;\r\n        } else if(box_captcha.val() != txt_captcha.val()) {\r\n          alert('Maaf, Kode keamanan salah !');\r\n          box_captcha.focus();\r\n          _get_captcha();\r\n          return false;\r\n        } else {\r\n          $('#txt_loading').html('<span style=\"color:green; font-size:11px\">Sedang memproses ...<\/span>');\r\n          $('#btn_proses').attr('disabled',true);\r\n          $('#form-layanan').attr('action','http:\/\/e-sppt.semarangkab.go.id\/sppt\/index.php\/web\/ajax_save_permohonan').submit();\r\n          return true;\r\n        }\r\n      });\r\n      \/\/ \r\n      $('#btn_lacak').bind('click',function(e) {        \r\n        e.preventDefault();\r\n        var nop = $('#nop2');\r\n        var kd_tracking = $('#kd_tracking2');\r\n        var box_captcha = $('#box_captcha2');\r\n        var txt_captcha = $('#txt_captcha2');\r\n        if(nop.val() == '') {\r\n          alert('Maaf, NOP harap diisi !');\r\n          nop.focus();\r\n        } else if(kd_tracking.val() == '') {\r\n          alert('Maaf, ID.Tracking harap diisi !');\r\n          kd_tracking.focus();\r\n        } else if(box_captcha.val() != txt_captcha.val()) {\r\n          alert('Maaf, Kode keamanan salah !');\r\n          box_captcha.focus();\r\n          _get_captcha();\r\n        } else {\r\n          $('#txt_loading2').html('<span style=\"color:green; font-size:11px\">Sedang memproses ...<\/span>');\r\n          $('#btn_lacak').attr('disabled',true);\r\n          $.post('http:\/\/e-sppt.semarangkab.go.id\/sppt\/index.php\/web\/ajax_lacak_permohonan',$('#form-lacak').serialize(),function(data) {\r\n            if(data.callback == 'false') {\r\n              alert('Data tidak ditemukan.');\r\n            } else {\r\n              $('#box_result_lacak').html(data.html);\r\n            }            \r\n            \/\/ \r\n            \/\/              \r\n            $('#txt_loading2').html('');\r\n            $('#nop2,#kd_tracking2,#txt_captcha2').val('');\r\n            $('#btn_lacak').removeAttr('disabled');\r\n            _get_captcha();\r\n          },'json'); \r\n        }\r\n      });\r\n      \/\/ \r\n      $('#add_layanan').bind('click',function() {\r\n        _load('default');\r\n      });\r\n      \/\/ \r\n      $('#track_layanan').bind('click',function() {\r\n        _load('tracking');\r\n      });\r\n    });\r\n    <\/script>\r\n    <div id=\"box_message\" class=\"container hidden\" style=\"font-size: 15px\">\r\n            <div class=\"alert alert-success text-center\" role=\"alert\">\r\n        <h4 class=\"alert-heading\">Sukses. Data anda berhasil dikirim!<\/h4>\r\n        <p>\r\n          ID.Tracking permohonan layanan anda : <b><span id=\"kd_tracking\" style=\"color: red\"><\/span><\/b><br>\r\n          Silahkan simpan\/catat ID.Tracking anda.<br>\r\n          Untuk melakukan cetak bukti permohonan layanan & pelacakan status permohonan, silahkan klik menu dibawah ini.\r\n        <\/p>\r\n        <hr>\r\n        <p class=\"mb-0\">\r\n          <a href=\"http:\/\/e-sppt.semarangkab.go.id\/sppt\/index.php\/web\/print_layanan\/d41d8cd98f00b204e9800998ecf8427e\" target=\"_blank\" class=\"btn btn-primary btn-sm\"><span class=\"icon-print\"><\/span> CETAK BUKTI PERMOHONAN<\/a>\r\n          <a href=\"javascript:void(0)\" id=\"track_layanan\" class=\"btn btn-primary btn-sm\"><span class=\"icon-search\"><\/span> LACAK STATUS PERMOHONAN<\/a>\r\n          <a href=\"javascript:void(0)\" id=\"add_layanan\" class=\"btn btn-primary btn-sm\"><span class=\"icon-edit\"><\/span> INPUT LAYANAN PBB<\/a>\r\n        <\/p>\r\n      <\/div>\r\n          <\/div>\r\n    <div id=\"box_main\" class=\"container \" style=\"font-size: 15px\">\r\n        <div class=\"row\" style=\"margin-bottom: 10px\">\r\n          <div class=\"col-lg-12\">\r\n            <ul class=\"nav nav-tabs\">\r\n              <li class=\"nav-item\">\r\n                <a class=\"nav-link active\" data-id=\"input\" aria-current=\"page\" href=\"#\"><b><span class=\"icon-edit\"><\/span> INPUT PERMOHONAN LAYANAN<\/b><\/a>\r\n              <\/li>\r\n              <li class=\"nav-item\">\r\n                <a class=\"nav-link \" data-id=\"lacak\" href=\"#\"><b><span class=\"icon-search\"><\/span> LACAK STATUS PERMOHONAN<\/b><\/a>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"row \" id=\"box_main_input\">        \r\n          <div class=\"col-lg-12\">            \r\n            <form id=\"form-layanan\" method=\"post\" enctype=\"multipart\/form-data\">              \r\n              <table width=\"100%\">\r\n              <tr>\r\n                <td width=\"60%\"><b><u>PERMOHONAN LAYANAN<\/u><\/b><\/td>\r\n                <td width=\"40%\"><b><u>UPLOAD LAMPIRAN FILE<\/u><\/b><\/td>\r\n              <\/tr>\r\n              <tr>\r\n                <td width=\"60%\">\r\n                  <div class=\"row\">\r\n                    <label for=\"nop\" class=\"col-sm-4 col-form-label\">1. NOP<\/label>\r\n                    <div class=\"col-sm-7\">\r\n                      <input type=\"text\" class=\"form-control\" name=\"nop\" id=\"nop\" value=\"\" maxlength=\"18\" placeholder=\"...\" required=\"\">\r\n                    <\/div>\r\n                  <\/div>              \r\n                  <div class=\"row\">\r\n                    <label for=\"nm_wp\" class=\"col-sm-4 col-form-label\">2. Nama Wajib Pajak<\/label>\r\n                    <div class=\"col-sm-7\">\r\n                      <input type=\"text\" class=\"form-control\" name=\"nm_wp\" id=\"nm_wp\" value=\"\" maxlength=\"80\" placeholder=\"...\" required=\"\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"row\">\r\n                    <label for=\"nik\" class=\"col-sm-4 col-form-label\">3. NIK\/No.KTP<\/label>\r\n                    <div class=\"col-sm-7\">\r\n                      <input type=\"text\" class=\"form-control\" name=\"nik\" id=\"nik\" value=\"\" maxlength=\"40\" placeholder=\"...\" required=\"\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"row\">\r\n                    <label for=\"alamat_wp\" class=\"col-sm-4 col-form-label\">4. Alamat Lengkap<\/label>\r\n                    <div class=\"col-sm-7\">\r\n                      <input type=\"text\" class=\"form-control\" name=\"alamat_wp\" id=\"alamat_wp\" value=\"\" maxlength=\"100\" placeholder=\"...\" required=\"\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"row\">\r\n                    <label for=\"no_telp\" class=\"col-sm-4 col-form-label\">5. No.Telpon\/HP<\/label>\r\n                    <div class=\"col-sm-7\">\r\n                      <input type=\"text\" class=\"form-control\" name=\"no_telp\" id=\"no_telp\" value=\"\" maxlength=\"30\" placeholder=\"...\" required=\"\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"row\">\r\n                    <label for=\"email\" class=\"col-sm-4 col-form-label\">6. Email<\/label>\r\n                    <div class=\"col-sm-7\">\r\n                      <input type=\"text\" class=\"form-control\" name=\"email\" id=\"email\" value=\"\" maxlength=\"50\" placeholder=\"...\" required=\"\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"row\">\r\n                    <label for=\"nop\" class=\"col-sm-4 col-form-label\">7. Jenis Layanan<\/label>\r\n                    <div class=\"col-sm-7\">\r\n                      <select name=\"jenislayanan_id\" id=\"jenislayanan_id\" class=\"form-control\" required=\"\">\r\n                        <option value=\"\">- Pilih -<\/option>\r\n                                                <option value=\"01\" data-item=\"1=FC KTP\r;2=FC Sertifikat\r;3=FC SPPT\r;4=FC STTS\">Permohonan Salinan SPPT<\/option>\r\n                                                <option value=\"02\" data-item=\"1=FC KTP\r;2=FC Sertifikat\r;3=FC SPPT\r;4=FC STTS\r;5=SPOP\/LSPOP\">Permohonan Mutasi SPPT<\/option>\r\n                                                <option value=\"03\" data-item=\"1=FC KTP\r;2=FC Sertifikat\r;3=FC SPPT\r;4=FC STTS\">Permohonan Pengaktifan Kembali SPPT<\/option>\r\n                                                <option value=\"99\" data-item=\"1=FC KTP\r;2=FC Sertifikat\r;3=FC SPPT\r;4=FC STTS\r;5=SPOP&LSPOP\">Permohonan Lainnya<\/option>\r\n                                              <\/select>\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"row hidden\" id=\"box_lainnya\">\r\n                    <label for=\"uraian_layanan_lainnya\" class=\"col-sm-4 col-form-label\">&nbsp;&nbsp;&nbsp;&nbsp;Lainnya<\/label>\r\n                    <div class=\"col-sm-7\">\r\n                      <input type=\"text\" class=\"form-control\" name=\"uraian_layanan_lainnya\" id=\"uraian_layanan_lainnya\" value=\"\" placeholder=\"...\" maxlength=\"100\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"row\">\r\n                    <label for=\"uraian_permohonan\" class=\"col-sm-4 col-form-label\">8. Uraian Permohonan<\/label>\r\n                    <div class=\"col-sm-7\">\r\n                      <textarea name=\"uraian_permohonan\" id=\"uraian_permohonan\" class=\"form-control\" rows=\"3\" placeholder=\"...\" required=\"\"><\/textarea>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/td>\r\n                <td width=\"40%\" valign=\"top\">\r\n                  <div id=\"box_lampiran\">Silahkan pilih Jenis Layanan terlebih dahulu.<\/div>\r\n                  <input type=\"hidden\" name=\"count_lampiran\" id=\"count_lampiran\">\r\n                <\/td>\r\n              <\/tr>\r\n              <tr>\r\n                <td width=\"60%\"><b><u>VERIFIKASI KEAMANAN<\/u><\/b><\/td>\r\n                <td width=\"40%\"><\/td>\r\n              <\/tr>\r\n              <tr>\r\n                <td>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-4\"><b>Kode Keamanan<\/b><\/div>\r\n                    <div class=\"col-lg-3\">\r\n                      <input type=\"text\" name=\"box_captcha\" id=\"box_captcha\" class=\"form-control input-sm\" readonly=\"true\" style=\"font-size: 16px; text-align: center;\">\r\n                    <\/div>\r\n                    <div class=\"col-lg-3\">\r\n                      <input type=\"text\" name=\"txt_captcha\" id=\"txt_captcha\" class=\"form-control input-sm\" maxlength=\"6\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"row\" style=\"margin-top: -10px\">\r\n                    <div class=\"col-lg-4\"><\/div>\r\n                    <div class=\"col-lg-6\"><span style=\"color: red; font-size: 9px\">* Masukan kode keamanan diatas<\/span><\/div>\r\n                  <\/div>                  \r\n                <\/td>\r\n              <\/tr>\r\n              <tr>\r\n                <td>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-4\"><\/div>\r\n                    <div class=\"col-lg-5 text-left\">\r\n                      <button type=\"submit\" class=\"btn btn-info btn-sm rounded-1\" id=\"btn_proses\">\r\n                        <span class=\"icon-sign-in\"><\/span> Kirimkan\r\n                      <\/button>\r\n                    <\/div>\r\n                    <div class=\"col-lg-3\">\r\n                      <span id=\"txt_loading\"><\/span>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/td>\r\n              <\/tr>\r\n              <\/table>                            \r\n            <\/form>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"row hidden\" id=\"box_main_lacak\">        \r\n          <div class=\"col-lg-12\">          \r\n            <form id=\"form-lacak\" method=\"post\">\r\n              <table width=\"100%\">\r\n              <tr>\r\n                <td width=\"50%\" valign=\"top\">                  \r\n                  <table width=\"100%\">\r\n                  <tr>\r\n                    <td><b><u>LACAK PERMOHONAN ANDA<\/u><\/b><\/td>\r\n                  <\/tr>\r\n                  <tr>\r\n                    <td valign=\"top\">\r\n                      <div class=\"row\">\r\n                        <label for=\"nop\" class=\"col-sm-4 col-form-label\">NOP<\/label>\r\n                        <div class=\"col-sm-7\">\r\n                          <input type=\"text\" class=\"form-control\" name=\"nop\" id=\"nop2\" value=\"\" maxlength=\"18\" placeholder=\"...\" required=\"\">\r\n                        <\/div>\r\n                      <\/div>  \r\n                      <div class=\"row\">\r\n                        <label for=\"kd_tracking2\" class=\"col-sm-4 col-form-label\">ID.Tracking<\/label>\r\n                        <div class=\"col-sm-7\">\r\n                          <input type=\"text\" class=\"form-control\" name=\"kd_tracking\" id=\"kd_tracking2\" value=\"\" maxlength=\"11\" placeholder=\"...\" required=\"\">\r\n                        <\/div>\r\n                      <\/div>           \r\n                    <\/td>\r\n                  <\/tr>\r\n                  <tr>\r\n                    <td><br><\/td>\r\n                  <\/tr>\r\n                  <tr>\r\n                    <td><b><u>VERIFIKASI KEAMANAN<\/u><\/b><\/td>\r\n                  <\/tr>\r\n                  <tr>\r\n                    <td>\r\n                      <div class=\"row\">\r\n                        <div class=\"col-lg-4\"><b>Kode Keamanan<\/b><\/div>\r\n                        <div class=\"col-lg-3\">\r\n                          <input type=\"text\" name=\"box_captcha\" id=\"box_captcha2\" class=\"form-control input-sm\" readonly=\"true\" style=\"font-size: 16px; text-align: center;\">\r\n                        <\/div>\r\n                        <div class=\"col-lg-4\">\r\n                          <input type=\"text\" name=\"txt_captcha\" id=\"txt_captcha2\" class=\"form-control input-sm\" maxlength=\"6\">\r\n                        <\/div>\r\n                      <\/div>\r\n                      <div class=\"row\" style=\"margin-top: -10px\">\r\n                        <div class=\"col-lg-4\"><\/div>\r\n                        <div class=\"col-lg-6\"><span style=\"color: red; font-size: 9px\">* Masukan kode keamanan diatas<\/span><\/div>\r\n                      <\/div>                  \r\n                    <\/td>\r\n                  <\/tr>\r\n                  <tr>\r\n                    <td>\r\n                      <div class=\"row\">\r\n                        <div class=\"col-lg-4\"><\/div>\r\n                        <div class=\"col-lg-5 text-left\">\r\n                          <button type=\"submit\" class=\"btn btn-info btn-sm rounded-1\" id=\"btn_lacak\">\r\n                            <span class=\"icon-sign-in\"><\/span> Proses\r\n                          <\/button>\r\n                        <\/div>\r\n                        <div class=\"col-lg-3\">\r\n                          <span id=\"txt_loading2\"><\/span>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/td>\r\n                  <\/tr>\r\n                  <\/table>\r\n                <\/td>\r\n                <td width=\"50%\" valign=\"top\">\r\n                  <div id=\"box_result_lacak\">                    \r\n                  <\/div>                  \r\n                <\/td>\r\n              <\/tr>              \r\n              <\/table>\r\n            <\/form>\r\n          <\/div>\r\n        <\/div>\r\n    <\/div>"}