import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import '../controllers/pairing_controller.dart';

/// 配对视图 - 简化版本
class PairingView extends GetView<PairingController> {
  const PairingView({Key? key}) : super(key: key);

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

    return Scaffold(
      backgroundColor: isDarkMode ? Colors.black : Colors.white,
      body: SafeArea(
        child: Padding(
          padding: EdgeInsets.all(24.w),
          child: Column(
            children: [
              // 顶部标题
              _buildHeader(isDarkMode),

              // 中间内容
              Expanded(
                child: Center(
                  child: Obx(() => _buildContent(isDarkMode)),
                ),
              ),

              // 底部按钮
              Obx(() => _buildButtons(isDarkMode)),

              SizedBox(height: 20.h),
            ],
          ),
        ),
      ),
    );
  }

  /// 构建标题
  Widget _buildHeader(bool isDarkMode) {
    return Column(
      children: [
        Text(
          'devicePairing'.tr, // 设备配对
          style: TextStyle(
            fontSize: 24.sp,
            fontWeight: FontWeight.bold,
            color: isDarkMode ? Colors.white : Colors.black,
          ),
        ),
        SizedBox(height: 8.h),
        Text(
          'connectYourDeepSoundHeadset'.tr, // 连接您的 Voitrans 耳机
          style: TextStyle(
            fontSize: 14.sp,
            color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
          ),
        ),
        SizedBox(height: 40.h),
      ],
    );
  }

  /// 构建主要内容
  Widget _buildContent(bool isDarkMode) {
    final state = controller.currentState;
    final isLoading = controller.isLoading.value;

    return Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        // 状态图标
        _buildStateIcon(state, isLoading, isDarkMode),

        SizedBox(height: 40.h),

        // 状态文本
        Text(
          controller.statusText.value,
          style: TextStyle(
            fontSize: 16.sp,
            color: isDarkMode ? Colors.white : Colors.black,
          ),
          textAlign: TextAlign.center,
        ),

        // 错误详情
        if (state == PairingState.error) ...[
          SizedBox(height: 16.h),
          Container(
            padding: EdgeInsets.all(16.w),
            decoration: BoxDecoration(
              color: Colors.red.withValues(alpha: 0.1),
              borderRadius: BorderRadius.circular(12.r),
              border: Border.all(color: Colors.red.withValues(alpha: 0.3)),
            ),
            child: Row(
              children: [
                Icon(
                  Icons.error_outline,
                  color: Colors.red,
                  size: 20.sp,
                ),
                SizedBox(width: 12.w),
                Expanded(
                  child: Text(
                    controller.errorMessage,
                    style: TextStyle(
                      fontSize: 14.sp,
                      color: Colors.red,
                    ),
                  ),
                ),
              ],
            ),
          ),
        ],
      ],
    );
  }

  /// 构建状态图标
  Widget _buildStateIcon(PairingState state, bool isLoading, bool isDarkMode) {
    if (isLoading) {
      return CircularProgressIndicator(
        valueColor: AlwaysStoppedAnimation<Color>(
          Theme.of(Get.context!).primaryColor,
        ),
      );
    }

    IconData iconData;
    Color iconColor;

    switch (state) {
      case PairingState.idle:
      case PairingState.checking:
        iconData = Icons.bluetooth_searching;
        iconColor = Colors.blue;
        break;

      case PairingState.waitingClassic:
        iconData = Icons.bluetooth;
        iconColor = Colors.grey;
        break;

      case PairingState.verifying:
        iconData = Icons.verified_user;
        iconColor = Colors.orange;
        break;
      case PairingState.binding:
        iconData = Icons.blind;
        iconColor = Colors.blue;
        break;
      case PairingState.associating:
        iconData = Icons.link;
        iconColor = Colors.blue;
        break;

      case PairingState.waitingBle:
        iconData = Icons.sync;
        iconColor = Colors.blue;
        break;
      case PairingState.manualbinding:
        iconData = Icons.blind;
        iconColor = Colors.blue;
        break;
      case PairingState.completed:
        iconData = Icons.check_circle;
        iconColor = Colors.green;
        break;

      case PairingState.error:
        iconData = Icons.error;
        iconColor = Colors.red;
        break;
    }

    return Container(
      width: 100.w,
      height: 100.w,
      decoration: BoxDecoration(
        color: iconColor.withValues(alpha: 0.1),
        shape: BoxShape.circle,
      ),
      child: Icon(
        iconData,
        size: 60.sp,
        color: iconColor,
      ),
    );
  }

  /// 构建按钮
  Widget _buildButtons(bool isDarkMode) {
    final showConnectButton = controller.showConnectButton.value;
    final showBindButton = controller.showBindButton.value;
    final showRetryButton = controller.showRetryButton.value;
    final showAutoCodeInput = controller.showAutoCodeInput.value;
    final showSkipButton = controller.showSkipButton.value;

    return Column(
      children: [
        // 主要操作按钮
        if (showConnectButton)
          _buildPrimaryButton(
            'connectDevice'.tr, // 连接设备
            controller.onConnectTap,
            isDarkMode,
          ),

        // 绑定按钮
        if (showBindButton)
          TextButton(
            onPressed: controller.confirmBindDevice,
            child: Text(
              'bind'.tr, // 绑定
              style: TextStyle(
                fontSize: 14.sp,
                color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
              ),
            ),
          ),

        if (showRetryButton)
          _buildPrimaryButton(
            'retry'.tr, // 重试
            controller.onRetryTap,
            isDarkMode,
          ),

        SizedBox(height: 12.h),

        if (showAutoCodeInput)
          // 自动输入代码按钮
          SizedBox(
            width: double.infinity,
            height: 48.h,
            child: ElevatedButton(
              onPressed: controller.onAutoCodeInputTap,
              style: ElevatedButton.styleFrom(
                backgroundColor: Theme.of(Get.context!).primaryColor,
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(12.r),
                ),
                elevation: 0,
              ),
              child: Text(
                'autoInputCode'.tr, // 自动输入代码
                style: TextStyle(
                  fontSize: 16.sp,
                  fontWeight: FontWeight.w600,
                  color: Colors.white,
                ),
              ),
            ),
          ),

        // 跳过按钮
        if (showSkipButton)
          TextButton(
            onPressed: controller.onSkipTap,
            child: Text(
              'skip'.tr, // 跳过
              style: TextStyle(
                fontSize: 14.sp,
                color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
              ),
            ),
          ),
      ],
    );
  }

  /// 构建主要按钮
  Widget _buildPrimaryButton(
      String text, VoidCallback onPressed, bool isDarkMode) {
    return SizedBox(
      width: double.infinity,
      height: 48.h,
      child: ElevatedButton(
        onPressed: onPressed,
        style: ElevatedButton.styleFrom(
          backgroundColor: Theme.of(Get.context!).primaryColor,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(12.r),
          ),
          elevation: 0,
        ),
        child: Text(
          text,
          style: TextStyle(
            fontSize: 16.sp,
            fontWeight: FontWeight.w600,
            color: Colors.white,
          ),
        ),
      ),
    );
  }
}