"""Drive the homepage BookingWizard in a mobile viewport and check the success modal appears."""
from playwright.sync_api import sync_playwright
import sys, io
sys.stdout = io.TextIOWrapper(sys.stdout.buffer, encoding='utf-8')

BASE = "http://127.0.0.1:5180"

def run():
    with sync_playwright() as p:
        browser = p.chromium.launch()
        ctx = browser.new_context(
            viewport={"width": 390, "height": 844},
            user_agent="Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 Mobile/15E148 Safari/604.1",
            is_mobile=True,
            has_touch=True,
            device_scale_factor=3,
        )
        page = ctx.new_page()
        console_logs = []
        page.on("console", lambda msg: console_logs.append(f"[{msg.type}] {msg.text}"))
        page.on("pageerror", lambda err: console_logs.append(f"[pageerror] {err}"))

        def handle_submit(route):
            print(f"   intercepted /api/submit -> returning 200")
            route.fulfill(status=200, content_type="application/json", body='{"ok":true}')
        page.route("**/api/submit", handle_submit)

        print("[1] Loading homepage…")
        page.goto(BASE + "/#newlead", wait_until="networkidle", timeout=30000)
        page.locator("#newlead").scroll_into_view_if_needed()
        page.wait_for_timeout(400)

        print("[2] Step 1 — dog details")
        # Pet name (avoid honeypot which uses autocomplete="new-password")
        page.locator('.wiz-form input[placeholder*="Teddy"]').fill("Rex")
        # Pick first service
        page.locator('.wiz-service').first.click()
        # Message (textarea)
        page.locator('.wiz-form textarea').first.fill("Friendly dog, two years old, recall fine.")

        # Continue
        cont = page.get_by_role("button", name="Continue")
        print(f"   Continue button visible: {cont.is_visible()}")
        cont.click()
        page.wait_for_timeout(1200)
        page.locator("#newlead").screenshot(path="scripts/mobile-step2.png")
        errs = page.locator('.wiz-error').all()
        print(f"   visible errors after Continue: {len(errs)}")
        for e in errs:
            try: print(f"     -> {e.inner_text()}")
            except: pass
        print(f"   inputs after Continue: {page.locator('.wiz-form input').count()}")
        for inp in page.locator('.wiz-form input').all():
            print(f"     autocomplete={inp.get_attribute('autocomplete')!r} type={inp.get_attribute('type')!r} visible={inp.is_visible()}")

        print("[3] Step 2 — owner details")
        page.locator('.wiz-form input[autocomplete="name"]').fill("Test User")
        page.locator('.wiz-form input[type="email"]').fill("test@example.com")
        page.locator('.wiz-form input[type="tel"]').fill("0211234567")
        page.locator('.wiz-form input[autocomplete="address-level2"]').fill("Mt Eden")

        print("[4] Submit")
        page.get_by_role("button", name="Send my details").click()

        print("[5] Waiting for success modal…")
        try:
            page.wait_for_selector('[role="dialog"]', timeout=8000, state="attached")
            print("   PASS: dialog attached")
        except Exception:
            print("   FAIL: dialog never attached")
            return 1

        # Snapshot immediately
        page.screenshot(path="scripts/mobile-modal-immediate.png", full_page=False)
        c0 = page.locator('canvas').count()
        d0 = page.locator('[role="dialog"]').count()
        print(f"   t=0ms: dialogs={d0} canvases={c0}")

        for delay in (200, 500, 1000, 2000):
            page.wait_for_timeout(delay)
            d = page.locator('[role="dialog"]').count()
            c = page.locator('canvas').count()
            print(f"   after +{delay}ms: dialogs={d} canvases={c}")
            if d == 0:
                print("   Modal vanished!")
                page.screenshot(path=f"scripts/mobile-vanished-{delay}.png", full_page=False)
                break

        page.screenshot(path="scripts/mobile-modal-final.png", full_page=False)

        print("\nConsole tail:")
        for line in console_logs[-12:]:
            print(f"  {line}")

        browser.close()
        return 0

sys.exit(run())