import 'package:dating_touchme_app/components/page_appbar.dart';
import 'package:dating_touchme_app/controller/mine/deactivate_controller.dart';
import 'package:dating_touchme_app/extension/ex_widget.dart';
import 'package:dating_touchme_app/generated/assets.dart';
import 'package:dating_touchme_app/pages/mine/login_page.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:tdesign_flutter/tdesign_flutter.dart';

class DeactivatePage extends StatelessWidget {
  const DeactivatePage({super.key});

  @override
  Widget build(BuildContext context) {
    return GetX<DeactivateController>(
      init: DeactivateController(),
      builder: (controller){
        return Scaffold(
          appBar: PageAppbar(title: "${controller.s.value}"),
          body: Container(
            padding: EdgeInsets.symmetric(
                vertical: 52.w,
                horizontal: 15.w
            ),
            child: Column(
              children: [
                Text(
                  "账号注销安全提示",
                  style: TextStyle(
                      fontSize: 16.w,
                      fontWeight: FontWeight.w700
                  ),
                ),
                SizedBox(height: 35.w,),
                Text(
                  "申请注销趣恋恋账号前，趣恋恋将进行以下验证，以保证你的账号安全、财产安全。",
                  style: TextStyle(
                      fontSize: 13.w,
                      fontWeight: FontWeight.w500,
                      color: const Color.fromRGBO(144, 144, 144, 1)
                  ),
                ),
                SizedBox(height: 15.w,),
                Container(
                  height: 104.w,
                  padding: EdgeInsets.symmetric(
                      vertical: 20.w,
                      horizontal: 17.w
                  ),
                  decoration: BoxDecoration(
                      color: const Color.fromRGBO(245, 245, 245, 1),
                      borderRadius: BorderRadius.all(Radius.circular(8.w))
                  ),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Row(
                        children: [
                          Image.asset(
                            Assets.imagesSuccessIcon,
                            width: 15.w,
                          ),
                          SizedBox(width: 9.w,),
                          Text(
                            "账号处于安全状态",
                            style: TextStyle(
                                fontSize: 13.w,
                                color: const Color.fromRGBO(41, 186, 63, 1)
                            ),
                          )
                        ],
                      ),
                      Row(
                        children: [
                          Image.asset(
                            Assets.imagesErrorIcon,
                            width: 15.w,
                          ),
                          SizedBox(width: 9.w,),
                          Text(
                            "钱包余额未结清",
                            style: TextStyle(
                                fontSize: 13.w,
                                fontWeight: FontWeight.w500
                            ),
                          )
                        ],
                      ),
                    ],
                  ),
                ),
                Spacer(),
                Container(
                  width: 350.w,
                  height: 45.w,
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.all(Radius.circular(45.w)),
                    gradient: LinearGradient(
                      begin: Alignment.centerLeft,  // 90deg: 从左到右
                      end: Alignment.centerRight,
                      colors: [
                        Color.fromRGBO(131, 89, 255, 1),  // 起点颜色
                        Color.fromRGBO(77, 127, 231, 1),  // 中间颜色
                        Color.fromRGBO(61, 138, 224, 1),  // 终点颜色
                      ],
                      stops: [0.0, 0.7753, 1.0],  // 对应 0%、77.53%、100%
                    ),
                  ),
                  child: Center(
                    child: Text(
                      "提交注销申请",
                      style: TextStyle(
                          fontSize: 18.w,
                          color: Colors.white,
                          fontWeight: FontWeight.w500
                      ),
                    ),
                  ),
                ).onTap((){
                  showGeneralDialog(
                    context: context,
                    pageBuilder: (BuildContext buildContext, Animation<
                        double> animation,
                        Animation<double> secondaryAnimation) {
                      return TDAlertDialog(
                          title: '是否注销当前账号？',
                          buttonWidget: Container(
                            padding: EdgeInsetsGeometry.only(top: 16.w,
                                right: 30.w,
                                left: 30.w,
                                bottom: 32.w),
                            child: Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                TDButton(
                                  text: '取 消',
                                  width: 120,
                                  size: TDButtonSize.large,
                                  type: TDButtonType.fill,
                                  shape: TDButtonShape.round,
                                  theme: TDButtonTheme.defaultTheme,
                                  onTap: () {
                                    Navigator.of(context).pop();
                                  },
                                ),
                                TDButton(
                                  text: '确 定',
                                  width: 120,
                                  size: TDButtonSize.large,
                                  type: TDButtonType.fill,
                                  shape: TDButtonShape.round,
                                  theme: TDButtonTheme.danger,
                                  gradient: LinearGradient(
                                    begin: Alignment.centerLeft,  // 90deg: 从左到右
                                    end: Alignment.centerRight,
                                    colors: [
                                      Color.fromRGBO(131, 89, 255, 1),  // 起点颜色
                                      Color.fromRGBO(77, 127, 231, 1),  // 中间颜色
                                      Color.fromRGBO(61, 138, 224, 1),  // 终点颜色
                                    ],
                                    stops: [0.0, 0.7753, 1.0],  // 对应 0%、77.53%、100%
                                  ),
                                  onTap: () {
                                    controller.logout();
                                    Get.offAll(() => LoginPage());
                                  },
                                ),
                              ],
                            ),
                          )
                      );
                    },
                  );
                })
              ],
            ),
          ),
        );
      },
    );
  }
}