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

const FRONTEND_URL = process.env.FRONTEND_URL || 'http://frontend:3000';

test.describe('Setup Wizard', () => {
  test('complete wizard flow through frontend', async ({ page }) => {
    // Navigate to frontend - should redirect to wizard since not configured
    await page.goto(FRONTEND_URL); 
    await page.waitForLoadState('networkidle');
    
    // Step 0: Welcome - should see wizard page
    await expect(page.locator('h1')).toContainText('HarborForge', { timeout: 10000 });
    
    // Check if we're on wizard page (look for Connect to Wizard button)
    const connectButton = page.locator('button:has-text("Connect to Wizard")');
    if (await connectButton.isVisible().catch(() => false)) {
      // We're on wizard page, proceed with wizard flow
      await connectButton.click();
      
      // Wait for step 1: Database
      await page.waitForSelector('h2:has-text("Database configuration")', { timeout: 10000 });
      
      // Fill database form - inputs are inside labels
      const dbInputs = page.locator('.setup-form label').first().locator('input');
      const labels = page.locator('.setup-form label');
      
      // Fill by label text
      await page.locator('label:has-text("Host") input').fill('mysql');
      await page.locator('label:has-text("Port") input').fill('3306');
      await page.locator('label:has-text("Username") input').fill('harborforge');
      await page.locator('label:has-text("Password") input').fill('harborforge_pass');
      await page.locator('label:has-text("Database") input').fill('harborforge');
      await page.click('button:has-text("Next")');
      
      // Wait for step 2: Admin
      await page.waitForSelector('h2:has-text("Admin account")', { timeout: 10000 });
      await page.locator('label:has-text("Password") input').fill('admin123');
      await page.locator('label:has-text("Email") input').fill('admin@test.com');
      await page.locator('label:has-text("Full name") input').fill('Test Admin');
      await page.click('button:has-text("Next")');
      
      // Wait for step 3: Backend URL
      await page.waitForSelector('h2:has-text("Backend URL")', { timeout: 10000 });
      await page.locator('label:has-text("Backend Base URL") input').fill('http://backend:8000');
      await page.click('button:has-text("Finish setup")');
      
      // Wait for step 4: Complete
      await expect(page.locator('h2')).toContainText('Setup complete!', { timeout: 10000 });
    } else {
      // Wizard was already configured, verify we're on main page
      await expect(page.locator('h1')).toContainText('HarborForge');
    }
  });
});