import 'dart:async';

import 'package:aku_community_manager/provider/user_provider.dart';
import 'package:aku_community_manager/style/app_style.dart';
import 'package:aku_community_manager/tools/widget_tool.dart';
import 'package:aku_community_manager/ui/home/home_page.dart';
import 'package:aku_community_manager/ui/widgets/common/aku_back_button.dart';
import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
import 'package:aku_ui/common_widgets/aku_material_button.dart';
import 'package:flutter/material.dart';
import 'package:aku_community_manager/tools/screen_tool.dart';
import 'package:get/get.dart';
import 'package:pin_input_text_field/pin_input_text_field.dart';
import 'package:provider/provider.dart';

class LoginSMSPage extends StatefulWidget {
  final String phone;
  LoginSMSPage({Key key, this.phone}) : super(key: key);

  @override
  _LoginSMSPageState createState() => _LoginSMSPageState();
}

class _LoginSMSPageState extends State<LoginSMSPage> {
  TextEditingController _textEditingController = TextEditingController();
  int _count = 60;
  Timer _countTimer;
  bool get canResend => _count <= 0;
  String get countString {
    if (_count <= 0)
      return '';
    else
      return '$_count\s';
  }

  startTick() {
    _count = 60;
    _countTimer = Timer.periodic(Duration(seconds: 1), (timer) {
      if (_count >= 0)
        _count--;
      else {
        _countTimer?.cancel();
      }
      setState(() {});
    });
  }

  @override
  void initState() {
    super.initState();
    startTick();
  }

  @override
  void dispose() {
    _textEditingController?.dispose();
    _countTimer?.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return AkuScaffold(
      backgroundColor: Colors.white,
      leading: AkuBackButton(),
      body: ListView(
        padding: EdgeInsets.symmetric(
          horizontal: 32.w,
          vertical: 40.w,
        ),
        children: [
          Text(
            '请输入短信验证码',
            style: TextStyle(
              color: AppStyle.primaryTextColor,
              fontWeight: FontWeight.bold,
              fontSize: 48.sp,
            ),
          ),
          AkuBox.h(16),
          Text(
            '已向${widget.phone}发送了一个验证码',
            style: TextStyle(
              color: AppStyle.primaryTextColor,
              fontSize: 24.sp,
            ),
          ),
          AkuBox.h(160),
          PinInputTextField(
            controller: _textEditingController,
            autoFocus: true,
            decoration: UnderlineDecoration(
              lineHeight: 1.w,
              colorBuilder: FixedColorBuilder(Color(0xFFE8E8E8)),
            ),
            onChanged: (text) {
              final userProvider =
                  Provider.of<UserProvider>(context, listen: false);
              if (text == '000000') {
                userProvider.setisSigned(true);
                Get.offAll(HomePage());
              }
            },
          ),
          AkuBox.h(40),
          Row(
            children: [
              AkuMaterialButton(
                onPressed: canResend ? () => startTick() : null,
                child: Text(
                  '重新发送 $countString',
                  style: TextStyle(
                    color: canResend
                        ? AppStyle.secondaryColor
                        : AppStyle.minorTextColor,
                    fontSize: 28.sp,
                  ),
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }
}