import ServerHeader from '@/app/components/ServerHeader';
import Footer from '@/app/components/Footer';
import SupportTabs from './SupportTabs';

interface SupportServerComponentProps {
    locale: string;
}

// 支持页面翻译数据
const supportTranslations = {
    'zh-CN': {
        nav: {
            home: '首页',
            products: '产品与服务',
            news: '新闻资讯',
            support: '客户支持',
            about: '关于我们',
            contact: '联系我们',
        },
        title: '客户支持',
        subtitle: '专业的技术支持团队，为您提供7x24小时服务',
        tabs: {
            faq: '常见问题',
            contact: '联系支持',
            docs: '文档中心',
            tickets: '工单系统',
        },
        faq: {
            title: '常见问题解答',
            categories: [
                {
                    name: '账户管理',
                    questions: [
                        {
                            q: '如何注册账户？',
                            a: '点击页面右上角的注册按钮，填写必要信息即可完成注册。',
                        },
                        {
                            q: '如何重置密码？',
                            a: '在登录页面点击"忘记密码"，按照邮件提示重置密码。',
                        },
                        {
                            q: '如何修改账户信息？',
                            a: '登录后进入个人中心，可以修改基本信息和安全设置。',
                        },
                    ],
                },
                {
                    name: '产品服务',
                    questions: [
                        {
                            q: '如何选择合适的云服务器配置？',
                            a: '根据您的业务需求，我们建议咨询我们的技术顾问，为您推荐最适合的配置。',
                        },
                        {
                            q: '支持弹性扩容吗？',
                            a: '是的，我们的云服务器支持弹性扩容，可以根据业务需求随时调整配置。',
                        },
                        {
                            q: '数据备份如何进行？',
                            a: '我们提供自动备份和手动备份功能，确保您的数据安全。',
                        },
                    ],
                },
            ],
        },
        contactSupport: {
            title: '联系技术支持',
            methods: [
                {
                    icon: '💬',
                    type: '在线客服',
                    value: '24小时在线',
                    description: '点击右下角客服图标，即时获得帮助',
                },
                {
                    icon: '📧',
                    type: '邮件支持',
                    value: 'support@dongyun.com',
                    description: '发送邮件，我们会在2小时内回复',
                },
                {
                    icon: '📞',
                    type: '电话支持',
                    value: '400-123-4567',
                    description: '工作日 9:00-18:00 技术热线',
                },
            ],
        },
        footer: {
            sections: [
                {
                    title: '目录',
                    items: ['首页', '产品与服务', '新闻资讯', '客户支持', '关于我们'],
                },
                {
                    title: '热门产品',
                    items: ['轻量云服务器', '站群服务器', 'EC2服务器', '高防服务器', 'S3云存储'],
                },
                { title: '客户支持', items: ['技术支持', '在线客服', '帮助文档', '服务状态'] },
                { title: '公司信息', items: ['关于我们', '联系我们', '隐私政策', '服务条款'] },
            ],
        },
    },
    'zh-TW': {
        nav: {
            home: '首頁',
            products: '產品與服務',
            news: '新聞資訊',
            support: '客戶支持',
            about: '關於我們',
            contact: '聯繫我們',
        },
        title: '客戶支持',
        subtitle: '專業的技術支持團隊，為您提供7x24小時服務',
        tabs: {
            faq: '常見問題',
            contact: '聯繫支持',
            docs: '文檔中心',
            tickets: '工單系統',
        },
        faq: {
            title: '常見問題解答',
            categories: [
                {
                    name: '賬戶管理',
                    questions: [
                        {
                            q: '如何註冊賬戶？',
                            a: '點擊頁面右上角的註冊按鈕，填寫必要信息即可完成註冊。',
                        },
                        {
                            q: '如何重置密碼？',
                            a: '在登錄頁面點擊"忘記密碼"，按照郵件提示重置密碼。',
                        },
                        {
                            q: '如何修改賬戶信息？',
                            a: '登錄後進入個人中心，可以修改基本信息和安全設置。',
                        },
                    ],
                },
                {
                    name: '產品服務',
                    questions: [
                        {
                            q: '如何選擇合適的雲服務器配置？',
                            a: '根據您的業務需求，我們建議諮詢我們的技術顧問，為您推薦最適合的配置。',
                        },
                        {
                            q: '支持彈性擴容嗎？',
                            a: '是的，我們的雲服務器支持彈性擴容，可以根據業務需求隨時調整配置。',
                        },
                        {
                            q: '數據備份如何進行？',
                            a: '我們提供自動備份和手動備份功能，確保您的數據安全。',
                        },
                    ],
                },
            ],
        },
        contactSupport: {
            title: '聯繫技術支持',
            methods: [
                {
                    icon: '💬',
                    type: '在線客服',
                    value: '24小時在線',
                    description: '點擊右下角客服圖標，即時獲得幫助',
                },
                {
                    icon: '📧',
                    type: '郵件支持',
                    value: 'support@dongyun.com',
                    description: '發送郵件，我們會在2小時內回復',
                },
                {
                    icon: '📞',
                    type: '電話支持',
                    value: '400-123-4567',
                    description: '工作日 9:00-18:00 技術熱線',
                },
            ],
        },
        footer: {
            sections: [
                {
                    title: '目錄',
                    items: ['首頁', '產品與服務', '新聞資訊', '客戶支持', '關於我們'],
                },
                {
                    title: '熱門產品',
                    items: ['輕量雲服務器', '站群服務器', 'EC2服務器', '高防服務器', 'S3雲存儲'],
                },
                { title: '客戶支持', items: ['技術支持', '在線客服', '幫助文檔', '服務狀態'] },
                { title: '公司信息', items: ['關於我們', '聯繫我們', '隱私政策', '服務條款'] },
            ],
        },
    },
    'en': {
        nav: {
            home: 'Home',
            products: 'Products & Services',
            news: 'News',
            support: 'Support',
            about: 'About Us',
            contact: 'Contact Us',
        },
        title: 'Customer Support',
        subtitle: 'Professional technical support team providing 7x24 hour service',
        tabs: {
            faq: 'FAQ',
            contact: 'Contact Support',
            docs: 'Documentation',
            tickets: 'Ticket System',
        },
        faq: {
            title: 'Frequently Asked Questions',
            categories: [
                {
                    name: 'Account Management',
                    questions: [
                        {
                            q: 'How to register an account?',
                            a: 'Click the registration button in the upper right corner of the page and fill in the necessary information to complete registration.',
                        },
                        {
                            q: 'How to reset password?',
                            a: 'Click "Forgot Password" on the login page and follow the email instructions to reset your password.',
                        },
                        {
                            q: 'How to modify account information?',
                            a: 'After logging in, go to the personal center where you can modify basic information and security settings.',
                        },
                    ],
                },
                {
                    name: 'Product Services',
                    questions: [
                        {
                            q: 'How to choose the right cloud server configuration?',
                            a: 'Based on your business needs, we recommend consulting our technical advisors to recommend the most suitable configuration for you.',
                        },
                        {
                            q: 'Does it support elastic scaling?',
                            a: 'Yes, our cloud servers support elastic scaling and can adjust configurations at any time according to business needs.',
                        },
                        {
                            q: 'How is data backup performed?',
                            a: 'We provide both automatic and manual backup functions to ensure your data security.',
                        },
                    ],
                },
            ],
        },
        contactSupport: {
            title: 'Contact Technical Support',
            methods: [
                {
                    icon: '💬',
                    type: 'Online Customer Service',
                    value: '24 Hours Online',
                    description: 'Click the customer service icon in the lower right corner for instant help',
                },
                {
                    icon: '📧',
                    type: 'Email Support',
                    value: 'support@dongyun.com',
                    description: 'Send an email and we will reply within 2 hours',
                },
                {
                    icon: '📞',
                    type: 'Phone Support',
                    value: '400-123-4567',
                    description: 'Weekdays 9:00-18:00 Technical Hotline',
                },
            ],
        },
        footer: {
            sections: [
                {
                    title: 'Directory',
                    items: ['Home', 'Products & Services', 'News', 'Support', 'About Us'],
                },
                {
                    title: 'Popular Products',
                    items: ['Lightweight Cloud Server', 'Station Group Server', 'EC2 Server', 'High-Defense Server', 'S3 Cloud Storage'],
                },
                { title: 'Customer Support', items: ['Technical Support', 'Online Service', 'Documentation', 'Service Status'] },
                { title: 'Company Info', items: ['About Us', 'Contact Us', 'Privacy Policy', 'Terms of Service'] },
            ],
        },
    },
};

export default function SupportServerComponent({ locale }: SupportServerComponentProps) {
    // 获取当前语言的翻译
    const t = supportTranslations[locale as keyof typeof supportTranslations] || supportTranslations['zh-CN'];

    return (
        <div className="min-h-screen bg-white">
            <ServerHeader 
                language={locale} 
                translations={t} 
                locale={locale} 
            />

            {/* Hero Section */}
            <section className="bg-blue-600 text-white h-96 flex items-center justify-center">
                <div className="max-w-6xl mx-auto px-4 text-center">
                    <h1 className="text-4xl font-bold mb-4">{t.title}</h1>
                    <p className="text-xl">{t.subtitle}</p>
                </div>
            </section>

            {/* Support Content */}
            <section className="py-16">
                <div className="max-w-6xl mx-auto px-4">
                    <SupportTabs translations={t} />
                </div>
            </section>

            <Footer translations={t} />
        </div>
    );
}