{% 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">💻</div>
                <h3>{{ t('pc_client') if t('pc_client') else '电脑客户端' }}</h3>
                <p>{{ t('pc_client_desc') if t('pc_client_desc') else '适用于Windows系统的桌面客户端，提供完整功能体验' }}</p>
                <a href="{{ url_for('serve_download_file', filename='pc_client_setup_v2.1.0.exe') }}" class="btn"
                    download>{{ t('download_now') if t('download_now') else '立即下载' }}</a>
                <div class="download-info">
                    <p><strong>{{ t('version') if t('version') else '版本' }}:</strong> v2.1.0</p>
                    <p><strong>{{ t('file_size') if t('file_size') else '文件大小' }}:</strong> 85.6 MB</p>
                    <p><strong>{{ t('system_requirements') if t('system_requirements') else '系统要求' }}:</strong> Windows
                        10+</p>
                </div>
            </div>

            <div class="feature">
                <div class="feature-icon">📱</div>
                <h3>{{ t('android_client') if t('android_client') else '安卓手机客户端' }}</h3>
                <p>{{ t('android_client_desc') if t('android_client_desc') else '适用于Android手机的移动客户端，随时随地管理您的账户' }}</p>
                <a href="{{ url_for('serve_download_file', filename='hkfuze-online-release_4.60.0_2025-06-20.apk') }}"
                    class="btn" download>{{ t('download_now') if t('download_now') else '立即下载' }}</a>
                <div class="download-info">
                    <p><strong>{{ t('version') if t('version') else '版本' }}:</strong> v4.60.0</p>
                    <p><strong>{{ t('file_size') if t('file_size') else '文件大小' }}:</strong> 103.2 MB</p>
                    <p><strong>{{ t('system_requirements') if t('system_requirements') else '系统要求' }}:</strong> Android
                        8.0+</p>
                </div>
            </div>

            <div class="feature">
                <div class="feature-icon">🖼️</div>
                <h3>{{ t('image_download') if t('image_download') else '图片下载' }}</h3>
                <p>{{ t('image_download_desc') if t('image_download_desc') else '下载公司标志或相关图片' }}</p>
                <a href="{{ url_for('serve_log_file', filename='1024.jpg') }}" class="btn" download>{{
                    t('download_image')
                    if t('download_image') else '下载图片' }}</a>
                <div class="download-info">
                    <p><strong>{{ t('file_format') if t('file_format') else '文件格式' }}:</strong> JPG</p>
                    <p><strong>{{ t('file_size') if t('file_size') else '文件大小' }}:</strong> 约 50 KB</p>
                    <p><strong>{{ t('resolution') if t('resolution') else '分辨率' }}:</strong> 80x80 pixels</p>
                </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>
{% endblock %}