sinoMedCloud/lib/features/auth/presentation/login_page.dart

import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import 'package:sino_med_cloud/l10n/app_localizations.dart';
import 'package:sino_med_cloud/core/constants/app_constants.dart';
import '../../../core/utils/logger.dart';
import '../../../core/utils/crypto_utils.dart';
import '../domain/login_service.dart';
import 'login_provider.dart';

class LoginPage extends ConsumerStatefulWidget {
  const LoginPage({super.key});

  @override
  ConsumerState<LoginPage> createState() => _LoginPageState();
}

class _LoginPageState extends ConsumerState<LoginPage>
    with SingleTickerProviderStateMixin {
  late TabController _tabController;
  final _passwordFormKey = GlobalKey<FormState>();
  final _smsFormKey = GlobalKey<FormState>();
  bool _listenersSetup = false;

  //用于test
  final _loginSystem = "YUN_HIS_PC_WEB";
  final _loginType = "MOBILE_PASSWORD";
  final _loginSmsType = "MOBILE_SMS_CODE";

  // 密码登录表单
  final _phoneController = TextEditingController();
  final _passwordController = TextEditingController();

  // 验证码登录表单
  final _phoneSmsController = TextEditingController();
  final _smsCodeController = TextEditingController();
  Timer? _countdownTimer;

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 2, vsync: this);
  }

  void _setupListeners() {
    // 监听 Tab 切换，同步到 Provider
    _tabController.addListener(() {
      if (!_tabController.indexIsChanging) {
        ref.read(loginTabIndexProvider.notifier).state = _tabController.index;
      }
    });
    // 同步初始 tab 索引
    ref.read(loginTabIndexProvider.notifier).state = _tabController.index;
    // 监听输入框变化，同步到 Provider
    _phoneController.addListener(() {
      ref.read(passwordLoginPhoneProvider.notifier).state = _phoneController.text;
    });
    _passwordController.addListener(() {
      ref.read(passwordLoginPasswordProvider.notifier).state = _passwordController.text;
    });
    _phoneSmsController.addListener(() {
      ref.read(smsLoginPhoneProvider.notifier).state = _phoneSmsController.text;
    });
    _smsCodeController.addListener(() {
      ref.read(smsLoginCodeProvider.notifier).state = _smsCodeController.text;
    });
  }

  @override
  void dispose() {
    _tabController.dispose();
    _phoneController.dispose();
    _passwordController.dispose();
    _phoneSmsController.dispose();
    _smsCodeController.dispose();
    _clearCountdownTimer();
    super.dispose();
  }

  /// 清理倒计时定时器
  void _clearCountdownTimer() {
    _countdownTimer?.cancel();
    _countdownTimer = null;
  }

  // 发送验证码
  void _sendSmsCode() async {
    final l10n = AppLocalizations.of(context)!;
    final phone = ref.read(smsLoginPhoneProvider);
    if (phone.isEmpty) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text(l10n.phoneNumberRequiredForSms)),
      );
      return;
    }

    try {
      // 清理之前的定时器
      _clearCountdownTimer();
      
      // 调用发送验证码服务
      final smsCode = await LoginService.sendSmsCode(mobile: phone);
      
      // 保存验证码到 Provider
      ref.read(smsCodeFromServerProvider.notifier).state = smsCode;
      
      // 标记已获取过验证码
      ref.read(smsHasReceivedProvider.notifier).state = true;
      
      // 开始倒计时
      ref.read(smsCountdownProvider.notifier).state = AppConstants.smsCodeCountdown;

      // 使用 Timer 进行倒计时
      _countdownTimer = Timer.periodic(const Duration(seconds: 1), (timer) {
        if (!mounted) {
          timer.cancel();
          return;
        }
        
        final currentCountdown = ref.read(smsCountdownProvider);
        if (currentCountdown > 1) {
          ref.read(smsCountdownProvider.notifier).state = currentCountdown - 1;
        } else {
          // 倒计时结束（currentCountdown == 1 或 0）
          // 先清空验证码，再设置倒计时为0，确保 Consumer 能正确监听到变化
          ref.read(smsCodeFromServerProvider.notifier).state = '';
          ref.read(smsCountdownProvider.notifier).state = 0;
          timer.cancel();
          _countdownTimer = null;
          AppLogger.d('倒计时结束，验证码已清空，hasReceived: ${ref.read(smsHasReceivedProvider)}');
        }
      });
    } catch (e) {
      AppLogger.e('发送验证码错误', e);
      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text(e.toString())),
        );
      }
    }
  }

  // 密码登录
  void _handlePasswordLogin() async {
    try {
      // 当前手机号及密码的格式已经验证过
      if (_passwordFormKey.currentState!.validate()) {
        final phoneNumber = ref.watch(passwordLoginPhoneProvider);
        final password = ref.watch(passwordLoginPasswordProvider);

        // 对密码进行 MD5 加密
        final encryptedPassword = CryptoUtils.md5(password);

        // 调用登录服务
        await LoginService.passwordLogin(
          mobile: phoneNumber,
          password: encryptedPassword,
          loginSystem: _loginSystem,
          loginType: _loginType,
        );

        // 登录成功，跳转到主页
        if (mounted) {
          context.replace('/mainTab');
        }
      }
    } catch (e) {
      AppLogger.e('密码登录错误', e);
      if (mounted) {
        final l10n = AppLocalizations.of(context)!;
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text(e.toString())),
        );
      }
    }
  }

  // 验证码登录
  void _handleSmsLogin() async {
    try {
      final l10n = AppLocalizations.of(context)!;
      
      if (_smsFormKey.currentState!.validate()) {
        final smsCode = ref.watch(smsLoginCodeProvider);
        final serverSmsCode = ref.read(smsCodeFromServerProvider);
        
        // 检查验证码是否已过期（为空或倒计时已结束）
        if (serverSmsCode.isEmpty) {
          ScaffoldMessenger.of(context).showSnackBar(
            SnackBar(content: Text(l10n.smsCodeHasExpired)),
          );
          return;
        }
        
        // 验证码输入错误
        if (smsCode != serverSmsCode) {
          ScaffoldMessenger.of(context).showSnackBar(
            SnackBar(content: Text(l10n.smsCodeError)),
          );
          return;
        }
        
        final phoneNumber = ref.watch(smsLoginPhoneProvider);

        // 调用登录服务
        await LoginService.smsLogin(
          mobile: phoneNumber,
          smsCode: smsCode,
          loginSystem: _loginSystem,
          loginType: _loginSmsType,
        );

        // 登录成功，清理倒计时和定时器
        _clearCountdownTimer();
        ref.read(smsCountdownProvider.notifier).state = 0;
        ref.read(smsHasReceivedProvider.notifier).state = false;
        ref.read(smsCodeFromServerProvider.notifier).state = '';

        // 跳转到主页
        if (mounted) {
          context.replace('/mainTab');
        }
      }
    } catch (e) {
      AppLogger.e('验证码登录错误', e);
      if (mounted) {
        final l10n = AppLocalizations.of(context)!;
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text(e.toString())),
        );
      }
    }
  }


  @override
  Widget build(BuildContext context) {
    // 设置监听器（只设置一次）
    if (!_listenersSetup) {
      WidgetsBinding.instance.addPostFrameCallback((_) {
        _setupListeners();
        _listenersSetup = true;
      });
    }
    
    final l10n = AppLocalizations.of(context)!;
    return Scaffold(
      body: GestureDetector(
        onTap: () {
          // 点击空白区域时收起键盘并移除焦点
          FocusScope.of(context).unfocus();
        },
        behavior: HitTestBehavior.opaque,
        child: SafeArea(
          child: SingleChildScrollView(
            padding: const EdgeInsets.all(24),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: [
              const SizedBox(height: 40),
              // Logo 或标题
              Text(
                l10n.appName,
                style: const TextStyle(
                  fontSize: 32,
                  fontWeight: FontWeight.bold,
                  color: Color(0xFF1F2937),
                ),
                textAlign: TextAlign.center,
              ),
              const SizedBox(height: 8),
              Text(
                l10n.appSubtitle,
                style: const TextStyle(
                  fontSize: 16,
                  color: Color(0xFF6B7280),
                ),
                textAlign: TextAlign.center,
              ),
              const SizedBox(height: 48),
              // Tab 切换
              Container(
                decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.circular(12),
                ),
                child: TabBar(
                  controller: _tabController,
                  indicator: BoxDecoration(
                    borderRadius: BorderRadius.circular(12),
                    color: const Color(0xFF00BFA5),
                  ),
                  indicatorSize: TabBarIndicatorSize.tab,
                  dividerColor: Colors.transparent,
                  labelColor: Colors.white,
                  unselectedLabelColor: const Color(0xFF6B7280),
                  labelStyle: const TextStyle(
                    fontSize: 16,
                    fontWeight: FontWeight.w600,
                  ),
                  unselectedLabelStyle: const TextStyle(
                    fontSize: 16,
                    fontWeight: FontWeight.w500,
                  ),
                  tabs: [
                    Tab(text: l10n.passwordLogin),
                    Tab(text: l10n.smsLogin),
                  ],
                ),
              ),
              const SizedBox(height: 24),
              // Tab 内容
              SizedBox(
                height: 400,
                child: TabBarView(
                  controller: _tabController,
                  children: [
                    _buildPasswordLoginForm(),
                    _buildSmsLoginForm(),
                  ],
                ),
              ),
            ],
          ),
        ),
        ),
      ),
    );
  }

  // 密码登录表单
  Widget _buildPasswordLoginForm() {
    final l10n = AppLocalizations.of(context)!;
    return Form(
      key: _passwordFormKey,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          const SizedBox(height: 4),
          // 手机号输入
          TextFormField(
            controller: _phoneController,
            keyboardType: TextInputType.phone,
            decoration: InputDecoration(
              labelText: l10n.phoneNumber,
              hintText: l10n.phoneNumberHint,
              prefixIcon: const Icon(Icons.phone_outlined),
            ),
            validator: (value) {
              if (value == null || value.isEmpty) {
                return l10n.phoneNumberRequired;
              }
              if (!RegExp(r'^1[3-9]\d{9}$').hasMatch(value)) {
                return l10n.phoneNumberInvalid;
              }
              return null;
            },
          ),
          const SizedBox(height: 16),
          // 密码输入
          Consumer(
            builder: (context, ref, child) {
              final obscurePassword = ref.watch(passwordObscureProvider);
              return TextFormField(
                controller: _passwordController,
                obscureText: obscurePassword,
                decoration: InputDecoration(
                  labelText: l10n.password,
                  hintText: l10n.passwordHint,
                  prefixIcon: const Icon(Icons.lock_outline),
                  suffixIcon: IconButton(
                    icon: Icon(
                      obscurePassword ? Icons.visibility_outlined : Icons.visibility_off_outlined,
                    ),
                    onPressed: () {
                      ref.read(passwordObscureProvider.notifier).state = !obscurePassword;
                    },
                  ),
                ),
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return l10n.passwordRequired;
                  }
                  if (value.length < AppConstants.passwordMinLength) {
                    return l10n.passwordMinLength;
                  }
                  return null;
                },
              );
            },
          ),
          const SizedBox(height: 8),
          // 忘记密码
          Align(
            alignment: Alignment.centerRight,
            child: TextButton(
              onPressed: () {
                // TODO: 跳转到忘记密码页面
                ScaffoldMessenger.of(context).showSnackBar(
                  SnackBar(content: Text(l10n.forgotPasswordNotImplemented)),
                );
              },
              child: Text(l10n.forgotPassword),
            ),
          ),
          const SizedBox(height: 24),
          // 登录按钮
          ElevatedButton(
            onPressed: _handlePasswordLogin,
            style: ElevatedButton.styleFrom(
              padding: const EdgeInsets.symmetric(vertical: 16),
            ),
            child: Text(l10n.login),
          ),
        ],
      ),
    );
  }

  // 验证码登录表单
  Widget _buildSmsLoginForm() {
    final l10n = AppLocalizations.of(context)!;
    return Form(
      key: _smsFormKey,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          const SizedBox(height: 4),
          // 手机号输入
          TextFormField(
            controller: _phoneSmsController,
            keyboardType: TextInputType.phone,
            decoration: InputDecoration(
              labelText: l10n.phoneNumber,
              hintText: l10n.phoneNumberHint,
              prefixIcon: const Icon(Icons.phone_outlined),
            ),
            validator: (value) {
              if (value == null || value.isEmpty) {
                return l10n.phoneNumberRequired;
              }
              if (!RegExp(r'^1[3-9]\d{9}$').hasMatch(value)) {
                return l10n.phoneNumberInvalid;
              }
              return null;
            },
          ),
          const SizedBox(height: 16),
          // 验证码输入
          Row(
            children: [
              Expanded(
                child: TextFormField(
                  controller: _smsCodeController,
                  keyboardType: TextInputType.number,
                  decoration: InputDecoration(
                    labelText: l10n.smsCode,
                    hintText: l10n.smsCodeHint,
                    prefixIcon: const Icon(Icons.sms_outlined),
                  ),
                  validator: (value) {
                    // 验证码为空
                    if (value == null || value.isEmpty) {
                      return l10n.smsCodeRequired;
                    }
                    // 验证码格式不正确（长度或格式）
                    if (value.length != AppConstants.smsCodeLength || !RegExp(r'^\d+$').hasMatch(value)) {
                      return l10n.smsCodeInvalid;
                    }
                    return null;
                  },
                ),
              ),
              const SizedBox(width: 12),
              Consumer(
                builder: (context, ref, child) {
                  final countdown = ref.watch(smsCountdownProvider);
                  final hasReceived = ref.watch(smsHasReceivedProvider);
                  final serverSmsCode = ref.watch(smsCodeFromServerProvider);
                  // 验证码已过期：曾经获取过验证码，但现在验证码为空且倒计时为0
                  final isExpired = hasReceived && serverSmsCode.isEmpty && countdown == 0;
                  
                  // 调试日志
                  if (countdown == 0 && hasReceived) {
                    AppLogger.d('按钮状态 - countdown: $countdown, hasReceived: $hasReceived, serverSmsCode: $serverSmsCode, isExpired: $isExpired');
                  }
                  
                  return SizedBox(
                    width: 100,
                    child: ElevatedButton(
                      onPressed: countdown > 0 ? null : _sendSmsCode,
                      style: ElevatedButton.styleFrom(
                        padding: const EdgeInsets.symmetric(vertical: 16),
                        backgroundColor: countdown > 0
                            ? const Color(0xFFE5E7EB)
                            : const Color(0xFF00BFA5),
                      ),
                      child: Text(
                        countdown > 0
                            ? l10n.smsCodeCountdown(countdown)
                            : (isExpired ? l10n.resendSmsCode : l10n.getSmsCode),
                        style: TextStyle(
                          color: countdown > 0
                              ? const Color(0xFF6B7280)
                              : Colors.white,
                          fontSize: isExpired ? 12 : 14,
                        ),
                      ),
                    ),
                  );
                },
              ),
            ],
          ),
          const SizedBox(height: 24),
          // 登录按钮
          ElevatedButton(
            onPressed: _handleSmsLogin,
            style: ElevatedButton.styleFrom(
              padding: const EdgeInsets.symmetric(vertical: 16),
            ),
            child: Text(l10n.login),
          ),
        ],
      ),
    );
  }
}