import 'package:dating_touchme_app/components/page_appbar.dart';
import 'package:dating_touchme_app/controller/global.dart';
import 'package:dating_touchme_app/controller/mine/teenager_mode_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/setting/teenager_mode_open_page.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';

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

  @override
  Widget build(BuildContext context) {
    return GetX<TeenagerModeController>(
      init: TeenagerModeController(),
      builder: (controller) {
        return Scaffold(
          appBar: PageAppbar(title: "", backgroundColor: const Color.fromRGBO(242, 241, 246, 1),),
          backgroundColor: const Color.fromRGBO(242, 241, 246, 1),
          body: Container(
            width: 375.w,
            padding: EdgeInsets.only(
                top: 10.w
            ),
            child: Column(
              children: [
                Image.asset(
                  Assets.imagesTeenagerBg,
                  width: 203.w,
                  height: 203.w,
                ),
                Text(
                  controller.teenageMode.value ? "未成年人模式已开启" : "未成年人模式未开启",
                  style: TextStyle(
                      fontSize: 21.w,
                      fontWeight: FontWeight.w500
                  ),
                ),
                if(controller.teenageMode.value) Text(
                  "开启状态下，无法查看内容",
                  style: TextStyle(
                    fontSize: 13.w,
                    color: const Color.fromRGBO(144, 144, 144, 1)
                  ),
                ),
                if(!controller.teenageMode.value) ...[
                  SizedBox(height: 25.w,),
                  Container(
                    padding: EdgeInsets.symmetric(
                        horizontal: 50.w
                    ),
                    child: Column(
                      children: [
                        Row(
                          children: [
                            Image.asset(
                              Assets.imagesTeenagerList,
                              width: 11.w,
                            ),
                            SizedBox(width: 6.w,),
                            Text(
                              "青少年模式中，无法进行充值、购买等操作",
                              style: TextStyle(
                                  fontSize: 13.w
                              ),
                            )
                          ],
                        ),
                        SizedBox(height: 14.w,),
                        Row(
                          children: [
                            Image.asset(
                              Assets.imagesTeenagerList,
                              width: 11.w,
                            ),
                            SizedBox(width: 6.w,),
                            Text(
                              "无法进行连麦、直播等操作",
                              style: TextStyle(
                                  fontSize: 13.w
                              ),
                            )
                          ],
                        ),
                        SizedBox(height: 14.w,),
                        Row(
                          children: [
                            Image.asset(
                              Assets.imagesTeenagerList,
                              width: 11.w,
                            ),
                            SizedBox(width: 6.w,),
                            Text(
                              "无法使用推荐发消息等功能",
                              style: TextStyle(
                                  fontSize: 13.w
                              ),
                            )
                          ],
                        ),
                      ],
                    ),
                  ),
                ],
                Spacer(),
                Container(
                  margin: EdgeInsets.only(bottom: 30.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((){
                    Get.to(() => TeenagerModeOpenPage())?.then((e){
                      controller.teenageMode.value = GlobalData().teenagerMode;
                    });
                  }),
                )
              ],
            ),
          ),
        );
      },
    );
  }
}