@import url(‘https://fonts.googleapis.com/css2?display=swap&family=Be+Vietnam+Pro:wght@400;500;700&display=swap’);
body {
font-family: ‘Be Vietnam Pro’, sans-serif;
background-color: #FFFBF5;
color: #333;
}
.package-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.package-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.loading-spinner {
border: 4px solid #f3f3f3;
border-top: 4px solid #F97316;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

const packageDetails = {
“Giga”: { speed: “150 Mbps”, price: “185.000 VNĐ”, devices: “1-5 thiết bị”, purpose: “học tập, làm việc, lướt web” },
“Sky”: { speed: “1 Gbps”, price: “225.000 VNĐ”, devices: “5+ thiết bị”, purpose: “xem phim 4K, chơi game online” },
“Meta”: { speed: “1 Gbps”, price: “325.000 VNĐ”, devices: “Nhiều thiết bị”, purpose: “livestream, băng thông quốc tế mạnh” },
“Combo Giga”: { speed: “150 Mbps”, price: “205.000 VNĐ”, purpose: “học tập, làm việc, lướt web, TV” },
“Combo Sky”: { speed: “1 Gbps”, price: “245.000 VNĐ”, purpose: “xem phim 4K, chơi game online, TV” },
“Combo Meta”: { speed: “1 Gbps”, price: “345.000 VNĐ”, purpose: “livestream, băng thông quốc tế, TV” },
“Super 250”: { speed: “250 Mbps”, price: “545.000 VNĐ”, purpose: “doanh nghiệp nhỏ, văn phòng” },
“Super 400”: { speed: “400 Mbps”, price: “1.400.000 VNĐ”, purpose: “doanh nghiệp trung bình” },
“Super 500”: { speed: “500 Mbps”, price: “2.500.000 VNĐ”, purpose: “doanh nghiệp lớn, yêu cầu băng thông cao” }
};

const recommendButton = document.getElementById(‘recommend-button’);
const numPeopleInput = document.getElementById(‘num-people’);
const usagePurposeSelect = document.getElementById(‘usage-purpose’);
const loadingSpinner = document.getElementById(‘loading-spinner’);
const resultDiv = document.getElementById(‘recommendation-result’);

recommendButton.addEventListener(‘click’, async () => {
const numPeople = numPeopleInput.value || 0;
const usagePurpose = usagePurposeSelect.value;

loadingSpinner.classList.remove(‘hidden’);
resultDiv.classList.add(‘hidden’);
resultDiv.innerHTML = ”;

const prompt = `Bạn là một chuyên gia tư vấn gói cước internet. Dựa trên thông tin dưới đây và các nhu cầu của người dùng, hãy đưa ra một gói cước phù hợp nhất và giải thích lý do một cách ngắn gọn, súc tích.

Các gói cước FPT hiện có:
${JSON.stringify(packageDetails, null, 2)}

Thông tin người dùng:
– Số lượng người: ${numPeople}
– Mục đích sử dụng chính: ${usagePurpose}

Đề xuất của bạn phải dưới dạng văn bản thuần túy, không định dạng. Ví dụ: “Đề xuất: Gói Giga. Lý do: Đây là gói cơ bản phù hợp cho 1-5 người dùng, đáp ứng tốt nhu cầu học tập và làm việc. Mức giá phải chăng và tốc độ ổn định.”`;

try {
const apiKey = “”;
const apiUrl = `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash-preview-05-20:generateContent?key=${apiKey}`;

const payload = {
contents: [{ parts: [{ text: prompt }] }],
tools: [{ “google_search”: {} }],
systemInstruction: {
parts: [{ text: “Hãy đóng vai một chuyên gia tư vấn gói cước internet và truyền hình.” }] },
};

const response = await fetch(apiUrl, {
method: ‘POST’,
headers: { ‘Content-Type’: ‘application/json’ },
body: JSON.stringify(payload)
});

if (!response.ok) {
throw new Error(`API error: ${response.status}`);
}

const result = await response.json();
const text = result?.candidates?.[0]?.content?.parts?.[0]?.text;
if (text) {
resultDiv.innerHTML = `

${text}

`;
resultDiv.classList.remove(‘hidden’);
} else {
resultDiv.innerHTML = `

Xin lỗi, không thể đưa ra gợi ý. Vui lòng thử lại.

`;
resultDiv.classList.remove(‘hidden’);
}
} catch (error) {
console.error(“Lỗi khi gọi API:”, error);
resultDiv.innerHTML = `

Đã xảy ra lỗi. Vui lòng kiểm tra lại kết nối hoặc thử lại sau.

`;
resultDiv.classList.remove(‘hidden’);
} finally {
loadingSpinner.classList.add(‘hidden’);
}
});