from playwright.sync_api import sync_playwright
IID="123075"
cookies=[]
for line in open('/tmp/cj.txt'):
    if line.startswith('#') or not line.strip(): continue
    p=line.strip().split('\t')
    if len(p)>=7: cookies.append({'name':p[5],'value':p[6],'domain':p[0].lstrip('.'),'path':p[2]})
with sync_playwright() as p:
    b=p.chromium.launch(); ctx=b.new_context(viewport={"width":1200,"height":1500}); ctx.add_cookies(cookies)
    pg=ctx.new_page(); errs=[]; pg.on("console", lambda m: errs.append(m.text) if m.type=="error" else None)
    pg.goto("https://seaside.pacim.de/booking/view/?invoice_id="+IID, wait_until="networkidle"); pg.wait_for_timeout(700)
    pg.click('[data-bs-target="#bk-images"]'); pg.wait_for_timeout(1200)
    pg.eval_on_selector('.bkimg-block .bkimg-thumb','e=>e.click()'); pg.wait_for_timeout(800)
    print("loupe button visible (desktop):", pg.is_visible('#bkimg-lb-loupe'))
    # toggle loupe via button
    pg.click('#bkimg-lb-loupe'); pg.wait_for_timeout(200)
    print("loupe on after button:", pg.eval_on_selector('.bkimg-loupe','e=>e.classList.contains("on")'))
    # move mouse over the image center
    box=pg.eval_on_selector('#bkimg-lb-img','e=>{var r=e.getBoundingClientRect();return {x:r.x+r.width/2,y:r.y+r.height/2};}')
    pg.mouse.move(box['x'],box['y']); pg.wait_for_timeout(200)
    st=pg.eval_on_selector('.bkimg-loupe','e=>({op:e.style.opacity,bg:!!e.style.backgroundImage,z:e.querySelector(".bkimg-loupe-z").textContent})')
    print("loupe state:", st)
    # press + twice (zoom level up)
    pg.keyboard.press('+'); pg.keyboard.press('+'); pg.wait_for_timeout(150)
    print("zoom label after ++:", pg.eval_on_selector('.bkimg-loupe-z','e=>e.textContent'))
    pg.screenshot(path="/tmp/loupe.png")
    # synthetic Ctrl+W toggles off (handler), no real tab close
    pg.evaluate("document.dispatchEvent(new KeyboardEvent('keydown',{key:'w',ctrlKey:true,bubbles:true,cancelable:true}))"); pg.wait_for_timeout(150)
    print("loupe on after Ctrl+W:", pg.eval_on_selector('.bkimg-loupe','e=>e.classList.contains("on")'))
    print("console errors:", errs[:5])
    b.close()