from playwright.sync_api import sync_playwright
IID="123075"; TOK="f099bbaa2c460c3adc8160f0"; 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()
    # CRM
    ctx=b.new_context(viewport={"width":900,"height":1000}); ctx.add_cookies(cookies); pg=ctx.new_page()
    pg.goto("https://seaside.pacim.de/booking/view/?invoice_id="+IID, wait_until="networkidle"); pg.wait_for_timeout(600)
    pg.click('[data-bs-target="#bk-images"]'); pg.wait_for_timeout(1000)
    print("CRM thumb marker-badge:", pg.eval_on_selector_all('.bkimg-mbadge','e=>e.length'), "text:", pg.eval_on_selector('.bkimg-mbadge','e=>e?e.textContent:null'))
    pg.screenshot(path="/tmp/crm_badge.png", clip={'x':0,'y':260,'width':900,'height':360})
    # Mobile
    pg2=b.new_context(viewport={"width":440,"height":880},has_touch=True).new_page()
    pg2.goto("https://seaside.pacim.de/checkin.php?t=%s&b=115156"%TOK, wait_until="networkidle"); pg2.wait_for_timeout(1000)
    print("mobile thumb marker-badge:", pg2.eval_on_selector_all('.ph-mbadge','e=>e.length'), "text:", pg2.eval_on_selector('.ph-mbadge','e=>e?e.textContent:null'))
    pg2.eval_on_selector('#ci-ph-grid .ph-thumb','e=>e.click()'); pg2.wait_for_timeout(800)
    pg2.eval_on_selector('.ci-mdot','e=>e.click()'); pg2.wait_for_timeout(400)
    bg=pg2.eval_on_selector('.ci-mprev-img','e=>e.style.backgroundSize'); z=pg2.eval_on_selector('.ci-mprev-z','e=>e.textContent')
    print("mobile preview bg-size:", bg, "| label:", z)
    pg2.screenshot(path="/tmp/mob_preview.png")
    b.close()