"use client";

export const UploadForm = () => {
  return (
    <input
      type="file"
      name="file"
      onChange={async (e) => {
        if (e.target.files) {
          const formData = new FormData();
          Object.values(e.target.files).forEach((file) => {
            formData.append("file", file);
          });

          const response = await fetch("/api/upload", {
            method: "POST",
            body: formData,
          });

          const result = await response.json();
          if (result.success) {
            alert(`Upload successful: ${result.file.filename} (${result.file.size} bytes)`);
          } else {
            alert(`Upload failed: ${result.error || 'Unknown error'}`);
          }
        }
      }}
    />
  );
};