// MANAJEMEN PERADILAN

var FrameAdministrasiUmumBelumAdaIsi = `
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-12 text-center">
                <h5>Belum Ada Data</h5>
            </div>
        </div>
    </div>
</div>`;

$("#cari_format_templatekriteria_a_umum").on("input", function() {
    var value = $(this).val().toLowerCase();
    $("#list_format_templatekriteria_a_umum tbody tr").filter(function() {
    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
  });
});

$('.btn-format_templatekriteria_a_umum').on("click", function() {
  
  var idformattemplatekriteria_a_umum = $(this).data('id_format_templatekriteria_a_umum');
  var isiformattemplatekriteria_a_umum = $(this).data('isi_format_templatekriteria_a_umum');
  $('#isi_administrasi_umum_kriteria').insertAtCaret(isiformattemplatekriteria_a_umum+' ');
  
});

$('#templatekriteria_a_umumId').on('hidden.bs.modal', function (event) {
  setTimeout(function() {
    $('#isi_administrasi_umum_kriteria').focus();
}, 0);
  
});

$("#cari_format_templatekriteria_a_umum_edit").on("input", function() {
    var value = $(this).val().toLowerCase();
    $("#list_format_templatekriteria_a_umum_edit tbody tr").filter(function() {
    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
  });
});

$('.btn-format_templatekriteria_a_umum_edit').on("click", function() {
  
  var idformattemplatekriteria_a_umum_edit = $(this).data('id_format_templatekriteria_a_umum_edit');
  var isiformattemplatekriteria_a_umum_edit = $(this).data('isi_format_templatekriteria_a_umum_edit');
  $('#isi_administrasi_umum_kriteria_edit').insertAtCaret(isiformattemplatekriteria_a_umum_edit+' ');
  
});

$('#templatekriteria_a_umum_editId').on('hidden.bs.modal', function (event) {
  setTimeout(function() {
    $('#isi_administrasi_umum_kriteria_edit').focus();
}, 0);
  
});

$('#administrasiUmumModal').on('shown.bs.modal', function (event) {
    $('#isi_administrasi_umum_kondisi').focus();
});

$('#administrasiUmumTambahBaru').on("click", function() {
    $('#isi_administrasi_umum_bidang').val($("#isi_administrasi_umum_bidang option:first").val());
    $('#isi_administrasi_umum_kondisi').val('');
    $('#isi_administrasi_umum_kriteria').val('');
    $('#isi_administrasi_umum_sebab').val('');
    $('#isi_administrasi_umum_akibat').val('');
    $('#isi_administrasi_umum_rekomendasi').val('');
    $('#isi_administrasi_umum_top').val('');
    $('#administrasiUmumModal').modal('show');
});

$('#btn-modal_administrasi_umum').on("click", function() {

    $('#lembarkerjapengawasan').append(loadiv);
    $('.card-tindak-lanjut').append(loadiv);

    let isi_administrasi_umum_bidang = $('#isi_administrasi_umum_bidang :selected').text();
    let isi_administrasi_umum_kondisi = $('#isi_administrasi_umum_kondisi').val();
    let isi_administrasi_umum_kriteria = $('#isi_administrasi_umum_kriteria').val();
    let isi_administrasi_umum_sebab = $('#isi_administrasi_umum_sebab').val();
    let isi_administrasi_umum_akibat = $('#isi_administrasi_umum_akibat').val();
    let isi_administrasi_umum_rekomendasi = $('#isi_administrasi_umum_rekomendasi').val();
    let isi_administrasi_umum_top = $('#isi_administrasi_umum_top').val();

    let administrasiUmumArray = [];

    administrasiUmumArray.push({ name: "_token", value: "{{ csrf_token() }}" });
    administrasiUmumArray.push({ name: "st_id", value: "{{$st->id}}" });

    administrasiUmumArray.push({ 
        name: 'bidang', 
        value: isi_administrasi_umum_bidang
    });

    administrasiUmumArray.push({ 
        name: 'kondisi', 
        value: isi_administrasi_umum_kondisi
    });

    administrasiUmumArray.push({ 
        name: 'kriteria', 
        value: isi_administrasi_umum_kriteria
    });

    administrasiUmumArray.push({ 
        name: 'akibat', 
        value: isi_administrasi_umum_akibat
    });

    administrasiUmumArray.push({ 
        name: 'sebab', 
        value: isi_administrasi_umum_sebab
    });

    administrasiUmumArray.push({ 
        name: 'rekomendasi', 
        value: isi_administrasi_umum_rekomendasi
    });

    administrasiUmumArray.push({ 
        name: 'top', 
        value: isi_administrasi_umum_top
    });

    $.ajax({
        type: "POST",
        data: $.param(administrasiUmumArray),
        url: "{{url('surat-tugas-api/administrasi-umum')}}",
        success: function(data) {
            if ($('#tableAdministrasiUmum').length){

                $('#tableAdministrasiUmumTbody').append(
                `
                <tr>
                    <td>
                        <div class="btn-group">
                            <button class="btn btn-primary dropdown-toggle" type="button" data-boundary="window" id="ddButton"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Aksi
                            </button>
                            <div class="dropdown-menu" aria-labelledby="ddButton">
                                <button class="dropdown-item btn-edit-administrasi_umum" data-id="`+data.id+`" type="button">Edit</button>
                                <button class="dropdown-item btn-hapus-administrasi_umum" data-id="`+data.id+`" type="button">Hapus</button>
                            </div>
                        </div>
                    </td>
                    <td class="text-center"></td>
                    <td></td>
                    <td>`+isi_administrasi_umum_bidang.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_kondisi.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_kriteria.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_sebab.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_akibat.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_rekomendasi.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_top.replace(/\n/g, '<br />')+`</td>
                </tr>
                `
                );
            
            
            } else {
            
                $('#frameTableAdministrasiUmum').html(
                ` <div class="table-responsive">
                    <table class="table table-bordered" id="tableAdministrasiUmum">
                        <thead>
                            <tr>
                                <th style="min-width:10px;">Aksi</th>
                                <th style="width:50px;" class="text-center">No</th>
                                <th style="width:50px;" class="text-center">Ped</th>
                                <th style="min-width:300px;">Bidang</th>
                                <th style="min-width:300px;">Kondisi</th>
                                <th style="min-width:300px;">Kriteria</th>
                                <th style="min-width:300px;">Sebab</th>
                                <th style="min-width:300px;">Akibat</th>
                                <th style="min-width:300px;">Rekomendasi</th>
                                <th style="min-width:300px;">Tanggapan Objek Pemeriksaan</th>
                            </tr>
                        </thead>
                        <tbody id="tableAdministrasiUmumTbody">
                            <tr>
                                <td>
                                    <div class="btn-group">
                                        <button class="btn btn-primary dropdown-toggle" type="button" data-boundary="window"
                                            id="ddButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            Aksi
                                        </button>
                                        <div class="dropdown-menu" aria-labelledby="ddButton">
                                            <button class="dropdown-item btn-edit-administrasi_umum" data-id="`+data.id+`" type="button">Edit</button>
                                            <button class="dropdown-item btn-hapus-administrasi_umum" data-id="`+data.id+`" type="button">Hapus</button>
                                        </div>
                                    </div>
                                </td>
                                <td class="text-center"></td>
                                <td></td>
                                <td>`+isi_administrasi_umum_bidang.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_kondisi.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_kriteria.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_sebab.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_akibat.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_rekomendasi.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_top.replace(/\n/g, '<br />')+`</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                `
                );
            
            }
        },
        complete: function() {
            hitungNomor('#tableAdministrasiUmumTbody','#badge-administrasi-umum');
            $('.loadiv').remove();
        }
    });

});

$(document).on('click','.btn-edit-administrasi_umum',function(){
    let that = $(this);
    $('#isi_administrasi_umum_bidang_edit').val(that.closest("tr").find("td:eq(3)").text());
    $('#isi_administrasi_umum_kondisi_edit').val(that.closest("tr").find("td:eq(4)").text());
    $('#isi_administrasi_umum_kriteria_edit').val(that.closest("tr").find("td:eq(5)").text());
    $('#isi_administrasi_umum_sebab_edit').val(that.closest("tr").find("td:eq(6)").text());
    $('#isi_administrasi_umum_akibat_edit').val(that.closest("tr").find("td:eq(7)").text());
    $('#isi_administrasi_umum_rekomendasi_edit').val(that.closest("tr").find("td:eq(8)").text());
    $('#isi_administrasi_umum_top_edit').val(that.closest("tr").find("td:eq(9)").text());
    $('#btn-modal_administrasi_umum_edit').data("id", that.data('id'));
    $('#administrasiUmumModalEdit').modal('show');
});

$('#btn-modal_administrasi_umum_edit').on("click", function() {

    $('#lembarkerjapengawasan').append(loadiv);
    $('.card-tindak-lanjut').append(loadiv);

    let isi_administrasi_umum_bidang_edit = $('#isi_administrasi_umum_bidang_edit').val();
    let isi_administrasi_umum_kondisi_edit = $('#isi_administrasi_umum_kondisi_edit').val();
    let isi_administrasi_umum_kriteria_edit = $('#isi_administrasi_umum_kriteria_edit').val();
    let isi_administrasi_umum_sebab_edit = $('#isi_administrasi_umum_sebab_edit').val();
    let isi_administrasi_umum_akibat_edit = $('#isi_administrasi_umum_akibat_edit').val();
    let isi_administrasi_umum_rekomendasi_edit = $('#isi_administrasi_umum_rekomendasi_edit').val();
    let isi_administrasi_umum_top_edit = $('#isi_administrasi_umum_top_edit').val();
    let iddata = $(this).data('id');
    let administrasiUmumArray = [];

    administrasiUmumArray.push({ name: "_token", value: "{{ csrf_token() }}" });
    administrasiUmumArray.push({ name: "id", value: iddata });

    administrasiUmumArray.push({ 
        name: 'bidang', 
        value: isi_administrasi_umum_bidang_edit
    });

    administrasiUmumArray.push({ 
        name: 'kondisi', 
        value: isi_administrasi_umum_kondisi_edit
    });

    administrasiUmumArray.push({ 
        name: 'kriteria', 
        value: isi_administrasi_umum_kriteria_edit
    });

    administrasiUmumArray.push({ 
        name: 'akibat', 
        value: isi_administrasi_umum_akibat_edit
    });

    administrasiUmumArray.push({ 
        name: 'sebab', 
        value: isi_administrasi_umum_sebab_edit
    });

    administrasiUmumArray.push({ 
        name: 'rekomendasi', 
        value: isi_administrasi_umum_rekomendasi_edit
    });

    administrasiUmumArray.push({ 
        name: 'top', 
        value: isi_administrasi_umum_top_edit
    });

    $.ajax({
        type: "POST",
        data: $.param(administrasiUmumArray),
        url: "{{url('surat-tugas-api/administrasi-umum-edit')}}",
        success: function(data) {
            let trRec = $('.btn-edit-administrasi_umum[data-id="'+iddata+'"]').closest("tr");
            
            trRec.find("td:eq(3)").html(isi_administrasi_umum_bidang_edit.replace(/\n/g, '<br />'));
            trRec.find("td:eq(4)").html(isi_administrasi_umum_kondisi_edit.replace(/\n/g, '<br />'));
            trRec.find("td:eq(5)").html(isi_administrasi_umum_kriteria_edit.replace(/\n/g, '<br />'));
            trRec.find("td:eq(6)").html(isi_administrasi_umum_sebab_edit.replace(/\n/g, '<br />'));
            trRec.find("td:eq(7)").html(isi_administrasi_umum_akibat_edit.replace(/\n/g, '<br />'));
            trRec.find("td:eq(8)").html(isi_administrasi_umum_rekomendasi_edit.replace(/\n/g, '<br />'));
            trRec.find("td:eq(9)").html(isi_administrasi_umum_top_edit.replace(/\n/g, '<br />'));

            let trRecTindakLanjut = $('#trAdministrasiUmumTbodyTindakLanjut'+iddata);
            trRecTindakLanjut.find("td:eq(2)").html(isi_administrasi_umum_kondisi_edit.replace(/\n/g, '<br />'));
            trRecTindakLanjut.find("td:eq(3)").html(isi_administrasi_umum_rekomendasi_edit.replace(/\n/g, '<br />'));
        },
        complete: function() {
            hitungNomor('#tableAdministrasiUmumTbody','#badge-administrasi-umum');
            $('.loadiv').remove();
        }
    });

});

$(document).on('click','.btn-hapus-administrasi_umum',function(){
    $('#lembarkerjapengawasan').append(loadiv);

    let that = $(this);

    let administrasiUmumArray = [];
    
    administrasiUmumArray.push({ name: "_token", value: "{{ csrf_token() }}" });
    administrasiUmumArray.push({ name: "id", value: that.data('id') });
    
    $.ajax({
        type: "POST",
        data: $.param(administrasiUmumArray),
        url: "{{url('surat-tugas-api/administrasi-umum-hapus')}}",
        success: function(data) {
            if (data.countdata <= 0) {
                $('#frameTableAdministrasiUmum').html(FrameAdministrasiUmumBelumAdaIsi);
                $('#frameTableAdministrasiUmumTindakLanjut').html(FrameAdministrasiUmumBelumAdaIsi);
            } else {
                that.closest("tr").remove();
                $("#trAdministrasiUmumTbodyTindakLanjut"+that.data('id')).remove();
            }
        },
        complete: function() {
            hitungNomor('#tableAdministrasiUmumTbody','#badge-administrasi-umum');
            $('.loadiv').remove();
        }
    });
    
});

$(document).on('click','.btn_pedoman_a_umum_belum', function(){
    let that = $(this);

    $('#lembarkerjapengawasan').append(loadiv);
    $('.card-tindak-lanjut').append(loadiv);

    let isi_administrasi_umum_bidang = that.data('pedoman_bidang');
    let isi_administrasi_umum_kondisi = '';
    let isi_administrasi_umum_kriteria = '';
    let isi_administrasi_umum_sebab = '';
    let isi_administrasi_umum_akibat = '';
    let isi_administrasi_umum_rekomendasi = '';
    let isi_administrasi_umum_top = '';
    let isi_administrasi_umum_pedoman = that.data('pedoman_id');
    let isi_administrasi_umum_pedoman_detail_isi = that.data('pedoman_detail_isi');

    let administrasiUmumArray = [];

    administrasiUmumArray.push({ name: "_token", value: "{{ csrf_token() }}" });
    administrasiUmumArray.push({ name: "st_id", value: "{{$st->id}}" });

    administrasiUmumArray.push({ 
        name: 'bidang', 
        value: isi_administrasi_umum_bidang
    });

    administrasiUmumArray.push({ 
        name: 'kondisi', 
        value: isi_administrasi_umum_kondisi
    });

    administrasiUmumArray.push({ 
        name: 'kriteria', 
        value: isi_administrasi_umum_kriteria
    });

    administrasiUmumArray.push({ 
        name: 'akibat', 
        value: isi_administrasi_umum_akibat
    });

    administrasiUmumArray.push({ 
        name: 'sebab', 
        value: isi_administrasi_umum_sebab
    });

    administrasiUmumArray.push({ 
        name: 'rekomendasi', 
        value: isi_administrasi_umum_rekomendasi
    });

    administrasiUmumArray.push({ 
        name: 'top', 
        value: isi_administrasi_umum_top
    });

    administrasiUmumArray.push({ 
        name: 'pedoman', 
        value: isi_administrasi_umum_pedoman
    });

    $.ajax({
        type: "POST",
        data: $.param(administrasiUmumArray),
        url: "{{url('surat-tugas-api/administrasi-umum')}}",
        success: function(data) {
            if ($('#tableAdministrasiUmum').length){

                $('#tableAdministrasiUmumTbody').append(
                `
                <tr>
                    <td>
                        <div class="btn-group">
                            <button class="btn btn-primary dropdown-toggle" type="button" data-boundary="window" id="ddButton"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Aksi
                            </button>
                            <div class="dropdown-menu" aria-labelledby="ddButton">
                                <button class="dropdown-item btn-edit-administrasi_umum" data-id="`+data.id+`" type="button">Edit</button>
                                <button class="dropdown-item btn-hapus-administrasi_umum" data-id="`+data.id+`" type="button">Hapus</button>
                            </div>
                        </div>
                    </td>
                    <td class="text-center"></td>
                    <td class="text-center"><button class="btn btn-info btn-sm btn-pedoman-detail-isi" data-pedoman_detail_isi="`+isi_administrasi_umum_pedoman_detail_isi+`"><i class="fa fa-search"></i></button></td>
                    <td>`+isi_administrasi_umum_bidang.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_kondisi.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_kriteria.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_sebab.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_akibat.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_rekomendasi.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_top.replace(/\n/g, '<br />')+`</td>
                </tr>
                `
                );
            
            } else {
            
                $('#frameTableAdministrasiUmum').html(
                ` <div class="table-responsive">
                    <table class="table table-bordered" id="tableAdministrasiUmum">
                        <thead>
                            <tr>
                                <th style="min-width:10px;">Aksi</th>
                                <th style="width:50px;" class="text-center">No</th>
                                <th style="width:50px;" class="text-center">Ped</th>
                                <th style="min-width:300px;">Bidang</th>
                                <th style="min-width:300px;">Kondisi</th>
                                <th style="min-width:300px;">Kriteria</th>
                                <th style="min-width:300px;">Sebab</th>
                                <th style="min-width:300px;">Akibat</th>
                                <th style="min-width:300px;">Rekomendasi</th>
                                <th style="min-width:300px;">Tanggapan Objek Pemeriksaan</th>
                            </tr>
                        </thead>
                        <tbody id="tableAdministrasiUmumTbody">
                            <tr>
                                <td>
                                    <div class="btn-group">
                                        <button class="btn btn-primary dropdown-toggle" type="button" data-boundary="window"
                                            id="ddButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            Aksi
                                        </button>
                                        <div class="dropdown-menu" aria-labelledby="ddButton">
                                            <button class="dropdown-item btn-edit-administrasi_umum" data-id="`+data.id+`" type="button">Edit</button>
                                            <button class="dropdown-item btn-hapus-administrasi_umum" data-id="`+data.id+`" type="button">Hapus</button>
                                        </div>
                                    </div>
                                </td>
                                <td class="text-center"></td>
                                <td class="text-center"><button class="btn btn-info btn-sm btn-pedoman-detail-isi" data-pedoman_detail_isi="`+isi_administrasi_umum_pedoman_detail_isi+`"><i class="fa fa-search"></i></button></td>
                                <td>`+isi_administrasi_umum_bidang.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_kondisi.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_kriteria.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_sebab.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_akibat.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_rekomendasi.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_top.replace(/\n/g, '<br />')+`</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                `
                );
            }
        },
        complete: function() {
            hitungNomor('#tableAdministrasiUmumTbody', '#badge-administrasi-umum');
            $('.loadiv').remove();
            that.closest('td').html(`<span class="text-danger">BELUM</span><span><button class="btn btn-link ubah_a_umum_sudah" data-pedoman_id="`+that.data('pedoman_id')+`" data-pedoman_detail_isi="`+isi_administrasi_umum_pedoman_detail_isi+`" data-pedoman_bidang="`+isi_administrasi_umum_bidang+`"><span class="fa fa-pencil-alt"></span></button></span>`)
        }
    });
});

$(document).on('click','.btn_pedoman_a_umum_sudah', function(){
    let that = $(this);

    let administrasiUmumArray = [];
    let isi_administrasi_umum_pedoman_detail_isi = that.data('pedoman_detail_isi');
    let isi_administrasi_umum_bidang = that.data('pedoman_bidang');

    administrasiUmumArray.push({ name: "_token", value: "{{ csrf_token() }}" });

    administrasiUmumArray.push({ 
        name: 'pedoman', 
        value: that.data('pedoman_id')
    });

    $.ajax({
        type: "POST",
        data: $.param(administrasiUmumArray),
        url: "{{url('surat-tugas-api/administrasi-umum-pedoman-sudah')}}",
        success: function(data) {
            that.closest('td').html(`<span class="text-success">SUDAH</span><span><button class="btn btn-link ubah_a_umum_belum" data-pedoman_id="`+that.data('pedoman_id')+`" data-pedoman_detail_isi="`+isi_administrasi_umum_pedoman_detail_isi+`" data-pedoman_bidang="`+isi_administrasi_umum_bidang+`"><span class="fa fa-pencil-alt"></span></button></span>`)
        }
    });

});

$(document).on('click','.ubah_a_umum_belum', function(){
    let that = $(this);

    $('#lembarkerjapengawasan').append(loadiv);
    $('.card-tindak-lanjut').append(loadiv);

    let isi_administrasi_umum_bidang = that.data('pedoman_bidang');
    let isi_administrasi_umum_kondisi = '';
    let isi_administrasi_umum_kriteria = '';
    let isi_administrasi_umum_sebab = '';
    let isi_administrasi_umum_akibat = '';
    let isi_administrasi_umum_rekomendasi = '';
    let isi_administrasi_umum_top = '';
    let isi_administrasi_umum_pedoman = that.data('pedoman_id');
    let isi_administrasi_umum_pedoman_detail_isi = that.data('pedoman_detail_isi');

    let administrasiUmumArray = [];

    administrasiUmumArray.push({ name: "_token", value: "{{ csrf_token() }}" });
    administrasiUmumArray.push({ name: "st_id", value: "{{$st->id}}" });

    administrasiUmumArray.push({ 
        name: 'bidang', 
        value: isi_administrasi_umum_bidang
    });

    administrasiUmumArray.push({ 
        name: 'kondisi', 
        value: isi_administrasi_umum_kondisi
    });

    administrasiUmumArray.push({ 
        name: 'kriteria', 
        value: isi_administrasi_umum_kriteria
    });

    administrasiUmumArray.push({ 
        name: 'akibat', 
        value: isi_administrasi_umum_akibat
    });

    administrasiUmumArray.push({ 
        name: 'sebab', 
        value: isi_administrasi_umum_sebab
    });

    administrasiUmumArray.push({ 
        name: 'rekomendasi', 
        value: isi_administrasi_umum_rekomendasi
    });

    administrasiUmumArray.push({ 
        name: 'top', 
        value: isi_administrasi_umum_top
    });

    administrasiUmumArray.push({ 
        name: 'pedoman', 
        value: isi_administrasi_umum_pedoman
    });

    $.ajax({
        type: "POST",
        data: $.param(administrasiUmumArray),
        url: "{{url('surat-tugas-api/administrasi-umum')}}",
        success: function(data) {
            if ($('#tableAdministrasiUmum').length){

                $('#tableAdministrasiUmumTbody').append(
                `
                <tr>
                    <td>
                        <div class="btn-group">
                            <button class="btn btn-primary dropdown-toggle" type="button" data-boundary="window" id="ddButton"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Aksi
                            </button>
                            <div class="dropdown-menu" aria-labelledby="ddButton">
                                <button class="dropdown-item btn-edit-administrasi_umum" data-id="`+data.id+`" type="button">Edit</button>
                                <button class="dropdown-item btn-hapus-administrasi_umum" data-id="`+data.id+`" type="button">Hapus</button>
                            </div>
                        </div>
                    </td>
                    <td class="text-center"></td>
                    <td class="text-center"><button class="btn btn-info btn-sm btn-pedoman-detail-isi" data-pedoman_detail_isi="`+isi_administrasi_umum_pedoman_detail_isi+`"><i class="fa fa-search"></i></button></td>
                    <td>`+isi_administrasi_umum_bidang.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_kondisi.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_kriteria.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_sebab.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_akibat.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_rekomendasi.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_administrasi_umum_top.replace(/\n/g, '<br />')+`</td>
                </tr>
                `
                );
            
            } else {
            
                $('#frameTableAdministrasiUmum').html(
                ` <div class="table-responsive">
                    <table class="table table-bordered" id="tableAdministrasiUmum">
                        <thead>
                            <tr>
                                <th style="min-width:10px;">Aksi</th>
                                <th style="width:50px;" class="text-center">No</th>
                                <th style="width:50px;" class="text-center">Ped</th>
                                <th style="min-width:300px;">Bidang</th>
                                <th style="min-width:300px;">Kondisi</th>
                                <th style="min-width:300px;">Kriteria</th>
                                <th style="min-width:300px;">Sebab</th>
                                <th style="min-width:300px;">Akibat</th>
                                <th style="min-width:300px;">Rekomendasi</th>
                                <th style="min-width:300px;">Tanggapan Objek Pemeriksaan</th>
                            </tr>
                        </thead>
                        <tbody id="tableAdministrasiUmumTbody">
                            <tr>
                                <td>
                                    <div class="btn-group">
                                        <button class="btn btn-primary dropdown-toggle" type="button" data-boundary="window"
                                            id="ddButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            Aksi
                                        </button>
                                        <div class="dropdown-menu" aria-labelledby="ddButton">
                                            <button class="dropdown-item btn-edit-administrasi_umum" data-id="`+data.id+`" type="button">Edit</button>
                                            <button class="dropdown-item btn-hapus-administrasi_umum" data-id="`+data.id+`" type="button">Hapus</button>
                                        </div>
                                    </div>
                                </td>
                                <td class="text-center"></td>
                                <td class="text-center"><button class="btn btn-info btn-sm btn-pedoman-detail-isi" data-pedoman_detail_isi="`+isi_administrasi_umum_pedoman_detail_isi+`"><i class="fa fa-search"></i></button></td>
                                <td>`+isi_administrasi_umum_bidang.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_kondisi.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_kriteria.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_sebab.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_akibat.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_rekomendasi.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_administrasi_umum_top.replace(/\n/g, '<br />')+`</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                `
                );
            }
        },
        complete: function() {
            hitungNomor('#tableAdministrasiUmumTbody', '#badge-administrasi-umum');
            $('.loadiv').remove();
            that.closest('td').html(`<span class="text-danger">BELUM</span><span><button class="btn btn-link ubah_a_umum_sudah" data-pedoman_id="`+that.data('pedoman_id')+`" data-pedoman_detail_isi="`+isi_administrasi_umum_pedoman_detail_isi+`" data-pedoman_bidang="`+isi_administrasi_umum_bidang+`"><span class="fa fa-pencil-alt"></span></button></span>`)
        }
    });

});


$(document).on('click','.ubah_a_umum_sudah', function(){
    let that = $(this);

    let administrasiUmumArray = [];
    let isi_administrasi_umum_pedoman_detail_isi = that.data('pedoman_detail_isi');
    let isi_administrasi_umum_bidang = that.data('pedoman_bidang');

    administrasiUmumArray.push({ name: "_token", value: "{{ csrf_token() }}" });

    administrasiUmumArray.push({ 
        name: 'pedoman', 
        value: that.data('pedoman_id')
    });

    $.ajax({
        type: "POST",
        data: $.param(administrasiUmumArray),
        url: "{{url('surat-tugas-api/administrasi-umum-pedoman-sudah')}}",
        success: function(data) {
            that.closest('td').html(`<span class="text-success">SUDAH</span><span><button class="btn btn-link ubah_a_umum_belum" data-pedoman_id="`+that.data('pedoman_id')+`" data-pedoman_detail_isi="`+isi_administrasi_umum_pedoman_detail_isi+`" data-pedoman_bidang="`+isi_administrasi_umum_bidang+`"><span class="fa fa-pencil-alt"></span></button></span>`)
        }
    });

});