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.on("dialog", lambda d: d.accept("Lackkratzer Tür hinten"))   # prompt note
    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)
    pg.click('#bkimg-lb-loupe'); pg.wait_for_timeout(200)   # loupe on
    box=pg.eval_on_selector('#bkimg-lb-img','e=>{var r=e.getBoundingClientRect();return {x:Math.round(r.x+r.width*0.4),y:Math.round(r.y+r.height*0.55)};}')
    pg.mouse.move(box['x'],box['y']); pg.wait_for_timeout(150)
    pg.keyboard.press('s'); pg.wait_for_timeout(1200)
    print("marker dots after S:", pg.eval_on_selector_all('.bkimg-mdot','e=>e.length'))
    # turn loupe off, hover the dot -> preview
    pg.click('#bkimg-lb-loupe'); pg.wait_for_timeout(200)
    dot=pg.eval_on_selector('.bkimg-mdot','e=>{var r=e.getBoundingClientRect();return {x:Math.round(r.x+r.width/2),y:Math.round(r.y+r.height/2)};}')
    pg.mouse.move(dot['x']+1,dot['y']+1); pg.wait_for_timeout(400)
    print("preview shown:", pg.is_visible('.bkimg-mprev'))
    print("preview text:", (pg.inner_text('.bkimg-mprev') or '').replace('\n',' | '))
    pg.screenshot(path="/tmp/marker.png")
    # persisted? query markers API
    print("console errors:", errs[:5])
    b.close()