import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import '../controllers/splash_controller.dart';
import '../../common/webview_page.dart';

class SplashView extends GetView<SplashController> {
  const SplashView({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final isDarkMode = Theme.of(context).brightness == Brightness.dark;

    return Scaffold(
      backgroundColor: isDarkMode ? Colors.black : const Color(0xFFF5F5F7),
      body: Stack(
        children: [
          // 主内容
          Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                // Logo动画
                _buildAnimatedLogo(isDarkMode),

                // 应用名称
                _buildAppTitle(isDarkMode),

                // 标语
                _buildSlogan(isDarkMode),

                // 加载进度条
                SizedBox(height: 40.h),
                _buildLoadingBar(isDarkMode),

                // 额外信息
                SizedBox(height: 16.h),
                _buildExtraInfo(isDarkMode),
              ],
            ),
          ),

          // 隐私政策组件 - 添加在底部
          Positioned(
            bottom: 90.h,
            left: 0,
            right: 0,
            child: _buildTermsAndPrivacy(isDarkMode),
          ),

          // 版本号
          //_buildVersionInfo(isDarkMode),
        ],
      ),
    );
  }

  // 动画Logo
  Widget _buildAnimatedLogo(bool isDarkMode) {
    return TweenAnimationBuilder<double>(
      tween: Tween<double>(begin: 0.8, end: 1.1),
      duration: const Duration(seconds: 2),
      curve: Curves.easeInOut,
      builder: (context, value, child) {
        // 确保opacity值不超过1.0
        final opacity = value <= 1.0 ? value : 1.0;

        return Transform.scale(
          scale: value,
          child: AnimatedOpacity(
            opacity: opacity,
            duration: const Duration(milliseconds: 500),
            child: child,
          ),
        );
      },
      child: Container(
        width: 96.w,
        height: 96.w,
        decoration: BoxDecoration(
          gradient: const LinearGradient(
            begin: Alignment.topLeft,
            end: Alignment.bottomRight,
            colors: [Colors.blue, Colors.purple],
          ),
          borderRadius: BorderRadius.circular(24.r),
          boxShadow: [
            BoxShadow(
              color: Colors.blue.withOpacity(0.3),
              blurRadius: 15,
              offset: const Offset(0, 8),
              spreadRadius: 3,
            ),
          ],
        ),
        child: Icon(
          Icons.headset,
          size: 48.sp,
          color: Colors.white,
        ),
      ),
    );
  }

  // 应用标题
  Widget _buildAppTitle(bool isDarkMode) {
    return TweenAnimationBuilder<double>(
      tween: Tween<double>(begin: 0.0, end: 1.0),
      duration: const Duration(milliseconds: 1500),
      curve: Curves.easeOut,
      builder: (context, value, child) {
        return Opacity(
          opacity: value,
          child: Padding(
            padding: EdgeInsets.only(top: 24.h),
            child: Text(
              'Voitrans',
              style: TextStyle(
                fontSize: 28.sp,
                fontWeight: FontWeight.bold,
                color: isDarkMode ? Colors.white : Colors.grey[800],
              ),
            ),
          ),
        );
      },
    );
  }

  // 标语
  Widget _buildSlogan(bool isDarkMode) {
    return TweenAnimationBuilder<double>(
      tween: Tween<double>(begin: 0.0, end: 1.0),
      duration: const Duration(milliseconds: 1500),
      curve: Curves.easeOut,
      builder: (context, value, child) {
        return Opacity(
          opacity: value,
          child: Padding(
            padding: EdgeInsets.only(top: 8.h),
            child: Text(
              'slogan'.tr, // 连接世界，岂止声音
              style: TextStyle(
                fontSize: 14.sp,
                color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
              ),
            ),
          ),
        );
      },
    );
  }

  // 加载进度条
  Widget _buildLoadingBar(bool isDarkMode) {
    return Padding(
      padding: EdgeInsets.symmetric(horizontal: 80.w),
      child: Stack(
        children: [
          // 背景条
          Container(
            height: 4.h,
            decoration: BoxDecoration(
              color: isDarkMode ? Colors.grey[800] : Colors.grey[200],
              borderRadius: BorderRadius.circular(2.r),
            ),
          ),
          // 进度条
          Obx(() {
            final progress = controller.loadingProgress;
            return AnimatedContainer(
              duration: const Duration(milliseconds: 200),
              height: 4.h,
              width: 240.w * progress, // 使用固定宽度乘以进度
              decoration: BoxDecoration(
                gradient: const LinearGradient(
                  begin: Alignment.centerLeft,
                  end: Alignment.centerRight,
                  colors: [Colors.blue, Colors.purple],
                ),
                borderRadius: BorderRadius.circular(2.r),
                boxShadow: [
                  BoxShadow(
                    color: Colors.blue.withOpacity(0.3),
                    blurRadius: 5,
                    offset: const Offset(0, 1),
                  ),
                ],
              ),
            );
          }),
        ],
      ),
    );
  }

  // 额外信息
  Widget _buildExtraInfo(bool isDarkMode) {
    return TweenAnimationBuilder<double>(
      tween: Tween<double>(begin: 0.0, end: 1.0),
      duration: const Duration(milliseconds: 1500),
      curve: Curves.easeOut,
      builder: (context, value, child) {
        return Opacity(
          opacity: value,
          child: Text(
            'sloganInfo'.tr, // AI语音专家 · 随时随地
            style: TextStyle(
              fontSize: 12.sp,
              color: isDarkMode ? Colors.grey[500] : Colors.grey[400],
            ),
          ),
        );
      },
    );
  }

  // 用户协议和隐私政策
  Widget _buildTermsAndPrivacy(bool isDarkMode) {
    return Column(
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            // 将勾选框和文本包装在 GestureDetector 中
            GestureDetector(
              //onTap: () => controller.togglePrivacyAcceptance(),
              behavior: HitTestBehavior.opaque, // 确保透明区域也能响应点击
              child: Row(
                children: [
                  SizedBox(
                    width: 12.w,
                    height: 16.w,
                    child: Transform.scale(
                      scale: 0.7,
                      child: Obx(() => Checkbox(
                            value: controller.hasAcceptedPrivacy.value,
                            onChanged: (value) => controller
                                .hasAcceptedPrivacy.value = value ?? false,
                            activeColor: const Color(0xFF3B82F6),
                            materialTapTargetSize:
                                MaterialTapTargetSize.shrinkWrap,
                            visualDensity: VisualDensity.compact,
                            side: BorderSide(
                              width: 1.6,
                              color: Colors.grey[600]!,
                            ),
                          )),
                    ),
                  ),
                  SizedBox(width: 4.w),
                  Text(
                    'expressConsent'.tr, // 登录/注册即表示你同意
                    style: TextStyle(
                      fontSize: 13.sp,
                      color: isDarkMode ? Colors.grey[400] : Colors.grey[700],
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
        //SizedBox(height: 4.h),
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            GestureDetector(
              // onTap: () {
              //   String url = 'https://www.voitrans.net/doc/yhxy.html'; // 用户协议链接
              //   if (Get.locale?.languageCode != 'zh' ||
              //       Get.locale?.countryCode != 'CN') {
              //     url = 'https://www.voitrans.net/doc/yhxy_en.html'; // 用户协议英文链接
              //   }
              //   Get.to(() => WebViewPage(
              //         url: url,
              //         title: 'userAgreement'.tr,
              //       ));
              // },
              child: Text(
                'userAgreement'.tr, // 《用户协议》
                style: TextStyle(
                  fontSize: 12.sp,
                  color: const Color(0xFF3B82F6),
                ),
              ),
            ),
            Text(
              'and'.tr, // 和
              style: TextStyle(
                fontSize: 12.sp,
                color: isDarkMode ? Colors.grey[500] : Colors.grey[600],
              ),
            ),
            GestureDetector(
              // onTap: () {
              //   String url = 'https://www.voitrans.net/doc/ysxy.html'; // 隐私政策链接

              //   if (Get.locale?.languageCode != 'zh' ||
              //       Get.locale?.countryCode != 'CN') {
              //     url = 'https://www.voitrans.net/doc/ysxy_en.html'; // 隐私政策英文链接
              //   }

              //   Get.to(() => WebViewPage(
              //         url: url,
              //         title: 'privacyPolicy'.tr,
              //       ));
              // },
              child: Text(
                'privacyPolicy'.tr, // 《隐私政策》
                style: TextStyle(
                  fontSize: 12.sp,
                  color: const Color(0xFF3B82F6),
                ),
              ),
            ),
          ],
        ),
      ],
    );
  }

  // 版本信息
  // 暂时不需要版本号显示，保留代码以备将来使用
  // Widget _buildVersionInfo(bool isDarkMode) {
  //   return Positioned(
  //     bottom: 32.h,
  //     left: 0,
  //     right: 0,
  //     child: Center(
  //       child: Text(
  //         controller.version,
  //         style: TextStyle(
  //           fontSize: 12.sp,
  //           color: isDarkMode ? Colors.grey[500] : Colors.grey[400],
  //         ),
  //       ),
  //     ),
  //   );
  // }
}