import 'package:dating_touchme_app/components/page_appbar.dart';
import 'package:dating_touchme_app/generated/assets.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: PageAppbar(title: ""),
      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
                  ),
                ),
              ),
            )
          ],
        ),
      ),
    );
  }
}