{% extends "base.html" %}

{% block title %}{{ t('help') if t('help') else '帮助' }}{% endblock %}

{% block content %}
<section class="hero">
    <div class="container">
        <h2>{{ t('help') if t('help') else '帮助中心' }}</h2>
        <p>{{ t('help_description') if t('help_description') else '获取使用指南和常见问题解答' }}</p>
    </div>
</section>

<section class="services">
    <div class="container">
        <div class="section-title">
            <h2>{{ t('frequently_asked_questions') if t('frequently_asked_questions') else '常见问题' }}</h2>
            <p>{{ t('faq_subtitle') if t('faq_subtitle') else '找到您需要的答案' }}</p>
        </div>

        <div class="feature-grid">
            <div class="feature">
                <h3>{{ t('faq1_question') if t('faq1_question') else '如何注册账户？' }}</h3>
                <p>{{ t('faq1_answer') if t('faq1_answer') else '访问注册页面，填写基本信息并完成身份验证即可创建账户。' }}</p>
            </div>

            <div class="feature">
                <h3>{{ t('faq2_question') if t('faq2_question') else '如何下载客户端？' }}</h3>
                <p>{{ t('faq2_answer') if t('faq2_answer') else '在下载页面选择适合您设备的版本，点击下载按钮即可获取安装文件。' }}</p>
            </div>

            <div class="feature">
                <h3>{{ t('faq3_question') if t('faq3_question') else '交易费用如何计算？' }}</h3>
                <p>{{ t('faq3_answer') if t('faq3_answer') else '交易费用根据您的套餐类型和交易量计算，具体标准请参考收费页面。' }}</p>
            </div>

            <div class="feature">
                <h3>{{ t('faq4_question') if t('faq4_question') else '如何联系客服？' }}</h3>
                <p>{{ t('faq4_answer') if t('faq4_answer') else '您可以通过联系页面提交问题，或直接拨打客服电话获取帮助。' }}</p>
            </div>

            <div class="feature">
                <h3>{{ t('faq5_question') if t('faq5_question') else '支持哪些支付方式？' }}</h3>
                <p>{{ t('faq5_answer') if t('faq5_answer') else '我们支持银行转账、信用卡、支付宝和微信支付等多种支付方式。' }}</p>
            </div>

            <div class="feature">
                <h3>{{ t('faq6_question') if t('faq6_question') else '如何查看交易记录？' }}</h3>
                <p>{{ t('faq6_answer') if t('faq6_answer') else '登录账户后，在交易记录页面可以查看所有的历史交易明细。' }}</p>
            </div>
        </div>
    </div>
</section>

<section class="features">
    <div class="container">
        <div class="section-title">
            <h2>{{ t('contact_support') if t('contact_support') else '联系支持' }}</h2>
            <p>{{ t('support_description') if t('support_description') else '如果您的问题未在常见问题中找到答案，请联系我们的支持团队' }}</p>
        </div>

        <div class="feature-grid">
            <div class="feature">
                <div class="feature-icon">📧</div>
                <h3>{{ t('email_support') if t('email_support') else '邮件支持' }}</h3>
                <p>{{ t('email_support_desc') if t('email_support_desc') else '发送邮件至 Sec.Info@fuzsec.com，我们将在24小时内回复' }}
                </p>
                <a href="mailto:support@fuzsec.com" class="btn">{{ t('send_email') if t('send_email') else '发送邮件' }}</a>
            </div>

            <div class="feature">
                <div class="feature-icon">📞</div>
                <h3>{{ t('phone_support') if t('phone_support') else '电话支持' }}</h3>
                <p>{{ t('phone_support_desc') if t('phone_support_desc') else '拨打客服热线 +852 35856298，工作日9:00-18:00' }}
                </p>
                <a href="tel:+85235856298" class="btn">{{ t('call_now') if t('call_now') else '立即拨打' }}</a>
            </div>

            <div class="feature">
                <div class="feature-icon">💬</div>
                <h3>{{ t('live_chat') if t('live_chat') else '在线聊天' }}</h3>
                <p>{{ t('live_chat_desc') if t('live_chat_desc') else '通过网站右下角的聊天窗口与客服实时沟通' }}</p>
                <a href="{{ url_for('contact') }}" class="btn">{{ t('start_chat') if t('start_chat') else '开始聊天' }}</a>
            </div>
        </div>
    </div>
</section>
{% endblock %}