// UBAH KOMENTAR
$(document).on('click','.btn-komentar-kinerja-pelayanan',function(){
  $('#lembarkerjapengawasan').append(loadiv);

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

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

  let kinerjaPelayananArray = [];
  
  kinerjaPelayananArray.push({ name: "_token", value: "{{ csrf_token() }}" });
  kinerjaPelayananArray.push({ name: "dt_id", value: that.data('id') });
  kinerjaPelayananArray.push({ name: "komentar", value: komentar });
  
  $.ajax({
      type: "POST",
      data: $.param(kinerjaPelayananArray),
      url: "{{url('surat-tugas-api/kinerja-pelayanan-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 FILE UPLOAD

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

$(document).on('change','.tindak_lanjut_kinerja_pelayanan_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_kinerja_pelayanan'));
    formData.append('files', $(this)[0].files[0]);

    $.ajax({
        type: "POST",
        method: 'POST',
        data : formData,
        url: "{{url('surat-tugas-api/tindak-lanjut-kinerja-pelayanan-files')}}",
        processData: false,
        contentType: false,
        success: function(data) {
          $('#ul_tindak_lanjut_kinerja_pelayanan'+that.data('id_tindak_lanjut_kinerja_pelayanan')).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_kinerja_pelayanan_files" type="button"
                data-id_tindak_lanjut_kinerja_pelayanan_files="`+data.id_file_stmpf+`"><i class="fas fa-times"></i></button>
            </li>
            `
          );
        },
        complete: function() {
            $('.loadiv').remove();
        }
    });

  });

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

    that = $(this);

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

  });