import 'package:dating_touchme_app/components/page_appbar.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 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(
              "未成年人模式未开启",
              style: TextStyle(
                fontSize: 21.w,
                fontWeight: FontWeight.w500
              ),
            ),
            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(
                    "开启未成年人模式",
                    style: TextStyle(
                        fontSize: 18.w,
                        color: Colors.white,
                        fontWeight: FontWeight.w500
                    ),
                  ),
                ),
              ).onTap((){
                Get.to(() => TeenagerModeOpenPage());
              }),
            )
          ],
        ),
      ),
    );
  }
}