import 'package:dating_touchme_app/components/page_appbar.dart';
import 'package:dating_touchme_app/controller/mine/teenager_mode_open_controller.dart';
import 'package:dating_touchme_app/extension/ex_widget.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:pinput/pinput.dart';

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

  @override
  Widget build(BuildContext context) {
    return GetX<TeenagerModeOpenController>(
      init: TeenagerModeOpenController(),
      builder: (controller) {
        return Scaffold(
          appBar: PageAppbar(title: controller.teenageMode.value ? "关闭未成年人模式" : "开启未成年人模式"),
          body: SingleChildScrollView(
            child: Container(
              width: 375.w,
              padding: EdgeInsets.only(top: 140.w),
              child: Column(
                children: [
                  if(controller.teenageMode.value) Text(
                    "输入当前密码",
                    style: TextStyle(
                        fontSize: 21.w,
                        fontWeight: FontWeight.w500
                    ),
                  ),
                  if(!controller.teenageMode.value) Text(
                    controller.password.value == "" ? "设置密码" : "确认密码",
                    style: TextStyle(
                        fontSize: 21.w,
                        fontWeight: FontWeight.w500
                    ),
                  ),
                  SizedBox(height: 25.w,),
                  Pinput(
                    controller: controller.passwordController.value,
                    inputFormatters: [
                      // 只允许 0-9
                      FilteringTextInputFormatter.digitsOnly,
                    ],
                    onCompleted: (pin) {
                      print(pin);
                      if(!controller.teenageMode.value){
                        if(controller.password.value == ""){
                          controller.password.value = pin;
                          controller.passwordController.value.value = TextEditingValue(
                            text: "",
                            selection: TextSelection.fromPosition(TextPosition(offset: 0)),
                          );
                        } else {
                          controller.confirmPassword.value = pin;
                        }
                      } else {
                        controller.password.value = pin;
                      }
                    },
                  ),
                  Container(
                    margin: EdgeInsets.only(top: 60.w),
                    child: 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(
                          controller.teenageMode.value ? "立即验证" : "下一步",
                          style: TextStyle(
                              fontSize: 18.w,
                              color: Colors.white,
                              fontWeight: FontWeight.w500
                          ),
                        ),
                      ),
                    ).onTap((){
                      if(!controller.teenageMode.value){
                        controller.openTeenagerMode();
                      } else {
                        controller.closeTeenagerMode();
                      }
                    }),
                  )
                ],
              ),
            ),
          ),
        );
      },
    );
  }
}