// lib/modules/auth/views/login_page.dart
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:problem_check_system/modules/auth/controllers/login_controller.dart';

class LoginPage extends GetView<LoginController> {
  const LoginPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(body: SingleChildScrollView(child: _buildBackground()));
  }

  Widget _buildBackground() {
    return Container(
      decoration: const BoxDecoration(
        image: DecorationImage(
          image: AssetImage('assets/images/background.png'),
          // 使用 BoxFit.cover 确保图片填充整个容器，不留空白
          fit: BoxFit.fitWidth,
          alignment: Alignment.topCenter,
        ),
      ),
      child: Stack(
        children: [
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              SizedBox(height: 89.5.h),
              Padding(
                padding: EdgeInsets.only(left: 28.5.w),
                child: Image.asset(
                  'assets/images/label.png',
                  width: 171.5.w,
                  height: 23.5.h,
                  fit: BoxFit.fitWidth,
                ),
              ),
              SizedBox(height: 15.5.h),
              Padding(
                padding: EdgeInsets.only(left: 28.5.w),
                child: Image.asset(
                  'assets/images/label1.png',
                  width: 296.5.w,
                  height: 35.5.h,
                  fit: BoxFit.fitWidth,
                ),
              ),
              SizedBox(height: 56.5.h),
              Center(child: _buildLoginCard()),
            ],
          ),
        ],
      ),
    );
  }

  // 修改 _buildLoginCard 方法，它不再需要传入 TextEditingController
  Widget _buildLoginCard() {
    return Container(
      width: 334.w,
      height: 574.5.h,
      decoration: BoxDecoration(
        color: const Color(0xFFFFFFFF).withValues(alpha: 153),
        borderRadius: BorderRadius.all(Radius.circular(23.5.r)),
      ),
      padding: EdgeInsets.all(24.w),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          const SizedBox(height: 16),
          // 直接使用控制器中的 TextEditingController
          _buildTextFieldSection(
            label: '账号',
            hintText: '请输入您的账号',
            controller: controller.usernameController,
          ),
          const SizedBox(height: 22),
          _buildTextFieldSection(
            label: '密码',
            hintText: '请输入您的密码',
            obscureText: true,
            controller: controller.passwordController,
          ),
          const SizedBox(height: 9.5),
          _buildRememberPasswordRow(),
          const SizedBox(height: 138.5),
          _buildLoginButton(),
        ],
      ),
    );
  }

  // 修改 _buildTextFieldSection，不再需要 onChanged 回调
  Widget _buildTextFieldSection({
    required String label,
    required String hintText,
    required TextEditingController controller,
    bool obscureText = false,
  }) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          label,
          style: TextStyle(fontSize: 16.5.sp, color: Colors.black),
        ),
        const SizedBox(height: 10.5),
        TextField(
          controller: controller, // 使用传入的控制器
          obscureText: obscureText,
          style: const TextStyle(color: Colors.black),
          decoration: InputDecoration(
            hintText: hintText,
            hintStyle: const TextStyle(color: Colors.grey),
            border: const OutlineInputBorder(),
          ),
        ),
      ],
    );
  }

  Widget _buildRememberPasswordRow() {
    return Row(
      mainAxisAlignment: MainAxisAlignment.end,
      children: [
        Obx(
          () => Checkbox(
            value: controller.rememberPassword.value,
            onChanged: (value) => controller.rememberPassword.value = value!,
          ),
        ),
        Text(
          '记住密码',
          style: TextStyle(color: const Color(0xFF959595), fontSize: 14.sp),
        ),
      ],
    );
  }

  Widget _buildLoginButton() {
    return SizedBox(
      width: double.infinity,
      child: ElevatedButton(
        onPressed: controller.login,
        style: ElevatedButton.styleFrom(
          padding: EdgeInsets.zero,
          backgroundColor: Colors.transparent,
          shadowColor: Colors.transparent,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(8.r),
          ),
          minimumSize: Size(double.infinity, 48.h),
        ),
        child: Ink(
          decoration: BoxDecoration(
            gradient: const LinearGradient(
              colors: [Color(0xFF418CFC), Color(0xFF3DBFFC)],
              begin: Alignment.centerLeft,
              end: Alignment.centerRight,
            ),
            borderRadius: BorderRadius.circular(8.r),
          ),
          child: Container(
            constraints: BoxConstraints(minHeight: 48.h),
            alignment: Alignment.center,
            padding: EdgeInsets.symmetric(vertical: 12.h, horizontal: 24.w),
            child: Obx(() {
              if (controller.isLoading.value) {
                return const CircularProgressIndicator(
                  valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
                );
              }
              return Text(
                '登录',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 16.sp,
                  fontWeight: FontWeight.w500,
                ),
              );
            }),
          ),
        ),
      ),
    );
  }
}