from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.connect_over_cdp('http://localhost:9222')
    page = browser.contexts[0].pages[0]
    
    # Click icon sửa (pencil)
    print('Clicking pencil icon...')
    # Click trực tiếp vào icon edit bên cạnh dòng chữ
    page.locator("div[role='button']:has(i), div[role='button']:has(svg)").last.click()
    page.wait_for_timeout(1500)
    
    textbox = page.locator("textarea").first
    if textbox.is_visible():
        english_bio = '''Vietnamese Filmmaker & Creator based in California 🌴 Exploring legendary ancient battles & untold Asian warfare through 4K cinematic animation 🎬 Behind the 'Forgotten Battles' series on YouTube 🇻🇳🇺🇸'''
        textbox.fill(english_bio)
        page.wait_for_timeout(1000)
        save_btn = page.locator("div[aria-label='Save'], button:has-text('Save')").first
        if save_btn.is_visible():
            save_btn.click()
            print('English Bio updated successfully!')
            page.wait_for_timeout(3000)
            
    page.screenshot(path=r'C:\Projects\Historical\FacebookAutoPoster\bio_english_updated.png')
    print('Done!')
    browser.close()