import { type Page, type Locator } from "@playwright/test";

export class CompanyCreateFormPage {
  readonly page: Page;
  readonly legalNameInput: Locator;
  readonly baseCurrencySelect: Locator;
  readonly taxIdInput: Locator;
  readonly registrationNumberInput: Locator;
  readonly streetInput: Locator;
  readonly cityInput: Locator;
  readonly stateInput: Locator;
  readonly postalCodeInput: Locator;
  readonly countryInput: Locator;
  readonly submitButton: Locator;
  readonly cancelButton: Locator;

  constructor(page: Page) {
    this.page = page;
    this.legalNameInput = page.getByLabel("Legal Name");
    // Base Currency is a Select (Base UI) component. FormControl's Slot forwards
    // the id to the Select's outer wrapper <div>, not to the trigger <button>,
    // so getByLabel does not resolve to a clickable element. Scope via
    // [data-slot="field"] / [data-slot="field-label"] instead.
    this.baseCurrencySelect = page
      .locator('[data-slot="field"]', {
        has: page.locator('[data-slot="field-label"]', { hasText: /^base currency/i }),
      })
      .locator('[data-slot="select-trigger"]');
    this.taxIdInput = page.getByLabel("Tax ID");
    this.registrationNumberInput = page.getByLabel("Registration Number");
    this.streetInput = page.getByLabel("Street");
    this.cityInput = page.getByLabel("City");
    this.stateInput = page.getByLabel("State");
    this.postalCodeInput = page.getByLabel("Postal Code");
    this.countryInput = page.getByLabel("Country");
    this.submitButton = page.getByRole("button", { name: /create company|creating/i });
    this.cancelButton = page.getByRole("button", { name: /cancel/i });
  }

  async goto() {
    await this.page.goto("/master-data/company/create");
  }

  /** Open the Base Currency combobox and select the first available option. */
  async selectFirstBaseCurrency() {
    await this.baseCurrencySelect.click();
    const firstOption = this.page.getByRole("option").first();
    await firstOption.waitFor({ state: "visible" });
    await firstOption.click();
  }

  async fill(fields: {
    legalName?: string;
    taxId?: string;
    registrationNumber?: string;
    street?: string;
    city?: string;
    state?: string;
    postalCode?: string;
    country?: string;
  }) {
    if (fields.legalName) await this.legalNameInput.fill(fields.legalName);
    if (fields.taxId) await this.taxIdInput.fill(fields.taxId);
    if (fields.registrationNumber)
      await this.registrationNumberInput.fill(fields.registrationNumber);
    if (fields.street) await this.streetInput.fill(fields.street);
    if (fields.city) await this.cityInput.fill(fields.city);
    if (fields.state) await this.stateInput.fill(fields.state);
    if (fields.postalCode) await this.postalCodeInput.fill(fields.postalCode);
    if (fields.country) await this.countryInput.fill(fields.country);
  }

  async submit() {
    await this.submitButton.click();
  }

  async cancel() {
    await this.cancelButton.click();
  }
}