import { test, expect, Page, errors } 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.waitForTimeout(2000);
    await page.click('id=row-table-cm372yq4r0043u3phfvz5l2dq');
    await page.click('id=btn-add');
    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=dialog-select-prefix-name');
    await page.waitForSelector('id=dialog-select-prefix-name_0');
    await page.click('id=dialog-select-prefix-name_0');
    await page.fill('id=dialog-input-first-name', 'ก้องภพ');
    await page.fill('id=dialog-input-last-name', 'ทิพย์สุวรรณ');
    await page.fill('id=dialog-input-first-name-en', 'Kongpop');
    await page.fill('id=dialog-input-last-name-en', 'Tipsuwan');
    await page.fill("(//input[@id='dialog-input-telephone'])[1]", '0886242202');
    // วันเกิด
    await page.click('id=dialog-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.waitForSelector("//div[text()='2000']");
    await page.click("//div[text()='2000']");
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[1]");
    await page.waitForSelector("//div[text()='ก.พ.']");
    await page.click("//div[text()='ก.พ.']");
    await page.waitForSelector("//div[@id='2000-02-04']/div[1]");
    await page.click("//div[@id='2000-02-04']/div[1]");

    // ส่วนข้อมูลธุรกิจ
    await page.click('id=employer-branch-select-business-type');
    await page.waitForSelector('id=employer-branch-select-business-type_0');
    await page.click('id=employer-branch-select-business-type_0');
    await page.click('id=employer-branch-select-job-position');
    await page.waitForSelector('id=employer-branch-select-job-position_0');
    await page.click('id=employer-branch-select-job-position_0');
    await page.fill(
      'id=employer-branch-input-job-description',
      'รายละเอียดงาน',
    );
    await page.fill(
      "(//input[@id='employer-branch-input-pay-rate'])[1]",
      'วันจ่ายเงินเดือน',
    );
    await page.fill(
      "(//input[@id='employer-branch-input-pay-rate'])[2]",
      'Pay day',
    );
    await page.fill(
      "(//input[@id='employer-branch-input-pay-rate'])[3]",
      '500',
    );

    // ส่วนผู้มีอำนาจลงนาม
    await page.fill(
      "(//input[@id='employer-branch-input-contact-name'])[1]",
      'ก้องภพ ทิพย์สุวรรณ',
    );
    await page.fill(
      "(//input[@id='employer-branch-input-contact-name'])[2]",
      'Kongpop Tipsuwan',
    );

    // ส่วนที่อยู่นายจ้าง
    await page.fill(
      "(//input[@id='employer-branch-input-address'])[1]",
      '22292282202',
    );
    await page.fill(
      'id=employer-branch-input-address-no',
      '45/9 หมู่บ้านสิริสุข',
    );
    await page.fill(
      "(//input[@id='employer-branch-input-soi'])[1]",
      'วิภาวดี 16',
    );
    await page.fill(
      "(//input[@id='employer-branch-input-street'])[1]",
      'วิภาวดีรังสิต ',
    );
    await page.click('id=employer-branch-select-province');
    await page.waitForSelector('id=employer-branch-select-province_0');
    await page.click('id=employer-branch-select-province_0');
    // คลิก dropdown เพื่อเปิด
    await page.click('id=employer-branch-select-district');

    // กำหนดตัวเลือกที่ต้องการ
    const targetOptionId = 'id=employer-branch-select-district_42'; // id ของตัวเลือกที่ต้องการ
    let isVisible = false;
    const maxScrollAttempts = 10; // จำนวนครั้งสูงสุดในการเลื่อน
    let attempt = 0;

    while (!isVisible && attempt < maxScrollAttempts) {
      // ตรวจสอบว่า dropdown แสดงหรือไม่
      const dropdown = page.locator('#employer-branch-select-district_lb');
      if ((await dropdown.count()) === 0) {
        console.error('ไม่พบ dropdown ที่ต้องการ');
        break;
      }

      // ใช้ page.locator() เลื่อน dropdown ลงไป
      await dropdown.evaluate((element) => {
        element.scrollTop += 150; // เลื่อนลง 150px
      });

      // รอให้เลื่อนเสร็จ
      await page.waitForTimeout(100); // รอ 0.1 วินาทีเพื่อให้การเลื่อนเสร็จสิ้น

      // ตรวจสอบว่าตัวเลือกแสดงอยู่ใน viewport หรือไม่
      isVisible = await page.locator(targetOptionId).isVisible();
      attempt++;
    }

    // หากตัวเลือกที่ต้องการอยู่ใน viewport ให้คลิก
    if (isVisible) {
      const targetOption = page.locator(targetOptionId);
      await targetOption.click();
    } else {
      console.error('ไม่พบตัวเลือกที่ต้องการ');
    }
    await page.click('id=employer-branch-select-sub-district');
    await page.waitForSelector('id=employer-branch-select-sub-district_2');
    await page.click('id=employer-branch-select-sub-district_2');
    await page.fill(
      'id=employer-branch-input-address-en',
      '45/9 Sirisuk Village',
    );
    await page.fill(
      "(//input[@id='employer-branch-input-soi'])[2]",
      'Vibhavadi 16',
    );
    await page.fill(
      "(//input[@id='employer-branch-input-street'])[2]",
      'Vibhavadi Rangsit',
    );

    // ส่วนข้อมูลติดต่อ
    await page.fill('id=dialog-input-contact-name', 'ก้องภพ ทิพย์สุวรรณ');
    await page.fill('id=dialog-input-mail', 'kongpop@mail.com');
    await page.fill("(//input[@id='dialog-input-telephone'])[2]", '0866224228');
    await page.fill("(//input[@id='dialog-input-telephone'])[3]", '022014220');
    await page.click('id=quotation-branch');
    await page.keyboard.press('Escape');
    await page.waitForTimeout(1000);

    // กำหนดการคลิก dropdown หลายครั้งเพราะคลิกครั้งแรกแล้วไม่เจอ
    let dropdownVisible = false;
    const maxAttempts = 5; // จำนวนครั้งสูงสุดในการคลิก dropdown
    let attemptCount = 0;

    while (!dropdownVisible && attemptCount < maxAttempts) {
      // คลิกเปิด dropdown
      await page.click('id=quotation-branch');

      // ตรวจสอบว่าตัวเลือกภายใน dropdown ถูกแสดงแล้วหรือยัง
      try {
        await page.waitForSelector('id=quotation-branch_1', {
          state: 'visible',
          timeout: 2000, // รอ 2 วินาทีในแต่ละรอบ
        });
        dropdownVisible = true; // ถ้าตัวเลือกถูกแสดงแล้ว เปลี่ยนสถานะเป็น true
      } catch (error) {
        console.warn(
          `ไม่เจอ dropdown ในรอบที่ ${attemptCount + 1}, ลองใหม่อีกครั้ง`,
        );
      }

      attemptCount++;
    }

    if (dropdownVisible) {
      // เมื่อ dropdown แสดงผลแล้ว คลิกตัวเลือกที่ต้องการ
      await page.click('id=quotation-branch_1');
    } else {
      console.error('ไม่สามารถแสดง dropdown ได้หลังจากพยายามหลายครั้ง');
    }

    await page.click("//button[@type='submit']");
    await page.waitForTimeout(2000);
    await page.waitForSelector('id=btn-form-close', { state: 'visible' });
    await page.click('id=btn-form-close', { force: true });

    const fullNameSubBranch = await page.locator(
      "//tr[contains(.,'ก้องภพ ทิพย์สุวรรณ') and contains (.,'0')]",
    );

    await expect(fullNameSubBranch).toContainText('ก้องภพ ทิพย์สุวรรณ');
    await expect(fullNameSubBranch).toContainText('0');

    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.waitForSelector(
      "(//button[@id='btn-show-employee-ยศพัฒน์ ธนากานต์'])[3]",
    );
    await page.click("(//button[@id='btn-show-employee-ยศพัฒน์ ธนากานต์'])[3]");
    await page.waitForSelector('id=ก้องภพ-btn-add-employee');
    await page.click('id=ก้องภพ-btn-add-employee');

    // ส่วนข้อมูลพื้นฐาน
    await page.fill('id=form-employee-input-nrc-no', '2202282262282');

    // ส่วนข้อมูลส่วนตัว
    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', 'Parinya');
    await page.fill('id=form-employee-input-last-name-en', 'Intaravichai');

    //วันเกิด
    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.waitForSelector("//div[text()='1994']");
    await page.click("//div[text()='1994']");
    await page.waitForSelector(
      "(//button[@class='dp__btn dp__month_year_select'])[1]",
    );
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[1]");
    await page.waitForSelector("//div[text()='พ.ค.']");
    await page.click("//div[text()='พ.ค.']");
    await page.waitForSelector("//div[@id='1994-05-06']/div[1]");
    await page.click("//div[@id='1994-05-06']/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.waitForSelector('id=btn-info-basic-save');
    await page.click('id=btn-info-basic-save');
    await page.waitForTimeout(2000);

    await page.waitForSelector('id=btn-form-close');
    await page.click('id=btn-form-close');
    await page.waitForTimeout(2000);

    const employeeCheck = await page.locator(
      "(//tr[@id='row-table-Parinya'])[2]",
    );
    console.log('แสดงข้อความ :', employeeCheck);

    await expect(employeeCheck).toHaveText(
      '1Parinya Intaravichai  ปริญญา อินทรวิชัย30 ปี 6 เดือน  18 วัน ลาว---- ',
    );
    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.waitForSelector('id=ก้องภพ-btn-add-employee');
    await page.click('id=ก้องภพ-btn-add-employee');

    // ส่วนข้อมูลพื้นฐาน
    await page.fill('id=form-employee-input-nrc-no', '2202282262284');

    // ส่วนข้อมูลส่วนตัว
    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', 'Jiraporn');
    await page.fill('id=form-employee-input-last-name-en', 'Nontree');

    //วันเกิด
    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.waitForSelector("//div[text()='1992']");
    await page.click("//div[text()='1992']");
    await page.waitForSelector(
      "(//button[@class='dp__btn dp__month_year_select'])[1]",
    );
    await page.click("(//button[@class='dp__btn dp__month_year_select'])[1]");
    await page.waitForSelector("//div[text()='พ.ค.']");
    await page.click("//div[text()='พ.ค.']");
    await page.waitForSelector("//div[@id='1992-05-06']/div[1]");
    await page.click("//div[@id='1992-05-06']/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.waitForSelector('id=form-employee-custom');
    await page.click('id=form-employee-custom');
    await page.fill(
      'id=form-employee-input-address-no',
      '90/12 หมู่บ้านภูพิมาน',
    );
    await page.fill("(//input[@id='form-employee-input-moo'])[1]", '4');
    await page.fill("(//input[@id='form-employee-input-soi'])[1]", 'ศรีตรัง');
    await page.fill(
      "(//input[@id='form-employee-input-street'])[1]",
      'นครศรี-ทุ่งสง',
    );
    await page.click('id=form-employee-select-province');

    // กำหนดตัวเลือกที่ต้องการ
    const targetOptionId = 'id=form-employee-select-province_38'; // id ของตัวเลือกที่ต้องการ
    let isVisible = false;
    const maxScrollAttempts = 10; // จำนวนครั้งสูงสุดในการเลื่อน
    let attempt = 0;

    while (!isVisible && attempt < maxScrollAttempts) {
      // ตรวจสอบว่า dropdown แสดงหรือไม่
      const dropdown = page.locator('#form-employee-select-province_lb');
      if ((await dropdown.count()) === 0) {
        console.error('ไม่พบ dropdown ที่ต้องการ');
        break;
      }

      // ใช้ page.locator() เลื่อน dropdown ลงไป
      await dropdown.evaluate((element) => {
        element.scrollTop += 150; // เลื่อนลง 150px
      });

      // รอให้เลื่อนเสร็จ
      await page.waitForTimeout(100); // รอ 0.1 วินาทีเพื่อให้การเลื่อนเสร็จสิ้น

      // ตรวจสอบว่าตัวเลือกแสดงอยู่ใน viewport หรือไม่
      isVisible = await page.locator(targetOptionId).isVisible();
      attempt++;
    }

    // หากตัวเลือกที่ต้องการอยู่ใน viewport ให้คลิก
    if (isVisible) {
      const targetOption = page.locator(targetOptionId);
      await targetOption.click();
    } else {
      console.error('ไม่พบตัวเลือกที่ต้องการ');
    }
    await page.click('id=form-employee-select-district');
    await page.waitForSelector('id=form-employee-select-district_0');
    await page.click('id=form-employee-select-district_0');
    await page.click('id=form-employee-select-sub-district');
    await page.waitForSelector('id=form-employee-select-sub-district_0');
    await page.click('id=form-employee-select-sub-district_0');
    await page.fill(
      'id=form-employee-input-address-en',
      '90/12 Phupiman Village',
    );
    await page.fill("(//input[@id='form-employee-input-moo'])[2]", '4');
    await page.fill("(//input[@id='form-employee-input-soi'])[2]", 'Sri Trang');
    await page.fill(
      "(//input[@id='form-employee-input-street'])[2]",
      'Nakhon Si-Thung Song',
    );

    // บันทึกการสร้างลูกจ้าง
    await page.waitForSelector('id=btn-info-basic-save');
    await page.click('id=btn-info-basic-save');
    await page.waitForTimeout(2000);

    await page.waitForSelector('id=btn-form-close');
    await page.click('id=btn-form-close');
    await page.waitForTimeout(2000);

    const employeeCheck = await page.locator(
      "(//tr[@id='row-table-Jiraporn'])[2]",
    );
    console.log('แสดงข้อความ :', employeeCheck);

    await expect(employeeCheck).toHaveText(
      '2Jiraporn Nontree  จิราพร นนทรี32 ปี 6 เดือน  18 วัน เวียดนาม---- ',
    );
    console.log('ระบบสามารถสร้างลูกจ้างได้');
  } catch (error) {
    console.error('เกิดข้อผิดพลาดในการทดสอบ', error);
    isLoginSuccessful = false;
    throw error;
  }
  await page.waitForTimeout(2000);
});