AiKeyboard2025/lib/module/new_user/new_user_page.dart

import 'package:flutter/src/widgets/framework.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:get/get_core/src/get_main.dart';
import 'package:keyboard/base/base_page.dart';
import 'package:keyboard/module/new_user/new_user_controller.dart';
import 'package:flutter/material.dart';
import 'package:keyboard/module/new_user/step/birthday/step_birthday_view.dart';
import 'package:keyboard/module/new_user/step/gender/step_gender_view.dart';
import 'package:keyboard/module/new_user/step/intimacy/step_intimacy_stages_view.dart';
import 'package:keyboard/module/new_user/step/nickname/step_nickname_view.dart';
import 'package:keyboard/module/new_user/step/partner/step_partner_view.dart';
import 'package:keyboard/router/app_pages.dart';

import '../../resource/assets.gen.dart';
import '../../resource/string.gen.dart';
import '../../utils/styles.dart';
import '../../widget/step_progress_bar.dart';

class NewUserPage extends BasePage<NewUserController> {
  const NewUserPage({super.key});

  static start() {
    Get.toNamed(RoutePath.newUser);
  }

  @override
  Color backgroundColor() {
    return const Color(0xFFF6F5FA);
  }

  @override
  bool immersive() {
    return true;
  }

  @override
  Widget buildBody(BuildContext context) {
    return Stack(
      children: [
        IgnorePointer(child: Assets.images.bgMine.image(width: 360.w)),
        SafeArea(
          child: Stack(
            children: [
              Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  _buildTitle(),
                  Container(
                    margin: EdgeInsets.only(top: 22.w, left: 32.w, right: 32.w),
                    child: Obx(() {
                      return StepProgressBar(
                        currentStep: controller.currentStep,
                        totalSteps: controller.totalSteps,
                      );
                    }),
                  ),
                  SizedBox(height: 17.w),
                  Expanded(
                    child: PageView(
                      controller: controller.pageController,
                      physics: const NeverScrollableScrollPhysics(),
                      children: const [
                        StepGenderView(),
                        StepBirthdayView(),
                        StepNicknameView(),
                        StepIntimacyStagesView(),
                        StepPartnerView(),
                      ],
                    ),
                  ),
                ],
              ),
              Align(
                alignment: Alignment.bottomCenter,
                child: Container(
                  margin: EdgeInsets.only(
                    bottom: 50.w,
                    left: 50.w,
                    right: 50.w,
                  ),
                  child: Obx(() {
                    return _buildNextButton(
                      onTap: () {
                        controller.clickNextButton();
                      },
                      isEnable: controller.isCurrentStepValid,
                    );
                  }),
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }

  _buildTitle() {
    return Container(
      alignment: Alignment.centerLeft,
      padding: EdgeInsets.only(top: 12.h, left: 16.w, right: 16.w),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          GestureDetector(
            onTap: () => controller.clickBack(),
            child: Assets.images.iconMineBackArrow.image(
              width: 24.w,
              height: 24.w,
            ),
          ),

          GestureDetector(
            onTap: () => controller.clickSkip(),
            child: Text(
              StringName.skip,
              style: Styles.getTextStyleBlack128W400(14.sp),
            ),
          ),
        ],
      ),
    );
  }

  Widget _buildNextButton({required VoidCallback onTap, required isEnable}) {
    return GestureDetector(
      onTap: () {
        onTap();
      },
      child: Row(
        children: [
          Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Container(
                width: 260.w,
                height: 48.h,
                decoration:
                    isEnable
                        ? Styles.getActivateButtonDecoration(50.r)
                        : Styles.getInactiveButtonDecoration(50.r),
                child: Center(
                  child: Text(
                    controller.currentStep == controller.totalSteps
                        ? StringName.newUserPartnerNowGenerate
                        : StringName.nextStep,
                    style: TextStyle(
                      color: Colors.white,
                      fontSize: 16.sp,
                      fontWeight: FontWeight.w500,
                    ),
                  ),
                ),
              ),
              Visibility(
                visible: controller.currentStep == controller.totalSteps,
                child: SizedBox(height: 25.w),
              ),
              Visibility(
                visible: controller.currentStep == controller.totalSteps,
                child: GestureDetector(
                  onTap: controller.clickUseGeneralMode,

                  child: Text(
                    StringName.newUserPartnerLater,
                    style: TextStyle(
                      color: Colors.black.withAlpha(87),
                      fontSize: 14.sp,

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