#!/usr/bin/env python3
"""Find the search input HTML structure."""
from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(
        headless=True,
        args=["--no-sandbox", "--disable-setuid-sandbox", "--disable-dev-shm-usage", "--disable-gpu"]
    )
    page = browser.new_page(
        viewport={"width": 1920, "height": 1080},
        user_agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36",
        locale="en-IN",
        timezone_id="Asia/Kolkata",
    )
    
    page.goto("https://www.google.com/maps/@17.3,78.58,12z", timeout=30000)
    page.wait_for_timeout(8000)
    
    # Get HTML near the search area
    html = page.evaluate("""
        () => {
            // Find all input elements
            const inputs = document.querySelectorAll('input');
            let result = [];
            inputs.forEach(inp => {
                result.push({
                    tag: 'input',
                    id: inp.id,
                    class: inp.className,
                    'aria-label': inp.getAttribute('aria-label'),
                    placeholder: inp.placeholder,
                    role: inp.getAttribute('role'),
                    type: inp.type,
                    parent_classes: inp.parentElement ? inp.parentElement.className : '',
                });
            });
            
            // Find the search box container
            const searchContainers = document.querySelectorAll('[class*="search"], [class*="Search"]');
            result.push({search_container_count: searchContainers.length});
            
            return result;
        }
    """)
    
    print("Input elements found:")
    for item in html:
        print(f"  {item}")
    
    browser.close()