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":1400}); 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(1000)
    pg.eval_on_selector('.bkimg-block .bkimg-thumb','e=>e.click()'); pg.wait_for_timeout(700)
    print("dot present:", pg.eval_on_selector_all('.bkimg-mdot','e=>e.length'))
    # button visibility: dark bg
    print("btn bg:", pg.eval_on_selector('#bkimg-lb-zoom','e=>getComputedStyle(e).backgroundColor'))
    # zoom to original
    pg.click('#bkimg-lb-zoom'); pg.wait_for_timeout(300)
    coupled=pg.evaluate("()=>{var i=document.getElementById('bkimg-lb-img'),l=document.querySelector('.bkimg-mlayer');return {img:i.style.transform,layer:l.style.transform,same:i.style.transform===l.style.transform};}")
    print("after zoom-original, transforms coupled:", coupled['same'], "| img:", coupled['img'][:30])
    # toggle markers off
    pg.click('#bkimg-lb-mtoggle'); pg.wait_for_timeout(200)
    print("markers hidden after toggle:", pg.eval_on_selector('.bkimg-mlayer','e=>e.style.display'))
    print("console errors:", errs[:5])
    b.close()