// MANAJEMEN PERADILAN

var FrameManajemenPeradilanBelumAdaIsi = `
<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>`;

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

$('#manajemenPeradilanTambahBaru').on("click", function() {
    $('#isi_manajemen_peradilan_kondisi').val('');
    $('#isi_manajemen_peradilan_kriteria').val('');
    $('#isi_manajemen_peradilan_akibat').val('');
    $('#isi_manajemen_peradilan_sebab').val('');
    $('#isi_manajemen_peradilan_rekomendasi').val('');
    $('#isi_manajemen_peradilan_top').val('');
    $('#manajemenPeradilanModal').modal('show');
});

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

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

    let isi_manajemen_peradilan_kondisi = $('#isi_manajemen_peradilan_kondisi').val();
    let isi_manajemen_peradilan_kriteria = $('#isi_manajemen_peradilan_kriteria').val();
    let isi_manajemen_peradilan_akibat = $('#isi_manajemen_peradilan_akibat').val();
    let isi_manajemen_peradilan_sebab = $('#isi_manajemen_peradilan_sebab').val();
    let isi_manajemen_peradilan_rekomendasi = $('#isi_manajemen_peradilan_rekomendasi').val();
    let isi_manajemen_peradilan_top = $('#isi_manajemen_peradilan_top').val();

    let manajemenPeradilanArray = [];

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

    manajemenPeradilanArray.push({ 
        name: 'kondisi', 
        value: isi_manajemen_peradilan_kondisi
    });

    manajemenPeradilanArray.push({ 
        name: 'kriteria', 
        value: isi_manajemen_peradilan_kriteria
    });

    manajemenPeradilanArray.push({ 
        name: 'akibat', 
        value: isi_manajemen_peradilan_akibat
    });

    manajemenPeradilanArray.push({ 
        name: 'sebab', 
        value: isi_manajemen_peradilan_sebab
    });

    manajemenPeradilanArray.push({ 
        name: 'rekomendasi', 
        value: isi_manajemen_peradilan_rekomendasi
    });

    manajemenPeradilanArray.push({ 
        name: 'top', 
        value: isi_manajemen_peradilan_top
    });

    $.ajax({
        type: "POST",
        data: $.param(manajemenPeradilanArray),
        url: "{{url('surat-tugas-api/manajemen-peradilan')}}",
        success: function(data) {
            if ($('#tableManajemenPeradilan').length){

                $('#tableManajemenPeradilanTbody').append(
                `
                <tr>
                    <td class="text-center"></td>
                    <td>`+isi_manajemen_peradilan_kondisi.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_manajemen_peradilan_kriteria.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_manajemen_peradilan_akibat.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_manajemen_peradilan_sebab.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_manajemen_peradilan_rekomendasi.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_manajemen_peradilan_top.replace(/\n/g, '<br />')+`</td>
                    <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-manajemen_peradilan" data-id="`+data.id+`" type="button">Edit</button>
                                <button class="dropdown-item btn-hapus-manajemen_peradilan" data-id="`+data.id+`" type="button">Hapus</button>
                            </div>
                        </div>
                    </td>
                </tr>
                `
                );
            
                $('#tableManajemenPeradilanTbodyTindakLanjut').append(
                `
                <tr id="trManajemenPeradilanTbodyTindakLanjut`+data.id+`">
                    <td class="text-center">
                    <button class="btn btn-warning btn-sm btn-block btn-ubah-status-tindak-lanjut" data-toggle="modal"
                        data-target="#ubahstatusId" data-id="`+data.id+`" data-status="BELUM"
                        data-link="tindak-lanjut-manajemen-peradilan-status">Ubah Status</button>
                    <p class="mt-3 font-weight-bold" id="tindakLanjut`+data.id+`">BELUM</p>
                    </td>

                    <td>
                    <div class="timeline">
                        <div class="komentar-form">
                        <i class="fas fa-comments bg-yellow"></i>
                        <div class="timeline-item">
                            <h3 class="timeline-header font-weight-bold">Tulis Komentar</h3>
            
                            <div class="timeline-body">
                                <textarea cols="30" rows="3" class="form-control" required ></textarea>
                            </div>
                            <div class="timeline-footer">
                            <button class="btn btn-primary btn-sm btn-komentar-manajemen-peradilan" data-id="`+data.id+`">Kirim Komentar</button>
                            </div>
                        </div>
                        </div>
                    </div>
                    </td>
                    <td>`+isi_manajemen_peradilan_kondisi.replace(/\n/g, '<br />')+`</td>
                    <td>`+isi_manajemen_peradilan_rekomendasi.replace(/\n/g, '<br />')+`</td>

                    <td class="text-center"><button class="btn btn-warning btn-sm btn-block btn-ubah-target-penyelesaian-tindak-lanjut"
                        data-toggle="modal"
                        data-target="#ubahTargetPenyelesaianId"
                        data-id="`+data.id+`" 
                        data-content="{{date('d/m/Y')}}"
                        data-link="tindak-lanjut-manajemen-peradilan-target-penyelesaian"
                        >Ubah Tanggal</button>
                      <p class="mt-3 font-weight-bold" id="tindakLanjutTargetPenyelesaian`+data.id+`"></p>
                    </td>

                    <td>
                    <button class="btn btn-warning btn-sm btn-block btn-ubah-tindak-lanjut-tindak-lanjut" 
                    data-target="#ubahTindakLanjutId"
                    data-id="`+data.id+`" 
                    data-content=""
                    data-link="tindak-lanjut-manajemen-peradilan-tindak-lanjut"
                    data-toggle="modal">Ubah Tindak Lanjut</button>
                    <p class="mt-3" id="tindakLanjutTindakLanjut`+data.id+`"></p>
                    </td>

                    <td class="text-center"><button class="btn btn-warning btn-sm btn-block btn-ubah-tanggal-penyelesaian-tindak-lanjut"
                    data-toggle="modal"
                    data-target="#ubahTanggalPenyelesaianId"
                    data-id="`+data.id+`" 
                    data-content="{{date('d/m/Y')}}"
                    data-link="tindak-lanjut-manajemen-peradilan-tanggal-penyelesaian"
                    >Ubah Tanggal</button>
                    <p class="mt-3 font-weight-bold" id="tindakLanjutTanggalPenyelesaian`+data.id+`"></p>
                    </td>

                    <td><button class="btn btn-primary btn-sm btn-block btn_tindak_lanjut_manajemen_peradilan_files">+ Upload File</button>
                    <input type="file" class="tindak_lanjut_manajemen_peradilan_files" data-id_tindak_lanjut_manajemen_peradilan="`+data.id+`" name="tindak_lanjut_manajemen_peradilan_files" style="display: none;">
                    <ul class="list-group list-group-flush" id="ul_tindak_lanjut_manajemen_peradilan`+data.id+`">
                    </ul>
                    </td>

                </tr>
                `
                );
            
            } else {
            
                $('#frameTableManajemenPeradilan').html(
                ` <div class="table-responsive">
                    <table class="table table-bordered" id="tableManajemenPeradilan">
                        <thead>
                            <tr>
                                <th style="width:50px;" class="text-center">No</th>
                                <th style="min-width:300px;">Kondisi</th>
                                <th style="min-width:300px;">Kriteria</th>
                                <th style="min-width:300px;">Akibat</th>
                                <th style="min-width:300px;">Sebab</th>
                                <th style="min-width:300px;">Rekomendasi</th>
                                <th style="min-width:300px;">Tanggapan Objek Pemeriksaan</th>
                                <th style="min-width:10px;">Aksi</th>
                            </tr>
                        </thead>
                        <tbody id="tableManajemenPeradilanTbody">
                            <tr>
                                <td class="text-center"></td>
                                <td>`+isi_manajemen_peradilan_kondisi.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_manajemen_peradilan_kriteria.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_manajemen_peradilan_akibat.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_manajemen_peradilan_sebab.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_manajemen_peradilan_rekomendasi.replace(/\n/g, '<br />')+`</td>
                                <td>`+isi_manajemen_peradilan_top.replace(/\n/g, '<br />')+`</td>
                                <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-manajemen_peradilan" data-id="`+data.id+`" type="button">Edit</button>
                                            <button class="dropdown-item btn-hapus-manajemen_peradilan" data-id="`+data.id+`" type="button">Hapus</button>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                `
                );
            
                $('#frameTableManajemenPeradilanTindakLanjut').html(
                ` <div class="table-responsive mb-3">
                    <table class="table table-bordered" id="tableManajemenPeradilanTindakLanjut">
                    <thead>
                        <tr>
                        <th style="min-width:150px;">Status T.Lanjut</th>
                        <th style="min-width:400px;">Komentar</th>
                        <th style="min-width:250px;">Temuan</th>
                        <th style="min-width:250px;">Rekomendasi</th>
                        <th style="min-width:150px;">Target Penyelesaian</th>
                        <th style="min-width:250px;">Tindak Lanjut</th>
                        <th style="min-width:150px;">Tgl Penyelesaian</th>
                        <th style="min-width:150px;">Upload Bukti</th>
                        </tr>
                    </thead>
                    <tbody id="tableManajemenPeradilanTbodyTindakLanjut">
                        <tr id="trManajemenPeradilanTbodyTindakLanjut`+data.id+`">
                            <td class="text-center">
                            <button class="btn btn-warning btn-sm btn-block btn-ubah-status-tindak-lanjut" data-toggle="modal"
                                data-target="#ubahstatusId" data-id="`+data.id+`" data-status="BELUM"
                                data-link="tindak-lanjut-manajemen-peradilan-status">Ubah Status</button>
                            <p class="mt-3 font-weight-bold" id="tindakLanjut`+data.id+`">BELUM</p>
                            </td>
        
                            <td>
                            <div class="timeline">
                                <div class="komentar-form">
                                <i class="fas fa-comments bg-yellow"></i>
                                <div class="timeline-item">
                                    <h3 class="timeline-header font-weight-bold">Tulis Komentar</h3>
                    
                                    <div class="timeline-body">
                                        <textarea cols="30" rows="3" class="form-control" required ></textarea>
                                    </div>
                                    <div class="timeline-footer">
                                    <button class="btn btn-primary btn-sm btn-komentar-manajemen-peradilan" data-id="`+data.id+`">Kirim Komentar</button>
                                    </div>
                                </div>
                                </div>
                            </div>
                            </td>
                            <td>`+isi_manajemen_peradilan_kondisi.replace(/\n/g, '<br />')+`</td>
                            <td>`+isi_manajemen_peradilan_rekomendasi.replace(/\n/g, '<br />')+`</td>
        
                            <td class="text-center"><button class="btn btn-warning btn-sm btn-block btn-ubah-target-penyelesaian-tindak-lanjut"
                                data-toggle="modal"
                                data-target="#ubahTargetPenyelesaianId"
                                data-id="`+data.id+`" 
                                data-content="{{date('d/m/Y')}}"
                                data-link="tindak-lanjut-manajemen-peradilan-target-penyelesaian"
                                >Ubah Tanggal</button>
                              <p class="mt-3 font-weight-bold" id="tindakLanjutTargetPenyelesaian`+data.id+`"></p>
                            </td>
        
                            <td>
                            <button class="btn btn-warning btn-sm btn-block btn-ubah-tindak-lanjut-tindak-lanjut" 
                            data-target="#ubahTindakLanjutId"
                            data-id="`+data.id+`" 
                            data-content=""
                            data-link="tindak-lanjut-manajemen-peradilan-tindak-lanjut"
                            data-toggle="modal">Ubah Tindak Lanjut</button>
                            <p class="mt-3" id="tindakLanjutTindakLanjut`+data.id+`"></p>
                            </td>
        
                            <td class="text-center"><button class="btn btn-warning btn-sm btn-block btn-ubah-tanggal-penyelesaian-tindak-lanjut"
                            data-toggle="modal"
                            data-target="#ubahTanggalPenyelesaianId"
                            data-id="`+data.id+`" 
                            data-content="{{date('d/m/Y')}}"
                            data-link="tindak-lanjut-manajemen-peradilan-tanggal-penyelesaian"
                            >Ubah Tanggal</button>
                            <p class="mt-3 font-weight-bold" id="tindakLanjutTanggalPenyelesaian`+data.id+`"></p>
                            </td>
        
                            <td><button class="btn btn-primary btn-sm btn-block btn_tindak_lanjut_manajemen_peradilan_files">+ Upload File</button>
                            <input type="file" class="tindak_lanjut_manajemen_peradilan_files" data-id_tindak_lanjut_manajemen_peradilan="`+data.id+`" name="tindak_lanjut_manajemen_peradilan_files" style="display: none;">
                            <ul class="list-group list-group-flush" id="ul_tindak_lanjut_manajemen_peradilan`+data.id+`">
                            </ul>
                            </td>
        
                        </tr>
                    </tbody>
                    </table>
                </div>
                `
                );
            }
        },
        complete: function() {
            hitungNomor('#tableManajemenPeradilanTbody');
            $('.loadiv').remove();
        }
    });

});

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

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

    let isi_manajemen_peradilan_kondisi_edit = $('#isi_manajemen_peradilan_kondisi_edit').val();
    let isi_manajemen_peradilan_kriteria_edit = $('#isi_manajemen_peradilan_kriteria_edit').val();
    let isi_manajemen_peradilan_akibat_edit = $('#isi_manajemen_peradilan_akibat_edit').val();
    let isi_manajemen_peradilan_sebab_edit = $('#isi_manajemen_peradilan_sebab_edit').val();
    let isi_manajemen_peradilan_rekomendasi_edit = $('#isi_manajemen_peradilan_rekomendasi_edit').val();
    let isi_manajemen_peradilan_top_edit = $('#isi_manajemen_peradilan_top_edit').val();
    let iddata = $(this).data('id');
    let manajemenPeradilanArray = [];

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

    manajemenPeradilanArray.push({ 
        name: 'kondisi', 
        value: isi_manajemen_peradilan_kondisi_edit
    });

    manajemenPeradilanArray.push({ 
        name: 'kriteria', 
        value: isi_manajemen_peradilan_kriteria_edit
    });

    manajemenPeradilanArray.push({ 
        name: 'akibat', 
        value: isi_manajemen_peradilan_akibat_edit
    });

    manajemenPeradilanArray.push({ 
        name: 'sebab', 
        value: isi_manajemen_peradilan_sebab_edit
    });

    manajemenPeradilanArray.push({ 
        name: 'rekomendasi', 
        value: isi_manajemen_peradilan_rekomendasi_edit
    });

    manajemenPeradilanArray.push({ 
        name: 'top', 
        value: isi_manajemen_peradilan_top_edit
    });

    $.ajax({
        type: "POST",
        data: $.param(manajemenPeradilanArray),
        url: "{{url('surat-tugas-api/manajemen-peradilan-edit')}}",
        success: function(data) {
            let trRec = $('.btn-edit-manajemen_peradilan[data-id="'+iddata+'"]').closest("tr");
            
            trRec.find("td:eq(1)").html(isi_manajemen_peradilan_kondisi_edit.replace(/\n/g, '<br />'));
            trRec.find("td:eq(2)").html(isi_manajemen_peradilan_kriteria_edit.replace(/\n/g, '<br />'));
            trRec.find("td:eq(3)").html(isi_manajemen_peradilan_akibat_edit.replace(/\n/g, '<br />'));
            trRec.find("td:eq(4)").html(isi_manajemen_peradilan_sebab_edit.replace(/\n/g, '<br />'));
            trRec.find("td:eq(5)").html(isi_manajemen_peradilan_rekomendasi_edit.replace(/\n/g, '<br />'));
            trRec.find("td:eq(6)").html(isi_manajemen_peradilan_top_edit.replace(/\n/g, '<br />'));

            let trRecTindakLanjut = $('#trManajemenPeradilanTbodyTindakLanjut'+iddata);
            trRecTindakLanjut.find("td:eq(2)").html(isi_manajemen_peradilan_kondisi_edit.replace(/\n/g, '<br />'));
            trRecTindakLanjut.find("td:eq(3)").html(isi_manajemen_peradilan_rekomendasi_edit.replace(/\n/g, '<br />'));
        },
        complete: function() {
            hitungNomor('#tableManajemenPeradilanTbody');
            $('.loadiv').remove();
        }
    });

});

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

    let that = $(this);

    let manajemenPeradilanArray = [];
    
    manajemenPeradilanArray.push({ name: "_token", value: "{{ csrf_token() }}" });
    manajemenPeradilanArray.push({ name: "id", value: that.data('id') });
    
    $.ajax({
        type: "POST",
        data: $.param(manajemenPeradilanArray),
        url: "{{url('surat-tugas-api/manajemen-peradilan-hapus')}}",
        success: function(data) {
            if (data.countdata <= 0) {
                $('#frameTableManajemenPeradilan').html(FrameManajemenPeradilanBelumAdaIsi);
                $('#frameTableManajemenPeradilanTindakLanjut').html(FrameManajemenPeradilanBelumAdaIsi);
            } else {
                that.closest("tr").remove();
                $("#trManajemenPeradilanTbodyTindakLanjut"+that.data('id')).remove();
            }
        },
        complete: function() {
            hitungNomor('#tableManajemenPeradilanTbody');
            $('.loadiv').remove();
        }
    });
    
});

$(document).on('click','.btn-komentar-manajemen-peradilan',function(){
    $('#lembarkerjapengawasan').append(loadiv);

    let that = $(this);
    let komentar = that.closest(".komentar-form").find('textarea').val();

    if (komentar.trim() == '') {
        return;
    }

    let manajemenPeradilanArray = [];
    
    manajemenPeradilanArray.push({ name: "_token", value: "{{ csrf_token() }}" });
    manajemenPeradilanArray.push({ name: "dt_id", value: that.data('id') });
    manajemenPeradilanArray.push({ name: "komentar", value: komentar });
    
    $.ajax({
        type: "POST",
        data: $.param(manajemenPeradilanArray),
        url: "{{url('surat-tugas-api/manajemen-peradilan-komentar')}}",
        success: function(data) {
            that.closest('.komentar-form').before(`<div>
                <i class="fas fa-user bg-green"></i>
                <div class="timeline-item">
                  <span class="time bg-success">`+data.tanggal_komentar+`</span>
                  <h3 class="timeline-header bg-success">`+data.nama+`</h3>
                  <div class="timeline-body">
                    `+data.komentar.replace(/\n/g, '<br />')+`
                  </div>
                </div>
              </div>`);

              that.closest(".komentar-form").find('textarea').val('');
              that.closest(".komentar-form").find('textarea').focus();
        },
        complete: function() {
            $('.loadiv').remove();
        }
    });
    
});

$(document).on('click','.btn-edit-manajemen_peradilan',function(){
    let that = $(this);
    $('#isi_manajemen_peradilan_kondisi_edit').val(that.closest("tr").find("td:eq(1)").text());
    $('#isi_manajemen_peradilan_kriteria_edit').val(that.closest("tr").find("td:eq(2)").text());
    $('#isi_manajemen_peradilan_akibat_edit').val(that.closest("tr").find("td:eq(3)").text());
    $('#isi_manajemen_peradilan_sebab_edit').val(that.closest("tr").find("td:eq(4)").text());
    $('#isi_manajemen_peradilan_rekomendasi_edit').val(that.closest("tr").find("td:eq(5)").text());
    $('#isi_manajemen_peradilan_top_edit').val(that.closest("tr").find("td:eq(6)").text());
    $('#btn-modal_manajemen_peradilan_edit').data("id", that.data('id'));
    $('#manajemenPeradilanModalEdit').modal('show');
});

// UBAH DATA STATUS
$(document).on('click','.btn-ubah-status-tindak-lanjut',function(){
  let that = $(this);
  $('#statusTindakLanjut').val(that.data('status'));
  $('#ubahStatusSimpan').data("id", that.data('id'));
  $('#ubahStatusSimpan').data("link", that.data('link'));
});

$(document).on('click','#ubahStatusSimpan',function(){
  $('.card-tindak-lanjut').append(loadiv);
  let that = $(this);
  let statusArray = [];
  statusArray.push({ name: "_token", value: "{{ csrf_token() }}" });
  statusArray.push({ name: "id", value: that.data("id") });
  statusArray.push({ name: "status", value: $('#statusTindakLanjut').val() });

  $.ajax({
      type: "POST",
      data: $.param(statusArray),
      url: "{{url('surat-tugas-api')}}"+"/"+that.data('link'),
      success: function(data) {
        $('#tindakLanjut'+that.data('id')).text($('#statusTindakLanjut').val());
      },
      complete: function() {
          $('.loadiv').remove();
      }
  });
});

// UBAH DATA TARGET PENYELESAIAN
$(document).on('click','.btn-ubah-target-penyelesaian-tindak-lanjut',function(){
  let that = $(this);
  $('#target_penyelesaian_tindak_lanjut').val(that.data('content'));
  $('#ubahTargetPenyelesaianSimpan').data("id", that.data('id'));
  $('#ubahTargetPenyelesaianSimpan').data("link", that.data('link'));
});

$(document).on('click','#ubahTargetPenyelesaianSimpan',function(){
  $('.card-tindak-lanjut').append(loadiv);
  let that = $(this);
  let statusArray = [];
  statusArray.push({ name: "_token", value: "{{ csrf_token() }}" });
  statusArray.push({ name: "id", value: that.data("id") });
  statusArray.push({ name: "target_penyelesaian", value: $('#target_penyelesaian_tindak_lanjut').val() });

  $.ajax({
      type: "POST",
      data: $.param(statusArray),
      url: "{{url('surat-tugas-api')}}"+"/"+that.data('link'),
      success: function(data) {
        $('#tindakLanjutTargetPenyelesaian'+that.data('id')).text($('#target_penyelesaian_tindak_lanjut').val());
      },
      complete: function() {
          $('.loadiv').remove();
      }
  });
});


// UBAH DATA TINDAK LANJUT
$(document).on('click','.btn-ubah-tindak-lanjut-tindak-lanjut',function(){
  let that = $(this);
  $('#tindak_lanjut_tindak_lanjut').val(that.data('content'));
  $('#ubahTindakLanjutSimpan').data("id", that.data('id'));
  $('#ubahTindakLanjutSimpan').data("link", that.data('link'));
});

$(document).on('click','#ubahTindakLanjutSimpan',function(){
  $('.card-tindak-lanjut').append(loadiv);
  let that = $(this);
  let statusArray = [];
  statusArray.push({ name: "_token", value: "{{ csrf_token() }}" });
  statusArray.push({ name: "id", value: that.data("id") });
  statusArray.push({ name: "tindak_lanjut", value: $('#tindak_lanjut_tindak_lanjut').val() });

  $.ajax({
      type: "POST",
      data: $.param(statusArray),
      url: "{{url('surat-tugas-api')}}"+"/"+that.data('link'),
      success: function(data) {
        $('#tindakLanjutTindakLanjut'+that.data('id')).html($('#tindak_lanjut_tindak_lanjut').val().replace(/\n/g, '<br />'));
      },
      complete: function() {
          $('.loadiv').remove();
      }
  });
});


// UBAH DATA TANGGAL PENYELESAIAN
$(document).on('click','.btn-ubah-tanggal-penyelesaian-tindak-lanjut',function(){
  let that = $(this);
  $('#tanggal_penyelesaian_tindak_lanjut').val(that.data('content'));
  $('#ubahTanggalPenyelesaianSimpan').data("id", that.data('id'));
  $('#ubahTanggalPenyelesaianSimpan').data("link", that.data('link'));
});

$(document).on('click','#ubahTanggalPenyelesaianSimpan',function(){
  $('.card-tindak-lanjut').append(loadiv);
  let that = $(this);
  let statusArray = [];
  statusArray.push({ name: "_token", value: "{{ csrf_token() }}" });
  statusArray.push({ name: "id", value: that.data("id") });
  statusArray.push({ name: "tanggal_penyelesaian", value: $('#tanggal_penyelesaian_tindak_lanjut').val() });

  $.ajax({
      type: "POST",
      data: $.param(statusArray),
      url: "{{url('surat-tugas-api')}}"+"/"+that.data('link'),
      success: function(data) {
        $('#tindakLanjutTanggalPenyelesaian'+that.data('id')).text($('#tanggal_penyelesaian_tindak_lanjut').val());
      },
      complete: function() {
          $('.loadiv').remove();
      }
  });
});

// UBAH FILE UPLOAD

$(document).on('click','.tindak_lanjut_manajemen_peradilan_files',function(){

    if ($(this).get(0).files.length == 0) {
      return;
    }

    let formData = new FormData();

    let that = $(this);

    formData.append('_token', "{{ csrf_token() }}");
    formData.append('dt_id', $(this).data('id_tindak_lanjut_manajemen_peradilan'));
    formData.append('files', $(this)[0].files[0]);

    $.ajax({
        type: "POST",
        method: 'POST',
        data : formData,
        url: "{{url('surat-tugas-api/tindak-lanjut-manajemen-peradilan-files')}}",
        processData: false,
        contentType: false,
        beforeSend: function() {
          $('.card-tindak-lanjut').append(loadiv);
        },
        success: function(data) {
          $('#ul_tindak_lanjut_manajemen_peradilan'+that.data('id_tindak_lanjut_manajemen_peradilan')).append(
            `
            <li class="list-group-item d-flex justify-content-between align-items-center px-0">
                <a href="{{asset('storage')}}/'`+data.file+`">`+data.file+`</a>
                <button class="btn text-danger btn-link btn-hapus_tindak_lanjut_manajemen_peradilan_files" type="button"
                data-id_tindak_lanjut_manajemen_peradilan_files="`+data.id_file_stmpf+`"><i class="fas fa-times"></i></button>
            </li>
            `
          );
        },
        complete: function() {
            $('.loadiv').remove();
        }
    });

  });

  $(document).on('click','.btn-hapus_tindak_lanjut_manajemen_peradilan_files',function(){

    that = $(this);

    $.ajax({
          type: "POST",
          data : { _token: "{{ csrf_token() }}", id: $(this).data("id_tindak_lanjut_manajemen_peradilan_files") },
          url: "{{url('surat-tugas-api/tindak-lanjut-manajemen-peradilan-files-hapus')}}",
          beforeSend: function() {
            $('#card-tindak-lanjut').append(loadiv);
          },
          success: function(data) {
            that.closest("li").remove();
          },
          complete: function() {
              $('.loadiv').remove();
          }
      });

  });