import { When } from '@cucumber/cucumber'
import path from 'node:path'
import type { AppWorld } from '../support/world.js'

/**
 * Project-specific invoice steps. Talk to the Invoices tab on the admin
 * booking-detail page (Mantine form). Locale-aware: the form uses German
 * labels by default in this app.
 */

When(
  'I create an invoice numbered {string} for {float} €',
  async function (this: AppWorld, invoiceNumber: string, amountEuro: number) {
    // The form sits in the "Neue Rechnung" panel — use data-testid hooks so we
    // are not coupled to localized labels.
    const numberField = this.page
      .getByTestId('invoice-create-form')
      .locator('input[data-testid="invoice-number"], [data-testid="invoice-number"] input')
      .first()
    await numberField.fill(invoiceNumber)
    const amount = this.page
      .getByTestId('invoice-create-form')
      .locator('input[data-testid="invoice-amount"], [data-testid="invoice-amount"] input')
      .first()
    await amount.fill('')
    await amount.fill(String(amountEuro.toFixed(2)))
    await this.page
      .getByRole('button', { name: /rechnung erstellen|create invoice/i })
      .click()
    // Wait for the row to appear in the invoices table above the form.
    await this.page.getByText(invoiceNumber, { exact: false }).first().waitFor({
      state: 'visible',
    })
  },
)

When(
  'I attach invoice PDF {string}',
  async function (this: AppWorld, filename: string) {
    const filePath = path.resolve(process.cwd(), 'tests', 'fixtures', filename)
    await this.page.getByTestId('invoice-pdf').setInputFiles(filePath)
  },
)

When(
  'I mark invoice {string} as paid on {string}',
  async function (this: AppWorld, invoiceNumber: string, paidOn: string) {
    // Stub the prompt before clicking — the UI uses window.prompt to collect
    // the payment date.
    await this.page.evaluate((value) => {
      // eslint-disable-next-line @typescript-eslint/no-explicit-any
      ;(window as any).prompt = () => value
    }, paidOn)

    const row = this.page.getByRole('row', { name: new RegExp(invoiceNumber) })
    await row
      .getByTestId(`invoice-mark-paid-${invoiceNumber}`)
      .click()
    await row.getByText(/bezahlt|paid/i).waitFor({ state: 'visible' })
  },
)