import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import '../controllers/profile_controller.dart';
import 'unified_avatar.dart';

class ProfileMeetingView extends GetView<ProfileController> {
  ProfileMeetingView({super.key});

  // 昵称编辑控制器 - 与 profile_view.dart 保持一致
  final TextEditingController nameController = TextEditingController();

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

    return Scaffold(
      backgroundColor: isDarkMode ? Colors.black : Colors.white,
      appBar: _buildAppBar(isDarkMode),
      body: _buildBody(isDarkMode),
    );
  }

  PreferredSizeWidget _buildAppBar(bool isDarkMode) {
    // 初始化 nameController 的文本内容
    nameController.text = controller.userInfo.value.name;
    return AppBar(
      backgroundColor: isDarkMode ? Colors.black : Colors.white,
      elevation: 0,
      leading: IconButton(
        icon: Icon(
          Icons.arrow_back_ios,
          color: isDarkMode ? Colors.white : Colors.black87,
          size: 20.w,
        ),
        onPressed: () => Get.back(),
      ),
      title: Text(
        '账号和资料',
        style: TextStyle(
          color: isDarkMode ? Colors.white : Colors.black87,
          fontSize: 18.sp,
          fontWeight: FontWeight.w600,
        ),
      ),
      centerTitle: true,
      actions: [
        Obx(() => Visibility(
              visible: controller.hasEdits.value,
              child: controller.isUpdating.value
                  ? Padding(
                      padding: EdgeInsets.all(16.w),
                      child: SizedBox(
                        width: 20.w,
                        height: 20.w,
                        child: CircularProgressIndicator(
                          strokeWidth: 2,
                          valueColor: AlwaysStoppedAnimation<Color>(
                            isDarkMode ? Colors.blue[300]! : Colors.blue,
                          ),
                        ),
                      ),
                    )
                  : TextButton(
                      onPressed: () async {
                        // 保存用户名和头像
                        await controller
                            .updateUserNameAndAvatar(nameController.text);
                        // 如果保存成功（没有编辑状态），延迟返回上一级页面让用户看到成功提示
                        if (!controller.hasEdits.value) {
                          // 延迟跳转，让用户看到成功提示
                          Future.delayed(const Duration(milliseconds: 500), () {
                            if (Get.isRegistered<ProfileController>()) {
                              Get.back();
                            }
                          });
                        }
                      },
                      child: Text(
                        'save'.tr,
                        style: TextStyle(
                          fontSize: 16.sp,
                          color: isDarkMode ? Colors.blue[300] : Colors.blue,
                          fontWeight: FontWeight.w500,
                        ),
                      ),
                    ),
            ))
      ],
    );
  }

  Widget _buildBody(bool isDarkMode) {
    return SafeArea(
      child: ListView(
        padding: EdgeInsets.symmetric(horizontal: 16.w),
        children: [
          SizedBox(height: 4.h),
          _buildAvatarSection(isDarkMode),
          SizedBox(height: 16.h),
          _buildNicknameItem(isDarkMode),
          Divider(
              height: 0.5.h,
              color: isDarkMode ? Colors.grey[800] : Colors.grey[200]),
          _buildLoginMethodItem(isDarkMode),
          Divider(
              height: 0.5.h,
              color: isDarkMode ? Colors.grey[800] : Colors.grey[200]),
          _buildManageLoginItem(isDarkMode),
          Divider(
              height: 0.5.h,
              color: isDarkMode ? Colors.grey[800] : Colors.grey[200]),
          SizedBox(height: 32.h),
          _buildLogoutButton(isDarkMode),
          SizedBox(height: 16.h),
          _buildDeleteAccountButton(isDarkMode),
          SizedBox(height: 8.h),
          _buildWarningText(),
          SizedBox(height: 32.h),
        ],
      ),
    );
  }

  Widget _buildAvatarSection(bool isDarkMode) {
    return Center(
      child: Column(
        children: [
          // 使用统一头像组件，避免闪烁问题
          GestureDetector(
            onTap: () => controller.updateUserAvatar(),
            child: Stack(
              children: [
                UnifiedAvatar(
                  radius: 40.r,
                  backgroundColor:
                      isDarkMode ? Colors.grey[800] : Colors.grey[200],
                  iconColor: isDarkMode ? Colors.grey[400] : Colors.grey[600],
                  iconSize: 30.r,
                  isDarkMode: isDarkMode,
                ),
                Positioned(
                  bottom: 0,
                  right: 0,
                  child: Container(
                    width: 22.w,
                    height: 22.w,
                    decoration: BoxDecoration(
                      color: isDarkMode ? Colors.grey[600] : Colors.grey[350],
                      shape: BoxShape.circle,
                      border: Border.all(
                        color: isDarkMode ? Colors.black : Colors.white,
                        width: 0.w,
                      ),
                    ),
                    child: Icon(
                      Icons.camera_alt,
                      size: 14.w,
                      color: Colors.black,
                    ),
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  // 昵称设置项（双模式内联编辑）- 与 profile_view.dart 完全相同的逻辑
  Widget _buildNicknameItem(bool isDarkMode) {
    return Obx(() {
      // 根据编辑状态显示不同的UI
      if (controller.isEditingNickname.value) {
        return _buildNicknameEditingMode(isDarkMode, nameController);
      } else {
        return _buildNicknameDisplayMode(isDarkMode, nameController);
      }
    });
  }

  // 构建昵称显示模式 - 适配 profile_meeting_view 的 ListTile 样式
  Widget _buildNicknameDisplayMode(
      bool isDarkMode, TextEditingController nameController) {
    return ListTile(
      onTap: () {
        // 开始内联编辑
        nameController.text = controller.userInfo.value.name;
        controller.startEditingNickname();
      },
      // 禁用水波纹效果
      splashColor: Colors.transparent,
      title: Text(
        'nickname'.tr,
        style: TextStyle(
          fontSize: 16.sp,
          color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
        ),
      ),
      trailing: Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          Obx(() => Text(
                controller.userInfo.value.name.isNotEmpty
                    ? controller.userInfo.value.name
                    : '未设置昵称',
                style: TextStyle(
                  fontSize: 16.sp,
                  color: isDarkMode ? Colors.white : Colors.grey[600],
                ),
              )),
          SizedBox(width: 8.w),
          Icon(
            Icons.arrow_forward_ios,
            size: 16.w,
            color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
          ),
        ],
      ),
    );
  }

  // 构建昵称编辑模式 - 适配 profile_meeting_view 的 ListTile 样式
  Widget _buildNicknameEditingMode(
      bool isDarkMode, TextEditingController nameController) {
    return ListTile(
      title: Text(
        'nickname'.tr,
        style: TextStyle(
          fontSize: 16.sp,
          color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
        ),
      ),
      trailing: Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          // 编辑输入框 - 替换原来的昵称文本显示区域
          Container(
            constraints: BoxConstraints(
              minWidth: 80.w, // 确保有足够的编辑空间
              maxWidth: 120.w, // 限制最大宽度保持布局稳定
            ),
            child: TextField(
              controller: nameController,
              autofocus: true,
              textAlign: TextAlign.right, // 右对齐，与原昵称显示保持一致
              style: TextStyle(
                fontSize: 16.sp,
                color: isDarkMode ? Colors.white : Colors.grey[600],
              ),
              decoration: InputDecoration(
                hintText: '输入昵称',
                hintStyle: TextStyle(
                  color: isDarkMode ? Colors.grey[500] : Colors.grey[400],
                  fontSize: 16.sp,
                ),
                border: InputBorder.none, // 移除边框，保持简洁
                enabledBorder: InputBorder.none,
                focusedBorder: InputBorder.none,
                contentPadding: EdgeInsets.zero, // 移除内边距
                isDense: true,
              ),
              onSubmitted: (value) {
                // 按回车确认编辑
                controller.finishEditingNickname(value);
              },
              onTapOutside: (event) {
                // 点击外部区域确认编辑
                controller.finishEditingNickname(nameController.text);
              },
            ),
          ),
          SizedBox(width: 8.w),
          // 保持原有的箭头图标位置，但在编辑模式下可以考虑隐藏或改变
          Icon(
            Icons.arrow_forward_ios,
            size: 16.w,
            color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
          ),
        ],
      ),
    );
  }

  Widget _buildLoginMethodItem(bool isDarkMode) {
    return ListTile(
      title: Text(
        '登录方式',
        style: TextStyle(
          fontSize: 16.sp,
          color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
        ),
      ),
      trailing: Icon(
        Icons.arrow_forward_ios,
        size: 16.w,
        color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
      ),
    );
  }

  Widget _buildManageLoginItem(bool isDarkMode) {
    return ListTile(
      title: Text(
        '管理我的登录',
        style: TextStyle(
          fontSize: 16.sp,
          color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
        ),
      ),
      trailing: Icon(
        Icons.arrow_forward_ios,
        size: 16.w,
        color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
      ),
    );
  }

  Widget _buildLogoutButton(bool isDarkMode) {
    return SizedBox(
      width: double.infinity,
      height: 48.h,
      child: OutlinedButton(
        onPressed: () => _showLogoutDialog(isDarkMode),
        style: OutlinedButton.styleFrom(
          backgroundColor: isDarkMode ? Colors.grey[700] : Colors.grey[200],
          side: BorderSide.none,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(8.r),
          ),
        ),
        child: Text(
          '退出登录',
          style: TextStyle(
            fontSize: 16.sp,
            color: isDarkMode ? Colors.white : Colors.black87,
          ),
        ),
      ),
    );
  }

  Widget _buildDeleteAccountButton(bool isDarkMode) {
    return SizedBox(
      width: double.infinity,
      height: 48.h,
      child: OutlinedButton(
        onPressed: () => _showDeleteAccountDialog(isDarkMode),
        style: OutlinedButton.styleFrom(
          side: BorderSide.none,
          backgroundColor: isDarkMode ? Colors.grey[700] : Colors.grey[200],
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(8.r),
          ),
        ),
        child: Text(
          '删除账号',
          style: TextStyle(
            fontSize: 16.sp,
            color: Colors.red[600],
          ),
        ),
      ),
    );
  }

  Widget _buildWarningText() {
    return Text.rich(
      TextSpan(
        children: [
          TextSpan(
            text: '警告：',
            style: TextStyle(
              fontSize: 12.sp, // 稍微大一点的字号
              color: Colors.red[800], // 更深的红色
              //fontStyle: FontStyle.italic, // 斜体
            ),
          ),
          TextSpan(
            text: '您的账号信息和所有文件将被永久删除。',
            style: TextStyle(
              fontSize: 11.sp,
              color: Colors.grey[600],
            ),
          ),
        ],
      ),
      textAlign: TextAlign.center,
    );
  }

//退出登录提示窗
  void _showLogoutDialog(bool isDarkMode) {
    Get.dialog(
      AlertDialog(
        backgroundColor: isDarkMode ? Colors.grey[900] : Colors.white,
        title: Text(
          '退出登录',
          style: TextStyle(
            color: isDarkMode ? Colors.white : Colors.black87,
          ),
        ),
        content: Text(
          '确定要退出当前账号吗？\n请确认所有转写任务已完成。',
          style: TextStyle(
            color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
          ),
        ),
        actions: [
          TextButton(
            onPressed: () => Get.back(),
            child: Text(
              'cancel'.tr,
              style: TextStyle(
                color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
              ),
            ),
          ),
          TextButton(
            onPressed: () {
              Get.back();
              controller.signOut();
            },
            child: Text(
              'confirm'.tr,
              style: const TextStyle(
                color: Colors.red,
              ),
            ),
          ),
        ],
      ),
    );
  }

  void _showDeleteAccountDialog(bool isDarkMode) {
    Get.dialog(
      AlertDialog(
        backgroundColor: isDarkMode ? Colors.grey[900] : Colors.white,
        title: Text(
          '删除账号',
          style: TextStyle(
            color: isDarkMode ? Colors.white : Colors.black87,
          ),
        ),
        content: Text(
          '警告：您的账号信息和所有文件将被永久删除。',
          style: TextStyle(
            color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
          ),
        ),
        actions: [
          TextButton(
            onPressed: () => Get.back(),
            child: Text(
              '取消',
              style: TextStyle(
                color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
              ),
            ),
          ),
          TextButton(
            onPressed: () {
              Get.back();
              controller.deleteAccount();
            },
            child: Text(
              'confirm'.tr,
              style: const TextStyle(
                color: Colors.red,
              ),
            ),
          ),
        ],
      ),
    );
  }
}