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

});