import 'package:dating_touchme_app/extension/ex_widget.dart';
import 'package:dating_touchme_app/generated/assets.dart';
import 'package:dating_touchme_app/pages/mine/phone_login_page.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';

class RealLoginPage extends StatefulWidget {
  const RealLoginPage({super.key});

  @override
  State<RealLoginPage> createState() => _RealLoginPageState();
}

class _RealLoginPageState extends State<RealLoginPage> {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        Container(
          width: 375.w,
          height: 812.h,
          color: Colors.white,
        ),
        Image.asset(
          Assets.imagesRealLoginBg,
          width: 375.w,
          fit: BoxFit.cover,
          alignment: AlignmentGeometry.topCenter,
        ),
        Image.asset(
          Assets.imagesLoginBgWhite,
          width: 375.w,
          fit: BoxFit.cover,
          alignment: AlignmentGeometry.topCenter,
        ),
        Scaffold(
          backgroundColor: Colors.transparent,
          body: Container(
            width: 375.w,
            padding: EdgeInsets.only(
              top: 126.w,
              left: 20.w,
              right: 20.w
            ),
            child: Column(
              children: [
                Image.asset(
                  Assets.imagesRealLogo,
                  width: 55.w,
                  height: 55.w,
                ),
                SizedBox(height: 12.w,),
                Text(
                  "星球奇遇记",
                  style: TextStyle(
                    fontSize: 24.w
                  ),
                ),
                SizedBox(height: 261.w,),
                Container(
                  width: 335.w,
                  height: 52.w,
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.all(Radius.circular(52.w)),
                    gradient: LinearGradient(
                      begin: Alignment.centerLeft,
                      end: Alignment.centerRight,
                      colors: [
                        Color.fromRGBO(131, 89, 255, 1),
                        Color.fromRGBO(61, 138, 224, 1),
                      ],
                    ),
                  ),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Icon(
                          Icons.phone_iphone,
                        size: 28.w,
                        color: Colors.white,
                      ),
                      SizedBox(width: 12.w,),
                      Text(
                        "手机登录注册",
                        style: TextStyle(
                          fontSize: 18.w,
                          color: Colors.white
                        ),
                      )
                    ],
                  ),
                ).onTap(() {
                  Get.to(() => PhoneLoginPage());
                }),

              ],
            ),
          ),
        )
      ],
    );
  }
}