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

const ADMIN_EMAIL = process.env.ADMIN_EMAIL || 'admin@example.com';
const ADMIN_PASSWORD = process.env.ADMIN_PASSWORD || 'Admin!234';

test('admin can update account email via settings page', async ({ page }, testInfo) => {
  if (testInfo.project.name === 'mobile-chrome') {
    test.skip('Account settings UI is validated on desktop viewport');
  }

  const newEmail = `admin+playwright-${Date.now()}@example.com`;

  await page.goto('/admin/login');
  await page.getByLabel(/Email|E-Mail/i).fill(ADMIN_EMAIL);
  await page.getByLabel(/Password|Passwort/i).fill(ADMIN_PASSWORD);
  await page.getByRole('button', { name: /Sign In|Log in|Anmelden/i }).click();
  await expect(page.getByRole('heading', { name: /Dashboard|Übersicht/i })).toBeVisible({ timeout: 20000 });

  await page.goto('/admin/settings');
  const emailInput = page.getByLabel(/Admin (Email|E-Mail)/i);
  const usernameInput = page.getByLabel(/Admin (Username|Benutzername)/i);

  await expect(emailInput).toBeVisible();
  const originalUsername = await usernameInput.inputValue();

  await emailInput.fill(newEmail);

  const saveButton = page.getByRole('button', { name: /(Save account details|Kontodaten speichern)/i });
  await saveButton.click();

  await expect(emailInput).toHaveValue(newEmail, { timeout: 10000 });
  await expect(page.locator('.Toastify__toast').filter({ hasText: /(Account details updated|Kontodaten aktualisiert)/i })).toBeVisible({ timeout: 10000 });
  await expect(page.getByText(newEmail, { exact: false })).toBeVisible();

  const newLoginResponse = await page.request.post('/api/auth/admin/login', {
    data: {
      username: newEmail,
      password: ADMIN_PASSWORD,
    },
  });
  expect(newLoginResponse.ok()).toBeTruthy();

  await emailInput.fill(ADMIN_EMAIL);
  await usernameInput.fill(originalUsername);
  await saveButton.click();

  await expect(emailInput).toHaveValue(ADMIN_EMAIL, { timeout: 10000 });
  await expect(page.locator('.Toastify__toast').filter({ hasText: /(Account details updated|Kontodaten aktualisiert)/i })).toBeVisible({ timeout: 10000 });

  const revertLoginResponse = await page.request.post('/api/auth/admin/login', {
    data: {
      username: ADMIN_EMAIL,
      password: ADMIN_PASSWORD,
    },
  });
  expect(revertLoginResponse.ok()).toBeTruthy();
});