from playwright.sync_api import sync_playwright
TOK="d07d8352969889ed5254be62"; url="https://seaside.pacim.de/checkin.php?t=%s&b=115156"%TOK
with sync_playwright() as p:
    b=p.chromium.launch(); pg=b.new_context(viewport={"width":440,"height":880},device_scale_factor=2,has_touch=True).new_page()
    errs=[]; pg.on("console", lambda m: errs.append(m.text) if m.type=="error" else None)
    pg.on("dialog", lambda d: d.accept("Delle vorne"))
    pg.goto(url, wait_until="networkidle"); pg.wait_for_timeout(1000)
    pg.eval_on_selector('#ci-ph-grid .ph-thumb','e=>e.click()'); pg.wait_for_timeout(900)
    print("lightbox open:", pg.is_visible('#ci-lb'))
    print("marker dots (from CRM):", pg.eval_on_selector_all('.ci-mdot','e=>e.length'))
    print("toggle btn present:", pg.is_visible('#ci-lb-mtoggle'), "| btn bg:", pg.eval_on_selector('#ci-lb-zoom','e=>getComputedStyle(e).backgroundColor'))
    # tap dot -> preview
    pg.eval_on_selector('.ci-mdot','e=>e.click()'); pg.wait_for_timeout(400)
    print("preview shown:", pg.is_visible('.ci-mprev'), "| text:", (pg.inner_text('.ci-mprev') or '').replace(chr(10),' | '))
    pg.eval_on_selector('.ci-mprev-x','e=>e.click()'); pg.wait_for_timeout(150)
    # long-press to create a marker
    box=pg.eval_on_selector('#ci-lb-img','e=>{var r=e.getBoundingClientRect();return {x:Math.round(r.x+r.width*0.7),y:Math.round(r.y+r.height*0.4)};}')
    pg.mouse.move(box['x'],box['y']); pg.mouse.down(); pg.wait_for_timeout(750); pg.mouse.up(); pg.wait_for_timeout(1200)
    print("marker dots after long-press:", pg.eval_on_selector_all('.ci-mdot','e=>e.length'))
    # toggle off
    pg.eval_on_selector('#ci-lb-mtoggle','e=>e.click()'); pg.wait_for_timeout(200)
    print("layer display after toggle:", pg.eval_on_selector('.ci-mlayer','e=>e.style.display'))
    print("console errors:", errs[:6])
    b.close()