import { test, expect, Page } from '@playwright/test';
import { strictEqual } from 'assert';

let page: Page;

test.beforeAll(async ({ browser }) => {
  page = await browser.newPage();
});

test.afterAll(async () => {
  if (page !== undefined) {
    await page.close();
  }
});

test('Login', async () => {
  // Login
  await page.goto('http://192.168.1.62:20101/');
  await expect(page).toHaveTitle(/^Sign in to /);
  await page.fill("input[name='username']", 'admin');
  await page.fill("input[name='password']", '1234');
  await page.click('id=kc-login');
  await page.waitForTimeout(2000);
  //   await page.click('id=acceptBtn');
});

test('Create Sub Branch Managenment', async () => {
  try {
    await page.click('id=menu-icon-branch-management');
    for (let i = 0; i < 5; i++) {
      await page.click('id=create-sub-branch-btn-บริษัท โคโม่ จำกัด');
      await page.click("(//button[@type='submit'])[1]");

      // ส่วนข้อมูลพื้นฐาน
      await page.fill(
        "(//input[@id='input-tax-no'])[2]",
        `126084622028${i + 1}`,
      );
      await page.fill("(//input[@id='input-name'])[3]", `สีลม${i + 1}`);
      await page.fill("(//input[@id='input-name-en'])[2]", `Silom${i + 1}`);
      await page.fill(
        "(//input[@aria-label='เลขที่ใบอนุญาต'])[2]",
        '1228222822822',
      );

      // ส่วนติดต่อ
      await page.fill(
        "(//input[@id='input-email'])[2]",
        `host${i + 1}@local.co.th`,
      );
      await page.fill("(//input[@id='input-telephone-no'])[2]", '022222002');
      await page.fill("(//input[@id='input-contact-name'])[2]", 'คุณอาท');
      await page.fill("(//input[@id='input-contact'])[2]", `08622864${i + 1}`);
      await page.fill("(//input[@id='input-line-id'])[2]", 'company');

      await page.fill(
        "(//input[@id='default-input-address-no'])[2]",
        `20/0${i + 1}`,
      );
      await page.click("(//input[@id='default-select-province'])[2]");
      await page.click("//div[@role='option']");
      await page.click("(//input[@id='default-select-district'])[2]");
      await page.waitForTimeout(400);
      await page.click("//div[@role='option']");
      await page.click("(//input[@id='default-select-sub-district'])[2]");
      await page.waitForTimeout(400);
      await page.click("//div[@role='option']");
      await page.fill(
        "(//input[@id='default-input-address-en'])[2]",
        `20/0${i + 1}`,
      );

      await page.click("(//input[@id='select-bankbook'])[3]");
      await page.click(`id=select-bankbook_${i + 1}`);
      await page.fill(
        "(//input[@aria-label='เลขบัญชี'])[2]",
        `228202002${i + 1}`,
      );
      await page.fill("(//input[@aria-label='สาขาธนาคาร'])[2]", 'เชียงใหม่');
      await page.fill(
        "(//input[@aria-label='ชื่อบัญชี'])[2]",
        'Pongpon Kuntana',
      );
      await page.click("(//input[@aria-label='ประเภทบัญชี'])[2]");
      await page.waitForTimeout(2000);
      await page.click('id=select-bankbook_0');

      await page.click('id=btn-info-basic-save');
      await page.click('id=btn-form-close');
    }

    // ตรวจสอบความถูกต้องหลังจากทำการบันทึกสร้างสำนักงานใหญ่
    const subBranchErrors = ['สีลม1', 'สีลม2', 'สีลม3', 'สีลม4', 'สีลม5'];

    for (const branch of subBranchErrors) {
      const subBranchErrors = page.locator(
        `//div[normalize-space(text())='${branch}']`,
      );
      await subBranchErrors.waitFor({ state: 'visible' });
      const newOfficeName = await subBranchErrors.textContent();
      const trimmedName = newOfficeName?.trim();

      expect(trimmedName).toBe(branch);
    }

    console.log('การตรวจสอบสำเร็จ : ข้อมูลถูกต้อง');
  } catch (error) {
    console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
    throw error;
  }

  await page.waitForTimeout(2000);
});