document.addEventListener('DOMContentLoaded', function () {
    const accordionItems = document.querySelectorAll('.accordion-item');

    // 为每个手风琴项添加点击事件
    accordionItems.forEach((item, index) => {
        const header = item.querySelector('.accordion-header');

        header.addEventListener('click', () => {
            // 获取当前是否激活
            const isActive = item.classList.contains('active');

            // 关闭所有项
            accordionItems.forEach(item => {
                item.classList.remove('active');
            });

            // 如果点击的不是当前激活项，则展开它
            if (!isActive) {
                item.classList.add('active');
            }
        });

        // 默认展开第一项
        if (index === 0) {
            item.classList.add('active');
        }
    });


    // ----------------------------------

    const langData = {
        zh: {
            btn: "English",
            logo: "../imgs/svg/logo.svg",       
   
            title: "深圳汉晶电子信息有限公司",
            emailLeftTitle:"我们准备好了",
            emailLeftText:"如果您有更多的需求，请联系我们",
            // 顶部
            topBannerTitle: "芯片设计技术服务",
            topBannerDesc: "我们公司提供全方位的芯片设计技术服务，涵盖从需求讨论、  系统设计、  逻辑设计、 FPGA原型验证到最终的芯片制造、测试与验证等各个环节。我们采用行业领先的工具和技术,确保芯片的性能、功耗、稳定性都能满足客户需求。",
            // 手风琴
            accordion: [
                { title: "1.需求分析与规划", content: "根据客户的应用场景，进行深度调研，分析产品需求，输出系统方案。" },
                { title: "2.芯片架构设计", content: "从芯片框架设计到芯片核心模块设计，包括接口定义等，确保基于此架构就可以正常进行逻辑设计。" },
                { title: "3.逻辑设计与验证", content: "使用先进的设计工具（如 Verilog）进行芯片逻辑设计，并通过仿真与验证工具（如 systemverilog）确保功能和性能的正确性。通过后仿确定芯片功耗、面积符合客户需求。" },
                { title: "4.硬件设计与原理图", content: "在芯片封装设计时充分考虑到PCB板设计，不仅仅是考虑芯片本身，在芯片设计时就考虑产品的可靠性和稳定性。" },
                { title: "5.制程与工艺", content: "团队与先进半导体制造厂有着长期的合作，对工艺细节了解充分，确保芯片生产过程中的质量控制与工艺优化，工艺良率达到业界领先水平。" },
                { title: "6.测试与验证", content: "针对刚出厂的芯片，能对应设计开发测试板，提供包括功能测试、性能测试、功耗测试、热测试等全面的验证服务，保证客户收到的芯片都是合格产品。" },
                { title: "7.量产与交付", content: "根据客户需求，我们提供从小批量试产到大规模量产的全程技术支持，并确保交付时效与质量。" }
            ],
            // 优势列表
            bannerBottomList: [
                {
                    title: "全流程技术服务",
                    desc: "从芯从客户需求沟通到量产交付，提供端到端的技术服务，确保客户需求得到全方位满足。"
                },
                {
                    title: "行业经验",
                    desc: "我们的团队拥有多年芯片前后端设计经验，所设计的芯片均流片成功，能够应对复杂的设计挑战，提供个性化解决方案，在低功耗方面有独到的设计方法学。"
                },
                {
                    title: "技术工具",
                    desc: "在采用标准 EDA 工具链的基础上，我们开发了定制化自动脚本，提升设计效率与验证覆盖率。"
                },
                {
                    title: "稳定的芯片制造商合作关系",
                    desc: "团队与SMIC、GF等芯片制造商有着良好的合作关系,在12nm、22nm等先进制程上均有流片并都是一版流片成功。"
                }
            ],
            bannertopBG: "../imgs/main/content.svg",
            bannerBottomBG: "../imgs/main/advantage.svg",
        },
        en: {
            btn: "简体中文",
            logo: "../imgs/svg/logo_en.svg",
    
            title: "SZHJ Electronic Information Co., Ltd",
            emailLeftTitle:"We're ready.",
            emailLeftText:"If you have more needs, please contact us!",
            // 顶部
            topBannerTitle: "Chip Design Technology Services",
            topBannerDesc: "Our company provides comprehensive chip design technology services, covering all aspects from requirements discussion, system design, logic design, FPGA prototyping to final chip manufacturing, testing and verification. We use industry-leading tools and technologies to ensure that the chip's performance, power consumption, and stability meet customer requirements.",
            // 手风琴
            accordion: [
                { title: "1. Requirement Analysis & Planning", content: "Conduct in-depth research based on customer application scenarios, analyze product requirements, and deliver system solutions." },
                { title: "2. Chip Architecture Design", content: "From chip framework design to core module design, including interface definitions, ensuring that logic design can proceed smoothly based on this architecture." },
                { title: "3. Logic Design & Verification", content: "Use advanced design tools (such as Verilog) for chip logic design, and ensure functional and performance correctness through simulation and verification tools (such as SystemVerilog). Post-simulation ensures that chip power and area meet customer requirements." },
                { title: "4. Hardware Design & Schematics", content: "Fully consider PCB design during chip packaging, not only focusing on the chip itself, but also considering product reliability and stability during chip design." },
                { title: "5. Process & Technology", content: "The team has long-term cooperation with advanced semiconductor manufacturers, is fully familiar with process details, and ensures quality control and process optimization during chip production, achieving industry-leading yield." },
                { title: "6. Testing & Verification", content: "For newly manufactured chips, we can design and develop test boards, providing comprehensive verification services including functional, performance, power, and thermal tests to ensure all delivered chips are qualified." },
                { title: "7. Mass Production & Delivery", content: "According to customer needs, we provide full technical support from small batch trial production to large-scale mass production, ensuring delivery timeliness and quality." }
            ],
            // 优势列表
            bannerBottomList: [
                {
                    title: "Full-process Technical Service",
                    desc: "From customer requirement communication to mass production and delivery, we provide end-to-end technical services to ensure all customer needs are fully met."
                },
                {
                    title: "Industry Experience",
                    desc: "Our team has many years of experience in front-end and back-end chip design. All designed chips have been successfully taped out, capable of handling complex design challenges, providing personalized solutions, and having unique methodologies in low-power design."
                },
                {
                    title: "Technical Tools",
                    desc: "Based on standard EDA toolchains, we have developed customized automation scripts to improve design efficiency and verification coverage."
                },
                {
                    title: "Stable Partnerships with Chip Manufacturers",
                    desc: "The team has good cooperation with SMIC, GF and other chip manufacturers, and has successfully taped out chips in advanced processes such as 12nm and 22nm in one go."
                }
            ],
            bannertopBG: "../imgs/main/content_en.svg",
            bannerBottomBG: "../imgs/main/advantage_en.svg",
        }
    };


    let currentLang = localStorage.getItem('siteLang') || "zh";

    function applyLang(lang) {
        const data = langData[lang];




        // logo
        document.getElementById("footerLogo").src = data.logo;



        // 页面内容
        document.getElementById("title").textContent = data.title;
        // 顶部标题和描述
        document.querySelector('.topBannerLeftTitle p:nth-child(1)').textContent = data.topBannerTitle;
        document.querySelector('.topBannerLeftTitle p:nth-child(2)').textContent = data.topBannerDesc;

        // 手风琴
        const accordionItems = document.querySelectorAll('.accordion-item');
        data.accordion.forEach((item, idx) => {
            if (accordionItems[idx]) {
                accordionItems[idx].querySelector('.accordion-header h3').textContent = item.title;
                accordionItems[idx].querySelector('.accordion-content p').textContent = item.content;
            }
        });

        // 优势列表
        const bannerBottomList = document.querySelectorAll('.bannerBottomList li');
        data.bannerBottomList.forEach((item, idx) => {
            if (bannerBottomList[idx]) {
                // 第一个p是标题，第二个p是描述
                const ps = bannerBottomList[idx].querySelectorAll('p');
                if (ps[0]) ps[0].textContent = item.title;
                if (ps[1]) ps[1].textContent = item.desc;
            }
        });

         // 优势列表样式切换
            bannerBottomList.forEach(li => {
                if (lang === 'en') {
                    li.classList.add('en');
                } else {
                    li.classList.remove('en');
                }
            });


        document.querySelector(".emailLeftTitle").textContent = data.emailLeftTitle;
        document.querySelector(".emailLeftText").textContent = data.emailLeftText;
        document.querySelector('.footerBoxRightTitle').textContent = data.title;
        //背景图
        document.querySelector('.bannertop').style.backgroundImage = `url(${data.bannertopBG})`;
        document.querySelector('.bannerBottom').style.backgroundImage = `url(${data.bannerBottomBG})`;

           // 切换样式
           if (lang === 'en') {        

            document.querySelector('.topBannerLeftTitle p:nth-child(1)').classList.add('en');
            document.querySelector('.topBannerLeftTitle p:nth-child(2)').classList.add('en');
            document.querySelector('.topBannerLeft').classList.add('en');


          
    
        } else {
            
            document.querySelector('.topBannerLeftTitle p:nth-child(1)').classList.remove('en');
            document.querySelector('.topBannerLeftTitle p:nth-child(2)').classList.remove('en');
            document.querySelector('.topBannerLeft').classList.remove('en');
        }

    }

    function handleLangToggle() {
        currentLang = currentLang === "zh" ? "en" : "zh";
        localStorage.setItem('siteLang', currentLang);
        applyLang(currentLang);
    }
    // 初始化
    applyLang(currentLang);


    // 事件绑定
    document.getElementById("lang-toggle").addEventListener("click", handleLangToggle);
    document.getElementById("lang-toggle").addEventListener("keydown", e => {
        if (e.key === "Enter" || e.key === " ") handleLangToggle();
    });




});