async function generatePlan() {
    const region = document.getElementById('region').value;
    const resultDiv = document.getElementById('result');
    const btn = document.getElementById('mainBtn');
    
    resultDiv.style.display = 'block';
    resultDiv.innerHTML = 'Picking a perfect spot for you...';
    btn.disabled = true;

    const API_KEY = 'AIzaSyB_xzP0udcyBieXkbqHEzYTaGlSyC7VfLI'; 
    const API_URL = `https://generativelanguage.googleapis.com/v1beta/models/gemini-1.5-flash:generateContent?key=${API_KEY}`;

    try {
        const response = await fetch(API_URL, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({
                contents: [{
                    parts: [{
                        text: `You are a travel expert. Please recommend a hidden gem or cafe in "${region}" for a weekend escape. 
                        Requirements: 
                        1. Place name 
                        2. Reason for recommendation 
                        3. Brief itinerary. 
                        Please answer in a warm tone and use Traditional Chinese.`
                    }]
                }]
            })
        });

        const data = await response.json();
        
        if (data.error) {
            resultDiv.innerHTML = 'Error: ' + data.error.message;
        } else if (data.candidates && data.candidates[0].content) {
            const aiText = data.candidates[0].content.parts[0].text;
            resultDiv.innerHTML = aiText.replace(/\n/g, '<br>');
        } else {
            resultDiv.innerHTML = 'No results found. Please try again.';
        }
        
    } catch (error) {
        resultDiv.innerHTML = 'Connection failed. Please check your network.';
        console.error(error);
    } finally {
        btn.disabled = false;
    }
}