import { test, expect } from '@playwright/test'
import { closeOnboardingModal } from '../../../helpers/navigation.js'

test.describe('Advanced Layers', () => {
  test.beforeEach(async ({ page }) => {
    await page.goto('/map/v2')
    await page.evaluate(() => {
      localStorage.removeItem('dawarich-maps-maplibre-settings')
    })

    await page.goto('/map/v2?start_at=2025-10-15T00:00&end_at=2025-10-15T23:59')
    await closeOnboardingModal(page)
    await page.waitForTimeout(2000)
  })

  test.describe('Fog of War', () => {
    test('fog layer toggle exists', async ({ page }) => {
      await page.click('button[title="Open map settings"]')
      await page.waitForTimeout(400)
      await page.click('button[data-tab="layers"]')
      await page.waitForTimeout(300)

      const fogToggle = page.locator('label:has-text("Fog of War")').first().locator('input.toggle')
      await expect(fogToggle).toBeVisible()
    })

    test('can toggle fog layer', async ({ page }) => {
      await page.click('button[title="Open map settings"]')
      await page.waitForTimeout(400)
      await page.click('button[data-tab="layers"]')
      await page.waitForTimeout(300)

      const fogToggle = page.locator('label:has-text("Fog of War")').first().locator('input.toggle')
      await fogToggle.check()
      await page.waitForTimeout(500)

      expect(await fogToggle.isChecked()).toBe(true)
    })
  })

  test.describe('Scratch Map', () => {
    test('can toggle scratch map layer', async ({ page }) => {
      await page.click('button[title="Open map settings"]')
      await page.waitForTimeout(400)
      await page.click('button[data-tab="layers"]')
      await page.waitForTimeout(300)

      const scratchToggle = page.locator('label:has-text("Scratch map")').first().locator('input.toggle')
      await scratchToggle.check()
      await page.waitForTimeout(500)

      expect(await scratchToggle.isChecked()).toBe(true)
    })
  })
})