import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:kaer_with_panels/app/common/app_config.dart';
import 'package:kaer_with_panels/app/localization/app_translations.dart';
import 'package:kaer_with_panels/app/widgets/kr_local_image.dart';
import '../controllers/kr_invite_controller.dart';
import 'package:flutter/services.dart';
import 'package:kaer_with_panels/app/utils/kr_common_util.dart';
import 'package:kaer_with_panels/app/widgets/hi_base_scaffold.dart';
import 'package:kaer_with_panels/app/widgets/hi_help_entrance.dart';

class KRInviteView extends GetView<KRInviteController> {
  const KRInviteView({super.key});

  @override
  Widget build(BuildContext context) {

    final isKeyboardVisible = MediaQuery.of(context).viewInsets.bottom > 0;

    return HIBaseScaffold(
      resizeToAvoidBottomInset: true,
      // 1. child 的根组件使用 Stack，以允许绝对定位的组件（如 HIHelpEntrance）正常工作
      child: Stack(
        children: [
          SingleChildScrollView(
            keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
            physics: const AlwaysScrollableScrollPhysics(),
            child: Padding(
              padding: EdgeInsets.symmetric(horizontal: 40.w),
              // 3. 使用一个内层 Column 来组织内容
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  // 🟢 第一行：奖励说明
                  Container(
                    padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 20.w),
                    decoration: BoxDecoration(
                      color: Theme.of(context).primaryColor,
                      borderRadius: BorderRadius.circular(25.r),
                    ),
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.center,
                      mainAxisSize: MainAxisSize.min, // 由内容撑开
                      children: [
                        KrLocalImage(
                          imageName: 'hi-home-logo',
                          imageType: ImageType.svg,
                          width: 54.w,
                          color: Colors.black,
                        ),
                        SizedBox(width: 16.w),
                        Flexible(
                          child: Text(
                            '受邀用户首次付款时，他将与您分别获得3天免费使用时长',
                            style: TextStyle(
                              color: Colors.black,
                              fontSize: 14.sp,
                              fontWeight: FontWeight.w500,
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),

                  SizedBox(height: 26.w),
                  // 🟢 第二行：我的邀请码
                  Container(
                    padding: EdgeInsets.symmetric(horizontal: 4.w, vertical: 2.w),
                    decoration: BoxDecoration(
                      border: Border.all(color: Colors.white, width: 2.0),
                      borderRadius: BorderRadius.circular(1000.r),
                    ),
                    child: Obx(
                          () => Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Container(
                            width: 100.w,
                            height: 40.w,
                            alignment: Alignment.center,
                            decoration: BoxDecoration(
                              color: Theme.of(context).primaryColor,
                              borderRadius: BorderRadius.circular(1000.r),
                            ),
                            child: Text(
                              '邀请码',
                              style: TextStyle(
                                color: Colors.black,
                                fontSize: 16.sp,
                                fontWeight: FontWeight.w600,
                              ),
                            ),
                          ),
                          Expanded(
                            child: Text(
                              controller.kr_referCode.value,
                              textAlign: TextAlign.center,
                              style: TextStyle(
                                color: Colors.white,
                                fontSize: 20.sp,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ),
                          IconButton(
                            icon: const KrLocalImage(
                              imageName: 'share-icon',
                              imageType: ImageType.svg,
                              color: Colors.white,
                            ),
                            onPressed: () {
                              if (controller.kr_referCode.value.isNotEmpty) {
                                Clipboard.setData(
                                  ClipboardData(text: controller.kr_referCode.value),
                                );
                                KRCommonUtil.kr_showToast(
                                  AppTranslations.kr_invite.inviteCodeCopied,
                                );
                              }
                            },
                          ),
                        ],
                      ),
                    ),
                  ),
                  SizedBox(height: 160.w),
                  // 🟢 第三部分：接受他人邀请
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        '接受他人邀请',
                        style: TextStyle(
                          color: Colors.white,
                          fontSize: 14.sp,
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                      SizedBox(height: 8.h),
                      TextField(
                        controller: controller.otherInviteCodeController,
                        textAlign: TextAlign.center,
                        style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
                        decoration: InputDecoration(
                          hintText: '填入邀请人邀请码兑换免费时长...',
                          hintStyle: const TextStyle(color: Color(0xFFA6A6A6)),
                          filled: true,
                          fillColor: Colors.transparent,
                          contentPadding: EdgeInsets.symmetric(horizontal: 22.w),
                          border: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(1000.r),
                            borderSide: const BorderSide(color: Colors.white, width: 2.0),
                          ),
                          enabledBorder: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(1000.r),
                            borderSide: const BorderSide(color: Colors.white, width: 2.0),
                          ),
                          focusedBorder: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(1000.r),
                            borderSide: const BorderSide(color: Colors.white, width: 2.0),
                          ),
                          constraints: BoxConstraints(maxHeight: 50.h),
                        ),
                      ),
                      SizedBox(height: 10.w),
                      SizedBox(
                        width: double.infinity,
                        height: 50.w,
                        child: ElevatedButton(
                          style: ElevatedButton.styleFrom(
                            backgroundColor: Theme.of(context).primaryColor,
                            shape: RoundedRectangleBorder(
                              borderRadius: BorderRadius.circular(1000.r),
                            ),
                          ),
                          onPressed: () {
                            controller.kr_handleBindInviteCode();
                          },
                          child: Text(
                            '保存',
                            style: TextStyle(
                              color: Colors.black,
                              fontSize: 16.sp,
                              fontWeight: FontWeight.bold,
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                  // 4. 在可滚动区域的末尾添加一个占位边距，防止内容被 HIHelpEntrance 遮挡
                  SizedBox(height: 80.w), // 这个高度可以根据 HIHelpEntrance 的实际高度进行微调
                ],
              ),
            ),
          ),

          // 5. 将 HIHelpEntrance 作为 Stack 的直接子元素，它将恢复其原有的绝对定位能力
          if (!isKeyboardVisible)
            const HIHelpEntrance(),
        ],
      ),
    );
  }
}