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

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');
    await page.waitForSelector('id=tab-employee');
    await page.click('id=tab-employee');
    await page.waitForTimeout(2000);

    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.click('id=btn-add');
    await page.waitForTimeout(2000);
    // ส่วนข้อมูลพื้นฐาน
    await page.click('id=form-employee-select-employer-branch');
    await page.waitForSelector('id=form-employee-select-employer-branch_1');
    await page.click('id=form-employee-select-employer-branch_1');
    await page.fill('id=form-employee-input-nrc-no', '2822022820220');
    // ส่วนข้้อมูลส่วนตัว
    await page.click('id=form-employee-select-prefix-name');
    await page.waitForSelector('id=form-employee-select-prefix-name_0');
    await page.click('id=form-employee-select-prefix-name_0');
    await page.fill(
      "(//input[@id='form-employee-input-first-name'])[1]",
      'กิตติศักดิ์',
    );
    await page.fill('id=form-employee-input-last-name', 'วิจิตรานนท์');
    await page.fill('id=form-employee-input-first-name-en', 'Kittisak');
    await page.fill('id=form-employee-input-last-name-en', 'Wijitranon');

    // วันเดิิอนปีเกิด
    await page.click('id=form-employee-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()='1996']");
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[1]");
    await page.click("//div[text()='พ.ค.']");
    await page.click("//div[@id='1996-05-02']/div[1]");

    // สัญชาติ
    await page.click('id=form-employee-select-nationality');
    await page.waitForSelector('id=form-employee-select-nationality_2');
    await page.click('id=form-employee-select-nationality_2');

    await page.click('id=btn-info-basic-save');
    await page.waitForTimeout(2000);

    // -------------------- Tab ข้อมูลหนังสือเดินทาง ------------------------------
    await page.waitForSelector(
      'id=dialog-tab-customerEmployee.fileType.passport',
      {
        state: 'visible',
      },
    );

    await page.click('id=dialog-tab-customerEmployee.fileType.passport', {
      force: true,
    });
    await page.fill(
      "(//input[@id='drawer-info-employee-input-passport-no'])[2]",
      'MM202228',
    );
    await page.click(
      "(//input[@id='drawer-info-employee-select-passport-country'])[2]",
    );
    await page.waitForSelector(
      'id=drawer-info-employee-select-passport-country_1',
    );
    await page.click('id=drawer-info-employee-select-passport-country_1');

    // วันหมดอายุหนังสือเดือนทาง
    await page.waitForTimeout(1000);
    await page.click(
      "(//input[@id='drawer-info-employee-date-picker-passport-expire'])[2]",
    );
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[2]");
    await page.click("//div[text()='2030']");
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[1]");
    await page.click("//div[@data-test='ส.ค.']");
    await page.click("//div[@id='2030-08-10']/div[1]");

    await page.waitForSelector("(//button[@type='submit'])[2]");
    await page.click("(//button[@type='submit'])[2]");
    await page.waitForTimeout(2000);

    // -------------------- Tab ข้อมูล Visa ------------------------------------
    await page.waitForSelector(
      'id=dialog-tab-customerEmployee.form.group.visa',
      {
        state: 'visible',
      },
    );

    await page.click('id=dialog-tab-customerEmployee.form.group.visa', {
      force: true,
    });

    // ใช้ได้ถึงวันที่
    await page.click(
      "(//input[@id='drawer-info-employee-date-picker-visa-expire'])[2]",
    );
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[2]");
    await page.click("//div[text()='2030']");
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[1]");
    await page.click("//div[text()='ธ.ค.']");
    await page.click("//div[@id='2030-12-04']/div[1]");
    await page.click("(//button[@type='submit'])[2]");
    await page.waitForTimeout(2000);
    await page.click('id=btn-form-close');
    await page.waitForTimeout(2000);

    const employeeCheck = await page.locator(
      "//tr[contains(.,'Kittisak Wijitranon') and contains (.,'บริษัท เอเชียเทค ซิสเต็มส์ จำกัด')]",
    );

    await expect(employeeCheck).toContainText('Kittisak Wijitranon');
    await expect(employeeCheck).toContainText(
      'บริษัท เอเชียเทค ซิสเต็มส์ จำกัด',
    );
    console.log('ระบบทำการตรวจสอบการจ้างลูกจ้างถูกต้อง');
  } catch (error) {
    console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
    isLoginSuccessful = false;
    throw error;
  }
  await page.waitForTimeout(2000);
});

test('ทดสอบการสร้างลูกจ้างนรูปแบบใช้ที่อยู่แบบกำหนดเอง', async () => {
  if (!isLoginSuccessful) {
    await login(page);
  }
  try {
    await page.reload();
    await page.waitForSelector('id=tab-employee');
    await page.click('id=tab-employee');
    await page.waitForTimeout(1000);
    await page.click('id=btn-add');
    await page.waitForTimeout(2000);
    // ส่วนข้อมูลพื้นฐาน
    await page.click('id=form-employee-select-employer-branch');
    await page.waitForSelector('id=form-employee-select-employer-branch_0');
    await page.click('id=form-employee-select-employer-branch_0');
    await page.fill('id=form-employee-input-nrc-no', '2822022820222');
    // ส่วนข้้อมูลส่วนตัว
    await page.click('id=form-employee-select-prefix-name');
    await page.waitForSelector('id=form-employee-select-prefix-name_1');
    await page.click('id=form-employee-select-prefix-name_1');
    await page.fill(
      "(//input[@id='form-employee-input-first-name'])[1]",
      'วรัญญา',
    );
    await page.fill('id=form-employee-input-last-name', 'สุขเกษม');
    await page.fill('id=form-employee-input-first-name-en', 'Waranya');
    await page.fill('id=form-employee-input-last-name-en', 'Sukkasem');

    // วันเดิิอนปีเกิด
    await page.click('id=form-employee-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()='1994']");
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[1]");
    await page.click("//div[text()='เม.ย.']");
    await page.click("//div[@id='1994-04-02']/div[1]");

    // สัญชาติ
    await page.click('id=form-employee-select-nationality');
    await page.waitForSelector('id=form-employee-select-nationality_4');
    await page.click('id=form-employee-select-nationality_4');

    // ส่วนที่อยู่
    await page.click('id=form-employee-custom');
    await page.fill(
      'id=form-employee-input-address-no',
      '89/15 หมู่บ้านเพชรทวี',
    );
    await page.fill(
      "(//input[@id='form-employee-input-soi'])[1]",
      'สุขุมวิท 55 ',
    );
    await page.fill(
      "(//input[@id='form-employee-input-street'])[1]",
      'สุขุมวิท',
    );
    await page.click('id=form-employee-select-district');
    (await page.waitForSelector('id=form-employee-select-district_13'))
      .scrollIntoViewIfNeeded;
    await page.click('id=form-employee-select-district_13');
    await page.click('id=form-employee-select-sub-district');
    await page.waitForSelector('id=form-employee-select-sub-district_1');
    await page.click('id=form-employee-select-sub-district_1');
    await page.fill(
      'id=form-employee-input-address-en',
      '89/15 Phetthawee Village',
    );
    await page.fill(
      "(//input[@id='form-employee-input-soi'])[2]",
      'Sukhumvit 55',
    );
    await page.fill(
      "(//input[@id='form-employee-input-street'])[2]",
      'Sukhumvit',
    );
    await page.waitForTimeout(2000);
    await page.click("//button[@type='submit']");
    await page.waitForTimeout(2000);

    // -------------------- Tab ข้อมูลหนังสือเดินทาง ------------------------------
    await page.waitForSelector(
      'id=dialog-tab-customerEmployee.fileType.passport',
      {
        state: 'visible',
      },
    );

    await page.click('id=dialog-tab-customerEmployee.fileType.passport', {
      force: true,
    });
    await page.fill(
      "(//input[@id='drawer-info-employee-input-passport-no'])[2]",
      'VN220228',
    );
    await page.click(
      "(//input[@id='drawer-info-employee-select-passport-country'])[2]",
    );
    await page.waitForSelector(
      'id=drawer-info-employee-select-passport-country_4',
    );
    await page.click('id=drawer-info-employee-select-passport-country_4');

    // วันหมดอายุหนังสือเดือนทาง
    await page.waitForTimeout(1000);
    await page.click(
      "(//input[@id='drawer-info-employee-date-picker-passport-expire'])[2]",
    );
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[2]");
    await page.click("//div[text()='2032']");
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[1]");
    await page.click("//div[@data-test='ส.ค.']");
    await page.click("//div[@id='2032-08-10']/div[1]");

    await page.waitForSelector("(//button[@type='submit'])[2]");
    await page.click("(//button[@type='submit'])[2]");
    await page.waitForTimeout(2000);

    // -------------------- Tab ข้อมูล Visa ------------------------------------
    await page.waitForSelector(
      'id=dialog-tab-customerEmployee.form.group.visa',
      {
        state: 'visible',
      },
    );

    await page.click('id=dialog-tab-customerEmployee.form.group.visa', {
      force: true,
    });

    // ใช้ได้ถึงวันที่
    await page.click(
      "(//input[@id='drawer-info-employee-date-picker-visa-expire'])[2]",
    );
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[2]");
    await page.click("//div[text()='2032']");
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[1]");
    await page.click("//div[text()='ธ.ค.']");
    await page.click("//div[@id='2032-12-04']/div[1]");
    await page.click("(//button[@type='submit'])[2]");
    await page.waitForTimeout(2000);
    await page.click('id=btn-form-close');
    await page.waitForTimeout(2000);

    const employeeCheck = await page.locator(
      "//tr[contains(.,'Waranya Sukkasem') and contains (.,'1524428220420-00')]",
    );

    await expect(employeeCheck).toContainText('Waranya Sukkasem');
    await expect(employeeCheck).toContainText('1524428220420-00');
    console.log('ระบบทำการตรวจสอบการจ้างลูกจ้างถูกต้อง');
  } catch (error) {
    console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
    isLoginSuccessful = false;
    throw error;
  }
  await page.waitForTimeout(2000);
});