const providers = {
  openrouter: {
    name: 'OpenRouter',
    description: 'Nhiều mô hình, thanh toán theo mức sử dụng',
    endpoint: 'https://openrouter.ai/api/v1/chat/completions'
  },
  aimlapi: {
    name: 'AIML API',
    description: 'Hơn 200 mô hình, giá tốt hơn',
    endpoint: 'https://api.aimlapi.com/chat/completions'
  }
};

async function generateResponse() {
    const apiKey = localStorage.getItem(`${selectedProvider}_api_key`);
    const prompt = buildPrompt(emailInput, tone, responseType, context);

    try {
        const response = await fetch(getAPIEndpoint(), {
            method: 'POST',
            headers: {
                'Authorization': `Bearer ${apiKey}`,
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                model: selectedModel,
                messages: [{ role: 'user', content: prompt }],
                temperature: 0.7,
                max_tokens: 1000
            })
        });

        const data = await response.json();
        displayResponse(data.choices[0].message.content);

    } catch (error) {
        handleError(error);
    }
}

function buildPrompt(email, tone, type, context) {
    const language = getCurrentLanguage();

    return `Bạn là một trợ lý email chuyên nghiệp. Tạo một phản hồi ${tone} ${type} cho email này bằng ${language}:

Email gốc:
${email}

Ngữ cảnh thêm: ${context || 'Không có'}

Yêu cầu:
- Phải phù hợp với giọng điệu ${tone}
- Giữ nó chuyên nghiệp và phù hợp
- Bao gồm phép tắc email đúng
- Đảm bảo tính phù hợp theo ngữ cảnh
- Phản hồi bằng ${language}`;
}

// Service Worker hỗ trợ offline
if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('./sw.js')
        .then(registration => console.log('SW đã được đăng ký'))
        .catch(err => console.log('Đăng ký SW thất bại'));
}

:root {
    --bg-primary: #ffffff;
    --text-primary: #111827;
}

.dark {
    --bg-primary: #1f2937;
    --text-primary: #f9fafb;
}

<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
    <!-- Bố cục lưới responsive -->
</div>

<meta http-equiv="Content-Security-Policy" content="
    default-src 'self';
    script-src 'self' 'unsafe-inline' https://cdn.tailwindcss.com;
    style-src 'self' 'unsafe-inline' https://fonts.googleapis.com;
    connect-src 'self' https://openrouter.ai https://api.aimlapi.com;
">

// Đảm bảo quyền riêng tư: Mọi thứ được lưu trữ cục bộ
function saveApiKey() {
    const apiKey = document.getElementById('apiKey').value;
    localStorage.setItem(`${selectedProvider}_api_key`, apiKey);
    // Không bao giờ gửi đến máy chủ, chỉ đến các API AI
}

const translations = {
    en: { 'generate-response': 'Generate Email Response' },
    vi: { 'generate-response': 'Tạo Phản Hồi Email' },
    // ... 11 ngôn ngữ tổng cộng
};

function changeLanguage(lang) {
    currentLanguage = lang;
    updateUIText();
}

// Tải widget Ko-fi chỉ sau khi DOM sẵn sàng
document.addEventListener('DOMContentLoaded', function() {
    if (typeof kofiWidgetOverlay !== 'undefined') {
        kofiWidgetOverlay.draw('allanninal', {
            'type': 'floating-chat'
        });
    }
});

let autoSaveTimer = null;

function autoSaveDraft() {
    clearTimeout(autoSaveTimer);
    autoSaveTimer = setTimeout(() => {
        const draft = {
            email: emailInput.value,
            tone: toneSelect.value,
            type: responseType.value,
            timestamp: new Date().toISOString()
        };
        localStorage.setItem('email_draft', JSON.stringify(draft));
    }, 1000);
}

<!-- Thêm các miền Ko-fi vào CSP -->
style-src 'self' 'unsafe-inline' https://storage.ko-fi.com;
frame-src https://ko-fi.com;

// Khóa được lưu trữ cục bộ, chỉ gửi đến các nhà cung cấp AI
const apiKey = localStorage.getItem(`${provider}_api_key`);

if ('serviceWorker' in navigator) {
    // Tính năng PWA
}