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

test.describe('Login stranica', () => {
  test('prikazuje login formu sa svim elementima', async ({ page }) => {
    await page.goto('/login');
    await expect(page.locator('h1')).toHaveText('Licence Server');
    await expect(page.locator('input[name="username"]')).toBeVisible();
    await expect(page.locator('input[name="username"]')).toHaveAttribute('required', '');
    await expect(page.locator('input[name="password"]')).toBeVisible();
    await expect(page.locator('input[name="password"]')).toHaveAttribute('type', 'password');
    await expect(page.locator('input[name="password"]')).toHaveAttribute('required', '');
    await expect(page.locator('button[type="submit"]')).toHaveText('Prijava');
  });

  test('username polje ima autofocus', async ({ page }) => {
    await page.goto('/login');
    await expect(page.locator('input[name="username"]')).toHaveAttribute('autofocus', '');
  });

  test('forma ima ispravnu action i method', async ({ page }) => {
    await page.goto('/login');
    const form = page.locator('form.login-form');
    await expect(form).toHaveAttribute('method', 'POST');
    await expect(form).toHaveAttribute('action', '/login');
  });

  test('prijava sa ispravnim username i password preusmerava na dashboard', async ({ page }) => {
    await page.goto('/login');
    await page.fill('input[name="username"]', 'admin');
    await page.fill('input[name="password"]', 'admin123');
    await page.click('button[type="submit"]');
    await expect(page).toHaveURL(/\/dashboard/);
    await expect(page.locator('h1')).toHaveText('Dashboard');
  });

  test('prijava sa pogresnim username-om prikazuje gresku', async ({ page }) => {
    await page.goto('/login');
    await page.fill('input[name="username"]', 'nepostojeci_user');
    await page.fill('input[name="password"]', 'admin123');
    await page.click('button[type="submit"]');
    await expect(page.locator('.alert-error')).toHaveText('Pogresno korisnicko ime ili lozinka');
    await expect(page).toHaveURL(/\/login/);
  });

  test('prijava sa pogresnom lozinkom prikazuje gresku', async ({ page }) => {
    await page.goto('/login');
    await page.fill('input[name="username"]', 'admin');
    await page.fill('input[name="password"]', 'pogresna_lozinka');
    await page.click('button[type="submit"]');
    await expect(page.locator('.alert-error')).toHaveText('Pogresno korisnicko ime ili lozinka');
    await expect(page).toHaveURL(/\/login/);
  });

  test('prijava sa praznom lozinkom — browser validacija', async ({ page }) => {
    await page.goto('/login');
    await page.fill('input[name="username"]', 'admin');
    // Ne popunjavamo password — klik na submit
    await page.click('button[type="submit"]');
    // Ostajemo na login stranici (browser validation spreci submit)
    await expect(page).toHaveURL(/\/login/);
  });

  test('prijava sa razlicitim pogresnim lozinkama', async ({ page }) => {
    const pogresne = ['', ' ', 'admin', 'Admin123', 'ADMIN123', '12345', 'password'];
    for (const lozinka of pogresne) {
      if (lozinka === '') continue; // skip empty — browser validation
      await page.goto('/login');
      await page.fill('input[name="username"]', 'admin');
      await page.fill('input[name="password"]', lozinka);
      await page.click('button[type="submit"]');
      await expect(page).toHaveURL(/\/login/);
    }
  });

  test('pristup /dashboard bez logina preusmerava na login', async ({ page }) => {
    await page.goto('/dashboard');
    await expect(page).toHaveURL(/\/login/);
  });

  test('pristup /licenses bez logina preusmerava na login', async ({ page }) => {
    await page.goto('/licenses');
    await expect(page).toHaveURL(/\/login/);
  });

  test('pristup /licenses/new bez logina preusmerava na login', async ({ page }) => {
    await page.goto('/licenses/new');
    await expect(page).toHaveURL(/\/login/);
  });

  test('pristup /audit bez logina preusmerava na login', async ({ page }) => {
    await page.goto('/audit');
    await expect(page).toHaveURL(/\/login/);
  });

  test('pristup /licenses/1 bez logina preusmerava na login', async ({ page }) => {
    await page.goto('/licenses/1');
    await expect(page).toHaveURL(/\/login/);
  });

  test('CSS je ucitan na login stranici', async ({ page }) => {
    await page.goto('/login');
    const link = page.locator('link[rel="stylesheet"]');
    await expect(link).toHaveAttribute('href', '/static/css/style.css');
  });

  test('login stranica ima ispravan title', async ({ page }) => {
    await page.goto('/login');
    await expect(page).toHaveTitle('Prijava - Licence Server');
  });

  test('visestruki logini kreiraju razlicite sesije', async ({ page, context }) => {
    // Login prvi put
    await page.goto('/login');
    await page.fill('input[name="username"]', 'admin');
    await page.fill('input[name="password"]', 'admin123');
    await page.click('button[type="submit"]');
    await expect(page).toHaveURL(/\/dashboard/);

    const cookies1 = await context.cookies();
    const session1 = cookies1.find(c => c.name === 'dash_session');
    expect(session1).toBeDefined();

    // Logout
    await page.click('button:has-text("Odjava")');

    // Login drugi put
    await page.fill('input[name="username"]', 'admin');
    await page.fill('input[name="password"]', 'admin123');
    await page.click('button[type="submit"]');

    const cookies2 = await context.cookies();
    const session2 = cookies2.find(c => c.name === 'dash_session');
    expect(session2).toBeDefined();

    // Sesije moraju biti razlicite
    expect(session1!.value).not.toBe(session2!.value);
  });

  test('navbar prikazuje ime korisnika posle logina', async ({ page }) => {
    await page.goto('/login');
    await page.fill('input[name="username"]', 'admin');
    await page.fill('input[name="password"]', 'admin123');
    await page.click('button[type="submit"]');
    await expect(page).toHaveURL(/\/dashboard/);
    await expect(page.locator('.nav-username')).toBeVisible();
    await expect(page.locator('.nav-username')).toHaveText('Administrator');
  });

  test('username i password labele su prikazane', async ({ page }) => {
    await page.goto('/login');
    const labels = page.locator('label');
    const texts = await labels.allTextContents();
    expect(texts).toContain('Korisnicko ime');
    expect(texts).toContain('Lozinka');
  });
});