import { test, expect } from '@playwright/test';
import { isSupabaseEnabled, login, setLoginKey } from './setup/test-utils';

test('Should be able to load a problem', async ({ page }) => {
  await page.goto('/problems');

  const combobox = page.getByRole('combobox');
  await expect(combobox).toBeVisible({ timeout: 30000 });
  await combobox.selectOption('all');

  const problemLink = page.getByRole('link', { name: 'Contact book tiny search icon' }).first();
  await expect(problemLink).toBeVisible({ timeout: 30000 });
  await problemLink.click();

  const loadProblemLink = page.getByRole('link', { name: 'Load Problem' });
  await expect(loadProblemLink).toBeVisible({ timeout: 30000 });
  await loadProblemLink.click();

  await expect(page.getByText('Import the "problem" folder')).toBeVisible({ timeout: 30000 });
});

test('Should be able to save a problem ', async ({ page }) => {
  await page.goto('/problems');
  await page.getByRole('link', { name: 'App goes blank getting' }).click();
  await page.getByRole('link', { name: 'Load Problem' }).click();

  await expect(page.getByText('Import the "problem" folder')).toBeVisible({ timeout: 30000 });

  const useSupabase = await isSupabaseEnabled(page);

  if (useSupabase) {
    await page.locator('[data-testid="sidebar-icon"]').click();
    await page.getByRole('button', { name: 'Save Problem' }).click();
    await page.getByRole('button', { name: 'Log In' }).click();
    await page.getByRole('textbox', { name: 'Email' }).click();

    await login(page);

    await expect(page.getByText('Import the "problem" folder')).toBeVisible({ timeout: 30000 });

    await page.locator('[data-testid="sidebar-icon"]').click();
    await page.getByRole('button', { name: 'Save Problem' }).click();

    await page.locator('input[name="title"]').click();
    await page.locator('input[name="title"]').fill('[test] playwright');
    await page.locator('input[name="description"]').click();
    await page.locator('input[name="description"]').fill('...');
    await page.getByRole('button', { name: 'Submit' }).click();
    await page.getByRole('button', { name: 'Close' }).click();
  } else {
    await page.locator('[data-testid="sidebar-icon"]').click();
    await page.getByRole('button', { name: 'Save Problem' }).click();

    await page.locator('input[name="title"]').click();
    await page.locator('input[name="title"]').fill('[test] playwright');
    await page.locator('input[name="description"]').click();
    await page.locator('input[name="description"]').fill('...');
    await page.locator('input[name="username"]').click();
    await page.locator('input[name="username"]').fill('playwright');

    await page.getByRole('button', { name: 'Submit' }).click();
    await page.getByRole('button', { name: 'Close' }).click();
  }
});

test('Should be able to update a problem', async ({ page }) => {
  await page.goto('/problems?showAll=true');
  await page.getByRole('combobox').selectOption('all');

  await page.getByRole('link', { name: '[test] playwright' }).first().click();
  expect(await page.getByRole('textbox', { name: 'Set the title of the problem' })).not.toBeVisible();

  if (await isSupabaseEnabled(page)) {
    await login(page);
  } else {
    await setLoginKey(page);
  }

  const currentTime = new Date();
  const hours = currentTime.getHours().toString().padStart(2, '0');
  const minutes = currentTime.getMinutes().toString().padStart(2, '0');
  const timeString = `${hours}:${minutes}`;
  const title = `[test] playwright ${timeString}`;

  await page.getByRole('textbox', { name: 'Set the title of the problem' }).click();
  await page.getByRole('textbox', { name: 'Set the title of the problem' }).fill(title);
  await page.getByRole('button', { name: 'Set Title' }).click();

  await page.getByRole('heading', { name: title }).click();
  await page.getByRole('combobox').selectOption('Solved');
  await page.getByRole('button', { name: 'Set Status' }).click();
  await page.locator('span').filter({ hasText: 'Solved' }).click();
  await page.getByRole('combobox').selectOption('Pending');
  await page.getByRole('button', { name: 'Set Status' }).click();
  await page.locator('span').filter({ hasText: 'Pending' }).click();
});