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

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

  //console.log('ok');

  $.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-status-tindak-lanjut').first().data('status',$('#statusTindakLanjut').val());
        $('#tindakLanjut'+that.data('kode')+that.data('id')).text($('#statusTindakLanjut').val());
      },
      complete: function() {
          $('.loadiv').remove();
      }
  });
});

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

$(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) {
        $('#tr'+that.data('kode')+'TbodyTindakLanjut'+that.data('id')).find('.btn-ubah-tindak-lanjut-tindak-lanjut').first().data('content',$('#tindak_lanjut_tindak_lanjut').val());
        $('#tindakLanjutTindakLanjut'+that.data('kode')+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'));
  $('#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')}}"+"/"+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')).text($('#tanggal_penyelesaian_tindak_lanjut').val());
      },
      complete: function() {
          $('.loadiv').remove();
      }
  });
});

// UBAH FILE UPLOAD

$(document).on('click','.btn_tindak_lanjut_manajemen_peradilan_files',function(){
  remove_selected_by_class('tindak_lanjut_manajemen_peradilan_files');
  $(this).next().trigger("click");
});

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

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

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

    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,
        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();
          }
      });

  });