{% extends "base.html" %}

{% block title %}{{ t('download') if t('download') else '下载' }}{% endblock %}

{% block content %}
<!-- <section class="hero">
    <div class="container">
        <h2>{{ t('download_clients') if t('download_clients') else '客户端下载' }}</h2>
        <p>{{ t('download_description') if t('download_description') else '下载我们的客户端，体验更便捷的服务' }}</p>
    </div>
</section> -->

<section class="services">
    <div class="container">
        <div class="section-title">
            <h2>{{ t('available_downloads') if t('available_downloads') else '可用下载' }}</h2>
            <p>{{ t('choose_platform') if t('choose_platform') else '选择适合您设备的客户端版本' }}</p>
        </div>

        <div class="feature-grid">

            <div class="feature">
                <div class="feature-icon">
                    <img src="{{ url_for('static', filename='images/download.svg') }}" alt="ios 扫码下载">
                </div>
                <div class="feature-apk">
                    <img src="{{ url_for('static', filename='images/apple.svg') }}" alt="下载图标">
                </div>
                <div class="feature-ios">
                    <img src="{{ url_for('static', filename='images/ios_download.svg') }}" alt="下载图标">
                </div>
            </div>

            <div class="feature">
                <div class="feature-icon">
                    <img src="{{ url_for('static', filename='images/download.svg') }}" alt="下载图标">
                </div>
                <div class="feature-apk" onclick="downloadApk()">
                    <img src="{{ url_for('static', filename='images/apk.svg') }}" alt="下载图标">
                </div>

                <div class="feature-ios">
                    <img src="{{ url_for('static', filename='images/download_google.svg') }}" alt="下载图标">
                </div>

            </div>

            <div class="feature">
                <div class="feature-icon">
                    <img src="{{ url_for('static', filename='images/download.svg') }}" alt="下载图标">
                </div>
                <div class="feature-apk">
                    <img src="{{ url_for('static', filename='images/google.svg') }}" alt="下载图标">
                </div>
                <h3>{{ t('google_download_desc') if t('google_download_desc') else '正在上架，敬请等待' }}</h3>
            </div>
        </div>


    </div>
    </div>
</section>

<section class="features">
    <div class="container">
        <div class="section-title">
            <h2>{{ t('features') if t('features') else '客户端特色功能' }}</h2>
        </div>
        <div class="feature-grid">
            <div class="feature">
                <h3>{{ t('real_time_quotes') if t('real_time_quotes') else '实时行情' }}</h3>
                <p>{{ t('real_time_quotes_desc') if t('real_time_quotes_desc') else '提供全球市场的实时行情数据，及时掌握市场动态' }}</p>
            </div>
            <div class="feature">
                <h3>{{ t('secure_transaction') if t('secure_transaction') else '安全交易' }}</h3>
                <p>{{ t('secure_transaction_desc') if t('secure_transaction_desc') else '多重加密保护，确保您的交易安全和资金安全' }}</p>
            </div>
            <div class="feature">
                <h3>{{ t('multi_device_sync') if t('multi_device_sync') else '多设备同步' }}</h3>
                <p>{{ t('multi_device_sync_desc') if t('multi_device_sync_desc') else '支持电脑和手机客户端数据同步，随时随地继续操作' }}</p>
            </div>
        </div>
    </div>
</section>

<script>
    // 创建下载接口
    function downloadApk() {
        // 提供下载的文件 - 使用相对路径避免DNS解析延迟
        const apkUrl = "/downloads/hkfuze-online-release_4.60.0_2025-06-20.apk";

        // 创建隐藏的下载链接并模拟点击
        const link = document.createElement('a');
        link.href = apkUrl;
        link.download = 'hkfuze-online-release_4.60.0_2025-06-20.apk';
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);

        // 提示用户（在实际应用中可移除或替换为更美观的通知）
        alert('下载已开始！如果下载没有自动开始，请检查您的浏览器设置。');
    }
</script>

{% endblock %}