// UBAH KOMENTAR
$(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();
      }
  });
  
});

// 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'));
  $('#ubahTargetPenyelesaianSimpan').data("kode", that.data('kode'));
});

$(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) {
        $('#tr'+that.data('kode')+'TbodyTindakLanjut'+that.data('id')).find('.btn-ubah-target-penyelesaian-tindak-lanjut').first().data('content',$('#target_penyelesaian_tindak_lanjut').val());
        $('#tindakLanjutTargetPenyelesaian'+that.data('kode')+that.data('id')).text($('#target_penyelesaian_tindak_lanjut').val());
      },
      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'));
  $('#ubahTanggalPenyelesaianSimpan').data("kode", that.data('kode'));
});

$(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-pg')}}"+"/"+that.data('link'),
      success: function(data) {
        $('#tr'+that.data('kode')+'TbodyTindakLanjut'+that.data('id')).find('.btn-ubah-tanggal-penyelesaian-tindak-lanjut').first().data('content',$('#tanggal_penyelesaian_tindak_lanjut').val());
        $('#tindakLanjutTanggalPenyelesaian'+that.data('kode')+that.data('id')).html($('#tanggal_penyelesaian_tindak_lanjut').val()+`<button
        class="btn text-danger btn-link btn-hapus_tindak_lanjut_manajemen_peradilan_tanggal_penyelesaian"
        data-id="`+that.data('id')+`" data-kode="`+that.data('kode')+`"
        type="button"><i class="fas fa-times"></i></button>`);
        $('#tr'+that.data('kode')+'TbodyTindakLanjut'+that.data('id')).find('.btn-ubah-tanggal-penyelesaian-tindak-lanjut').first().attr("disabled", true);
        $('#tr'+that.data('kode')+'TbodyTindakLanjut'+that.data('id')).find('.btn-ubah-target-penyelesaian-tindak-lanjut').first().attr("disabled", true);
      },
      complete: function() {
          $('.loadiv').remove();
      }
  });
});
  
$(document).on('click','.btn-hapus_tindak_lanjut_manajemen_peradilan_tanggal_penyelesaian',function(){

  that = $(this);

  $.ajax({
        type: "POST",
        data : { _token: "{{ csrf_token() }}", id: $(this).data("id") },
        url: "{{url('surat-tugas-api-pg/tindak-lanjut-manajemen-peradilan-tanggal-penyelesaian-hapus')}}",
        beforeSend: function() {
          $('.card-tindak-lanjut').append(loadiv);
        },
        success: function(data) {
          $('#tindakLanjutTanggalPenyelesaian'+that.data('kode')+that.data('id')).text('-');
          $('#tr'+that.data('kode')+'TbodyTindakLanjut'+that.data('id')).find('.btn-ubah-tanggal-penyelesaian-tindak-lanjut').first().attr("disabled", false);
          $('#tr'+that.data('kode')+'TbodyTindakLanjut'+that.data('id')).find('.btn-ubah-target-penyelesaian-tindak-lanjut').first().attr("disabled", false);
        },
        complete: function() {
            $('.loadiv').remove();
        }
    });

});