import 'package:aitrainer_app/bloc/login_form_bloc.dart';
import 'package:aitrainer_app/bloc/account/account_bloc.dart';
import 'package:aitrainer_app/bloc/reset_password_bloc.dart';
import 'package:aitrainer_app/localization/app_localization.dart';
import 'package:aitrainer_app/repository/user_repository.dart';
import 'package:aitrainer_app/service/firebase_api.dart';
import 'package:aitrainer_app/util/common.dart';
import 'package:aitrainer_app/util/trans.dart';
import 'package:aitrainer_app/widgets/splash.dart';
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_form_bloc/flutter_form_bloc.dart';

import '../library_keys.dart';

// ignore: must_be_immutable
class ResetPasswordPage extends StatelessWidget with Trans {
  final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
  final _formKey = GlobalKey<FormState>();

  @override
  Widget build(BuildContext context) {
    setContext(context);
    return BlocProvider(
        create: (context) => ResetPasswordFormBloc(
          userRepository: UserRepository(),
        ),
        child: Builder(builder: (context) {
          final loginBloc = BlocProvider.of<ResetPasswordFormBloc>(context);
          return Scaffold(
            key: _scaffoldKey,
            body: FormBlocListener<ResetPasswordFormBloc, String, String>(
              onSubmitting: (context, state) {
                LoadingDialog.show(context);
              },
              onSuccess: (context, state) {
                LoadingDialog.hide(context);
                Navigator.of(context).pop();
              },
              onFailure: (context, state) {
                LoadingDialog.hide(context);
                showInSnackBar(state.failureResponse);
              },
              child: Container(
                decoration: BoxDecoration(
                  image: DecorationImage(
                    image: AssetImage('asset/image/WT_login.png'),
                    fit: BoxFit.cover,
                    //height: double.infinity,
                    //width: double.infinity,
                    alignment: Alignment.center,
                  ),
                ),
                child: buildResetPasswordForm(loginBloc),
              ),
            ),
          );
        }));
  }

  Widget buildResetPasswordForm(ResetPasswordFormBloc formBloc) {

    return Form(
      key: _formKey,
      child: Container(
          padding: const EdgeInsets.only(left: 25, right: 100),
          child:
              ListView(shrinkWrap: false, padding: EdgeInsets.only(top: 120.0),
                  children: <Widget>[
                Divider(),
                Row(
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: [
                    new InkWell(
                      child: new Text(
                          AppLocalizations.of(context).translate('I forgot the password'),
                          style: TextStyle(
                              fontWeight: FontWeight.bold, fontSize: 24)),
                    ),
                  ],
                ),
                Divider(),
                TextFieldBlocBuilder(
                  key: LibraryKeys.loginEmailField,
                  textFieldBloc: formBloc.emailField,
                  decoration: InputDecoration(
                    fillColor: Colors.white,
                    filled: true,
                    labelText: 'Email',
                  ),
                ),
                Divider(
                  color: Colors.transparent,
                ),
                Divider(
                  color: Colors.transparent,
                ),
                Row(
                    mainAxisAlignment: MainAxisAlignment.end,
                    children: <Widget>[
                      new FlatButton(
                          key: LibraryKeys.loginOKButton,
                          child: Image.asset('asset/image/WT_OK.png',
                              width: 100, height: 100),
                          onPressed: () => {
                            formBloc.add(SubmitFormBloc())
                          }),
                    ]),
                Divider(
                  color: Colors.transparent,
                ),
                Row(
                    mainAxisAlignment: MainAxisAlignment.spaceAround,
                    children: <Widget>[
                      new InkWell(
                        child: new Text(
                            AppLocalizations.of(context).translate('Login')),
                        onTap: () =>
                            Navigator.of(context).pushNamed('login'),
                      ),
                      Spacer(flex: 1),
                    ]),
              ])),
    );
  }


  void showInSnackBar(String error) {
    _scaffoldKey.currentState.showSnackBar(SnackBar(
      backgroundColor: Colors.orange,
      content: Text(error, style: TextStyle(color: Colors.white))));
  }

}