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

let page: Page;
let isLoginSuccessful = false;

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

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

async function login(page) {
  try {
    // Login
    await page.goto('/');
    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');

    // เข้าสู่เมนูลูกค้า
    await page.click('id=menu.manage');
    await page.waitForSelector('id=sub-menu-customer');
    await page.click('id=sub-menu-customer');

    isLoginSuccessful = true;
    console.log('Login สำเร็จ');
  } catch (error) {
    console.error('เกิดข้อผิดพลาดในการ Login', error);
    isLoginSuccessful = false;
  }
}

test('Login', async () => {
  await login(page);
});

test('ทดสอบการสร้างนายจ้างบุคคลธรรมดา', async () => {
  if (!isLoginSuccessful) {
    await login(page);
  }

  try {
    await page.waitForTimeout(2000);
    await page.click('id=btn-add');
    await page.click('id=add-customer-natural-person');
    // ส่วนเกี่ยวกับ
    await page.fill('id=input-card-number', '1524428220420');
    await page.waitForSelector('id=form-select-prefix-name');
    await page.click('id=form-select-prefix-name');
    await page.waitForSelector('id=form-select-prefix-name_0');
    await page.click('id=form-select-prefix-name_0');
    await page.fill('id=form-input-first-name', 'ยศพัฒน์');
    await page.fill('id=form-input-last-name', 'ธนากานต์');
    await page.fill('id=form-input-first-name-en', 'Yossapat');
    await page.fill('id=form-input-last-name-en', 'Tanakarn');
    await page.fill('id=form-input-telephone', '0842262228');
    await page.waitForSelector('id=form-input-birth-date');
    await page.click('id=form-input-birth-date');
    await page.waitForSelector(
      "(//button[@class='dp__btn dp__month_year_select'])[2]",
    );
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[2]");
    await page.click("//div[text()='1999']");
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[1]");
    await page.click("//div[text()='ต.ค.']");
    await page.click("//div[@id='1999-10-02']/div[1]");

    // ส่วนข้อมูลธุรกิจ
    await page.waitForSelector("(//div[@aria-selected='false'])[2]");
    await page.click("(//div[@aria-selected='false'])[2]");
    await page.waitForSelector('id=form-select-business-type');
    await page.click('id=form-select-business-type');
    await page.click('id=form-select-business-type_6');
    await page.waitForSelector('id=form-select-job-position');
    await page.click('id=form-select-job-position');
    await page.click('id=form-select-job-position_0');

    // ส่วนที่อยู่นายจ้าง
    await page.click("(//div[@aria-selected='false'])[3]");
    await page.fill("(//input[@id='form-input-address'])[1]", '22282205202');
    await page.fill('id=form-input-address-no', '200');
    await page.click('id=form-select-province');
    await page.waitForSelector('id=form-select-province_4');
    await page.click('id=form-select-province_4');
    await page.click('id=form-select-district');
    await page.waitForSelector('id=form-select-district_8');
    await page.click('id=form-select-district_8');
    await page.click('id=form-select-sub-district');
    await page.waitForSelector('id=form-select-sub-district_7');
    await page.click('id=form-select-sub-district_7');
    await page.fill('id=form-input-address-en', '200');
    await page.click("//button[@type='submit']");
    await page.click('id=btn-form-close');

    // กำหนดค่าเพื่อตรวจสอบความถูกต้องหลังสร้าง

    const nameTitleNatrualPerson = await page.locator(
      "//tr[contains(.,'นาย ยศพัฒน์ ธนากานต์') and contains (.,'--')]",
    );

    expect(nameTitleNatrualPerson).toContainText('ยศพัฒน์ ธนากานต์');
    expect(nameTitleNatrualPerson).toContainText('--');

    console.log('ระบบสามารถสร้างนายจ้างบุคคลธรรมดาได้');
  } catch (error) {
    console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
    isLoginSuccessful = false;
    throw error;
  }
  await page.waitForTimeout(2000);
});

test('ทดสอบการสร้างนายจ้างบุคคลธรรมดาครั้งที่ 2', async () => {
  if (!isLoginSuccessful) {
    await login(page);
  }

  try {
    await page.waitForTimeout(2000);
    await page.click('id=btn-add');
    await page.click('id=add-customer-natural-person');
    // ส่วนเกี่ยวกับ
    await page.fill('id=input-card-number', '1886222422008');
    await page.waitForSelector('id=form-select-prefix-name');
    await page.click('id=form-select-prefix-name');
    await page.waitForSelector('id=form-select-prefix-name_0');
    await page.click('id=form-select-prefix-name_0');
    await page.fill('id=form-input-first-name', 'สุรวัฒน์');
    await page.fill('id=form-input-last-name', 'จันทรสมบัติ ');
    await page.fill('id=form-input-first-name-en', 'Surawat');
    await page.fill('id=form-input-last-name-en', 'Jantarasombat');
    await page.fill('id=form-input-telephone', '0864240842');
    await page.waitForSelector('id=form-input-birth-date');
    await page.click('id=form-input-birth-date');
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[2]");
    await page.click("//div[text()='1999']");
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[1]");
    await page.click("//div[text()='ต.ค.']");
    await page.click("//div[@id='1999-10-02']/div[1]");

    // ส่วนข้อมูลธุรกิจ
    await page.waitForSelector("(//div[@aria-selected='false'])[2]");
    await page.click("(//div[@aria-selected='false'])[2]");
    await page.waitForSelector('id=form-select-business-type');
    await page.click('id=form-select-business-type');
    await page.click('id=form-select-business-type_6');
    await page.waitForSelector('id=form-select-job-position');
    await page.click('id=form-select-job-position');
    await page.click('id=form-select-job-position_0');

    // ส่วนที่อยู่นายจ้าง
    await page.click("(//div[@aria-selected='false'])[3]");
    await page.fill("(//input[@id='form-input-address'])[1]", '22282205202');
    await page.fill('id=form-input-address-no', '200');
    await page.click('id=form-select-province');
    await page.waitForSelector('id=form-select-province_4');
    await page.click('id=form-select-province_4');
    await page.click('id=form-select-district');
    await page.waitForTimeout(1000);
    await page.waitForSelector('id=form-select-district_8');
    await page.click('id=form-select-district_8');
    await page.click('id=form-select-sub-district');
    await page.waitForSelector('id=form-select-sub-district_7');
    await page.click('id=form-select-sub-district_7');
    await page.fill('id=form-input-address-en', '200');
    await page.click("//button[@type='submit']");
    await page.click('id=btn-form-close');

    // กำหนดค่าเพื่อตรวจสอบความถูกต้องหลังสร้าง
    const nameTitleNatrualPerson = await page.locator(
      "//tr[contains(.,'นาย สุรวัฒน์ จันทรสมบัติ') and contains (.,'--')]",
    );
    expect(nameTitleNatrualPerson).toContainText('สุรวัฒน์ จันทรสมบัติ');
    expect(nameTitleNatrualPerson).toContainText('--');

    console.log('ระบบสามารถสร้างนายจ้างบุคคลธรรมดาได้');
  } catch (error) {
    console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
    isLoginSuccessful = false;
    throw error;
  }
  await page.waitForTimeout(2000);
});