from playwright.sync_api import sync_playwright
cookies=[]
for ln in open('/tmp/cj.txt'):
    if ln.startswith('#') or not ln.strip(): continue
    p=ln.rstrip('\n').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 pw:
    b=pw.chromium.launch(); ctx=b.new_context(viewport={'width':1400,'height':1100,'device_scale_factor':2}); ctx.add_cookies(cookies)
    pg=ctx.new_page(); pg.goto('https://seaside.pacim.de/', wait_until='networkidle'); pg.wait_for_timeout(1500)
    # hover the booking row of the first hint pair
    pg.eval_on_selector('tr.cp-has-hint[data-pair]', 'el=>{const r=el.getBoundingClientRect();}')
    pg.hover('tr.cp-has-hint[data-pair]')
    pg.wait_for_timeout(250)
    info=pg.evaluate('''()=>{
      const dp=document.querySelector('tr.cp-has-hint[data-pair]').getAttribute('data-pair');
      const rows=document.querySelectorAll('tr[data-pair="'+dp+'"]');
      const icons=document.querySelectorAll('.cockpit-bookings .cp-hint-ico svg').length;
      return {pair:dp, rowsWithHover:Array.from(rows).map(r=>r.classList.contains('cp-hover')), chatIcons:icons};
    }''')
    print(info)
    el=pg.query_selector('.cockpit-bookings')
    if el: el.screenshot(path='/tmp/cp4.png')
    b.close()