$('#btn_dokumen_upload_tindaklanjut').on('click', function() {
    remove_selected('dokumen_upload_tindaklanjut');
    $('#dokumen_upload_tindaklanjut').trigger("click");
  });
  
  

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

    that = $(this);

    $.ajax({
          type: "POST",
          data : { _token: "{{ csrf_token() }}", id: $(this).data("id_file_tindaklanjut") },
          url: "{{url('surat-tugas-api/upload-file-tindaklanjut-hapus')}}",
          beforeSend: function() {
            $('#card_upload_file_tindaklanjut').append(loadiv);
          },
          success: function(data) {
            that.closest("tr").remove();
          },
          complete: function() {
              $('.loadiv').remove();
          }
      });

  });
  
  $("#dokumen_upload_tindaklanjut").change(function(){

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

    let formData = new FormData();
    
    formData.append('_token', "{{ csrf_token() }}");
    formData.append('st_id', "{{ $st->id }}");
    formData.append('dokumen_upload_tindaklanjut', $('#dokumen_upload_tindaklanjut')[0].files[0]);

    $.ajax({
        type: "POST",
        method: 'POST',
        data : formData,
        url: "{{url('surat-tugas-api/upload-file-tindaklanjut')}}",
        processData: false,
        contentType: false,
        beforeSend: function() {
          $('#card_upload_file_tindaklanjut').append(loadiv);
        },
        success: function(data) {
          $('#tableUploadFileTindakLanjut').append(
            `
            <tr>
              <td>`+data.file+`</td>
              <td>
                <a href="{{asset('storage/')}}/`+data.file+`" class="btn btn-primary">Download</a>
                <button class="btn btn-danger btn-hapus-tindaklanjut" type="button" data-id_file_tindaklanjut="`+data.id_file_tindaklanjut+`">Hapus</button>
              </td>
            </tr>
            `
          );
        },
        complete: function() {
            $('.loadiv').remove();
        }
    });

  });



  $('#btn_dokumen_upload_lhp').on('click', function() {
      remove_selected('dokumen_upload_lhp');
      $('#dokumen_upload_lhp').trigger("click");
    });
    
    

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

      that = $(this);

      $.ajax({
            type: "POST",
            data : { _token: "{{ csrf_token() }}", id: $(this).data("id_file_lhp") },
            url: "{{url('surat-tugas-api/upload-file-lhp-hapus')}}",
            beforeSend: function() {
              $('#card_upload_file_lhp').append(loadiv);
            },
            success: function(data) {
              that.closest("tr").remove();
            },
            complete: function() {
                $('.loadiv').remove();
            }
        });

    });
    
    $("#dokumen_upload_lhp").change(function(){

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

      let formData = new FormData();
      
      formData.append('_token', "{{ csrf_token() }}");
      formData.append('st_id', "{{ $st->id }}");
      formData.append('dokumen_upload_lhp', $('#dokumen_upload_lhp')[0].files[0]);

      $.ajax({
          type: "POST",
          method: 'POST',
          data : formData,
          url: "{{url('surat-tugas-api/upload-file-lhp')}}",
          processData: false,
          contentType: false,
          beforeSend: function() {
            $('#card_upload_file_lhp').append(loadiv);
          },
          success: function(data) {
            $('#tableUploadFileLhp').append(
              `
              <tr>
                <td>`+data.file+`</td>
                <td>
                  <a href="{{asset('storage/')}}/`+data.file+`" class="btn btn-primary">Download</a>
                  <button class="btn btn-danger btn-hapus-lhp" type="button" data-id_file_lhp="`+data.id_file_lhp+`">Hapus</button>
                </td>
              </tr>
              `
            );
          },
          complete: function() {
              $('.loadiv').remove();
          }
      });

    });