import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

import 'package:extended_text/extended_text.dart';

import 'package:recook/base/base_store_state.dart';
import 'package:recook/constants/styles.dart';
import 'package:recook/utils/app_router.dart';
import 'package:recook/widgets/custom_app_bar.dart';

class ResultPage extends StatefulWidget {
  final Map arguments;
  ResultPage({Key key, this.arguments}) : super(key: key);
  static setArgument({bool isSuccess=false, title="", info=""}){
    return {
      'isSuccess': isSuccess,
      'title': title,
      'info': info,
    };
  }
  @override
  _ResultPageState createState() => _ResultPageState();
}

class _ResultPageState extends BaseStoreState<ResultPage> {
  bool _isSuccess = false;
  dynamic _title;
  dynamic _info;
  @override
  void initState() { 
    super.initState();
    _isSuccess = widget.arguments["isSuccess"];
    _title = widget.arguments["title"];
    _info = widget.arguments["info"];
  }

  @override
  Widget buildContext(BuildContext context, {store}) {
    return Scaffold(
      appBar: CustomAppBar(
        appBackground: Colors.white,
        background: Colors.white,
        themeData: AppThemes.themeDataGrey.appBarTheme,
        title: _title,
        elevation: 0,
      ),
      body: Container(
        color: AppColor.frenchColor,
        child: _isSuccess? _successBodyWidget() : _faildBodyWidget(),
      )
    );
  }

  _successBodyWidget(){
    return Container(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: <Widget>[
          Container(
            alignment: Alignment.center,
            margin: EdgeInsets.only(top: 120),
            width: double.infinity, height: 68,
            child: Image.asset("assets/result_success.png", width: 68, height: 68,),
            // child: Icon(Icons.check, color: Color(0xff12b631), size: 68,),
          ),
          Container(
            margin: EdgeInsets.only(top: 60),
            width: double.infinity, alignment: Alignment.center,
            child: _info == null ?
              Text('恭喜你,认证成功!', style: TextStyle(color: Colors.black, fontSize: 18),)
              : _info is String ?
              Text(_info, style: TextStyle(color: Colors.black, fontSize: 18),)
              : _info,
          ),
        ],
      ),
    );
  }

  _faildBodyWidget(){
    return Container(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: <Widget>[
          Container(
            alignment: Alignment.center,
            margin: EdgeInsets.only(top: 120),
            width: double.infinity, height: 68,
            child: Image.asset("assets/result_fail.png", width: 68, height: 68,),
            // child: Icon(Icons.close, color: Color(0xffE30606), size: 68,),
          ),
          Container(
            margin: EdgeInsets.only(top: 60),
            width: double.infinity, alignment: Alignment.center,
            child: _info == null ?
              ExtendedText.rich(
                TextSpan(
                  style: TextStyle(fontSize: 18),
                  children: [
                    WidgetSpan(child: Text("认证失败! 请",style: TextStyle(color: Colors.black, fontSize: 18))),
                    WidgetSpan(
                      child: GestureDetector(
                        child: Text("重新认证", style: TextStyle(color: Color(0xffE30606),fontSize: 18 )),
                        onTap: (){
                          AppRouter.pushAndReplaced(context, RouteName.USER_VERIFY);
                        },
                      ),
                    ),
                  ]
                ),
              ): _info is String ?
              Text(_info, style: TextStyle(color: Colors.black, fontSize: 18),)
              : _info,
          ),
        ],
      ),
    );
  }


}