const pdf = await PDF.load(bytes);
const form = await pdf.getForm();

if (form) {
  await form.fill({
    name: "John Doe",
    email: "john@example.com",
    agree: true,
  });
}

interface FormProperties {
  defaultAppearance: string;
  defaultAlignment: TextAlignment;
  needAppearances: boolean;
  hasSignatures: boolean;
  isAppendOnly: boolean;
}

const fields = form.getFields();
for (const field of fields) {
  console.log(`${field.name}: ${field.type}`);
}

const names = form.getFieldNames();
// ["name", "email", "phone", "agree"]

const field = form.getField("name");
if (field?.type === "text") {
  console.log(field.getValue());
}

const nameField = form.getTextField("name");
if (nameField) {
  await nameField.setValue("John Doe");
  console.log(nameField.getValue());
}

const agree = form.getCheckbox("terms");
if (agree) {
  await agree.check();
  console.log(agree.isChecked()); // true
}

const payment = form.getRadioGroup("payment_method");
if (payment) {
  await payment.setValue("credit_card");
  console.log(payment.getOptions()); // ["credit_card", "paypal", "bank"]
}

const country = form.getDropdown("country");
if (country) {
  await country.setValue("United States");
  const options = country.getOptions();
  // options: [{ value: "USA", display: "United States" }, ...]
}

const colors = form.getListBox("favorite_colors");
if (colors) {
  await colors.setValue(["red", "blue"]);
}

const sig = form.getSignatureField("signature1");
if (sig) {
  console.log(sig.isSigned());
}

const result = await form.fill({
  name: "John Doe",
  email: "john@example.com",
  agree: true,           // checkbox
  country: "USA",        // dropdown
  colors: ["red", "blue"], // listbox
  nonexistent: "ignored",
});

console.log(result.filled);  // ["name", "email", "agree", "country", "colors"]
console.log(result.skipped); // ["nonexistent"]

await form.resetAll();

const nameField = form.createTextField("name", {
  fontSize: 12,
  maxLength: 100,
  defaultValue: "John Doe",
});

// Place on page
await page.drawField(nameField, {
  x: 100,
  y: 700,
  width: 200,
  height: 24,
});

const agree = form.createCheckbox("agree", {
  onValue: "Yes",
  symbol: "check",
  defaultChecked: true,
});

await page.drawField(agree, {
  x: 100,
  y: 650,
  width: 18,
  height: 18,
});

const payment = form.createRadioGroup("payment", {
  options: ["Credit Card", "PayPal", "Bank Transfer"],
  defaultValue: "Credit Card",
});

// Each option needs its own widget
await page.drawField(payment, {
  x: 100,
  y: 550,
  width: 16,
  height: 16,
  option: "Credit Card",
});
await page.drawField(payment, {
  x: 100,
  y: 520,
  width: 16,
  height: 16,
  option: "PayPal",
});
await page.drawField(payment, {
  x: 100,
  y: 490,
  width: 16,
  height: 16,
  option: "Bank Transfer",
});

const country = form.createDropdown("country", {
  options: ["USA", "Canada", "UK", "Germany"],
  defaultValue: "USA",
  fontSize: 11,
});

await page.drawField(country, {
  x: 100,
  y: 600,
  width: 200,
  height: 24,
});

const colors = form.createListbox("colors", {
  options: ["Red", "Green", "Blue", "Yellow"],
  multiSelect: true,
  defaultValue: ["Red", "Blue"],
});

await page.drawField(colors, {
  x: 100,
  y: 400,
  width: 150,
  height: 100,
});

const sigField = form.createSignatureField("Signature1");
// Sign later via pdf.sign({ fieldName: "Signature1", ... })

await form.updateAppearances();

await form.fill({ name: "John", email: "john@example.com" });
await form.flatten();
const bytes = await pdf.save();

await form.reloadFields();

const acroForm = form.acroForm();
console.log(acroForm.defaultAppearance);

const TextAlignment = {
  Left: 0,
  Center: 1,
  Right: 2,
} as const;

type TextAlignment = 0 | 1 | 2;

type FieldValue = string | boolean | string[] | null;

interface ChoiceOption {
  value: string;   // Export value
  display: string; // Display text (may equal value)
}

interface FormField {
  name: string;
  type: FieldType;
  isReadOnly(): boolean;
  isRequired(): boolean;
}

type FieldType = 
  | "text"
  | "checkbox"
  | "radio"
  | "dropdown"
  | "listbox"
  | "signature"
  | "button";