// ignore_for_file: avoid_print

import 'dart:async';
import 'package:flutter/services.dart';
import 'package:gecko/models/chest_data.dart';
import 'package:gecko/providers/substrate_sdk.dart';
import 'package:gecko/providers/my_wallets.dart';
import 'package:gecko/models/wallet_data.dart';
import 'package:gecko/providers/wallet_options.dart';
import 'package:flutter/material.dart';
import 'package:gecko/providers/wallets_profiles.dart';
import 'package:gecko/screens/myWallets/choose_chest.dart';
import 'package:gecko/screens/myWallets/choose_wallet.dart';
import 'package:gecko/screens/myWallets/wallets_home.dart';
import 'package:gecko/screens/transaction_in_progress.dart';
import 'package:pin_code_fields/pin_code_fields.dart';
import 'package:provider/provider.dart';
import 'package:gecko/globals.dart';

// ignore: must_be_immutable
class UnlockingWallet extends StatelessWidget {
  UnlockingWallet(
      {Key? keyUnlockWallet, required this.wallet, required this.action})
      : super(key: keyUnlockWallet);
  WalletData? wallet;
  late int currentChestNumber;
  late ChestData currentChest;
  String action;

  // ignore: close_sinks
  StreamController<ErrorAnimationType>? errorController;
  final formKey = GlobalKey<FormState>();
  Color? pinColor = const Color(0xffF9F9F1);
  var walletPin = '';

  @override
  Widget build(BuildContext context) {
    SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
    WalletOptionsProvider _walletOptions =
        Provider.of<WalletOptionsProvider>(context);
    // final double statusBarHeight = MediaQuery.of(context).padding.top;

    currentChestNumber = configBox.get('currentChest');
    currentChest = chestBox.get(currentChestNumber)!;

    int _pinLenght = _walletOptions.getPinLenght(wallet!.number);
    errorController = StreamController<ErrorAnimationType>();

    return Scaffold(
        backgroundColor: backgroundColor,
        body: SafeArea(
          child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                Stack(children: <Widget>[
                  Positioned(
                    top: 10, //statusBarHeight + 10,
                    left: 15,
                    child: Builder(
                      builder: (context) => IconButton(
                        key: const Key('popButton'),
                        icon: const Icon(
                          Icons.arrow_back,
                          color: Colors.black,
                          size: 30,
                        ),
                        onPressed: () => Navigator.pop(context),
                      ),
                    ),
                  ),
                  Column(children: <Widget>[
                    SizedBox(height: isTall ? 100 : 20),
                    Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: <Widget>[
                          currentChest.imageFile == null
                              ? Image.asset(
                                  'assets/chests/${currentChest.imageName}',
                                  width: isTall ? 130 : 100,
                                )
                              : Image.file(
                                  currentChest.imageFile!,
                                  width: isTall ? 130 : 100,
                                ),
                          const SizedBox(width: 5),
                          SizedBox(
                              width: 250,
                              child: Text(
                                currentChest.name!,
                                textAlign: TextAlign.center,
                                style: const TextStyle(
                                    fontSize: 25,
                                    color: Colors.black,
                                    fontWeight: FontWeight.w700),
                              )),
                        ]),
                    SizedBox(height: 30 * ratio),
                    const SizedBox(
                        width: 400,
                        child: Text(
                          'Pour déverrouiller votre coffre, composez votre code secret à l’abri des lézards indiscrets :',
                          style: TextStyle(
                              fontSize: 19,
                              color: Colors.black,
                              fontWeight: FontWeight.w400),
                        )),
                    SizedBox(height: 40 * ratio),
                    pinForm(context, _pinLenght),
                    SizedBox(height: 3 * ratio),
                    InkWell(
                        key: const Key('chooseChest'),
                        onTap: () {
                          Navigator.push(
                            context,
                            MaterialPageRoute(builder: (context) {
                              return ChooseChest(action: action);
                            }),
                          );
                        },
                        child: SizedBox(
                          width: 400,
                          height: 70,
                          child: Center(
                            child: Text(
                              'Changer de coffre',
                              style: TextStyle(
                                  fontSize: 22,
                                  color: orangeC,
                                  fontWeight: FontWeight.w600),
                            ),
                          ),
                        )),
                  ]),
                ]),
              ]),
        ));
  }

  Widget pinForm(context, _pinLenght) {
    // var _walletPin = '';
// ignore: close_sinks
    StreamController<ErrorAnimationType> errorController =
        StreamController<ErrorAnimationType>();
    TextEditingController _enterPin = TextEditingController();
    WalletOptionsProvider _walletOptions =
        Provider.of<WalletOptionsProvider>(context);
    MyWalletsProvider _myWalletProvider =
        Provider.of<MyWalletsProvider>(context);
    SubstrateSdk _sub = Provider.of<SubstrateSdk>(context, listen: false);

    WalletData? defaultWallet = _myWalletProvider.getDefaultWallet();

    FocusNode pinFocus = FocusNode();

    return Form(
      key: formKey,
      child: Padding(
          padding: EdgeInsets.symmetric(vertical: 5 * ratio, horizontal: 30),
          child: PinCodeTextField(
            focusNode: pinFocus,
            autoFocus: true,
            appContext: context,
            pastedTextStyle: TextStyle(
              color: Colors.green.shade600,
              fontWeight: FontWeight.bold,
            ),
            length: _pinLenght,
            obscureText: true,
            obscuringCharacter: '*',
            animationType: AnimationType.fade,
            validator: (v) {
              if (v!.length < _pinLenght) {
                return "Votre code PIN fait $_pinLenght caractères";
              } else {
                return null;
              }
            },
            pinTheme: PinTheme(
              activeColor: pinColor,
              borderWidth: 4,
              shape: PinCodeFieldShape.box,
              borderRadius: BorderRadius.circular(5),
              fieldHeight: 50 * ratio,
              fieldWidth: 50,
              activeFillColor: Colors.black,
            ),
            cursorColor: Colors.black,
            animationDuration: const Duration(milliseconds: 300),
            textStyle: const TextStyle(fontSize: 20, height: 1.6),
            backgroundColor: const Color(0xffF9F9F1),
            enableActiveFill: false,
            errorAnimationController: errorController,
            controller: _enterPin,
            keyboardType: TextInputType.visiblePassword,
            boxShadows: const [
              BoxShadow(
                offset: Offset(0, 1),
                color: Colors.black12,
                blurRadius: 10,
              )
            ],
            onCompleted: (_pin) async {
              _myWalletProvider.pinCode = _pin.toUpperCase();

              final isValid = await _sub.checkPassword(
                  defaultWallet!.address!, _pin.toUpperCase());

              if (!isValid) {
                await Future.delayed(const Duration(milliseconds: 50));
                errorController.add(ErrorAnimationType
                    .shake); // Triggering error shake animation
                pinColor = Colors.red[600];
                _myWalletProvider.pinCode = _myWalletProvider.mnemonic = '';
                _walletOptions.reloadBuild();
                pinFocus.requestFocus();
              } else {
                pinColor = Colors.green[400];
                switch (action) {
                  case "mywallets":
                    Navigator.push(
                      context,
                      MaterialPageRoute(builder: (context) {
                        return const WalletsHome();
                      }),
                    );
                    break;
                  case "changeWallet":
                    Navigator.push(
                      context,
                      MaterialPageRoute(builder: (context) {
                        return ChooseWalletScreen(
                            chest: currentChestNumber, pin: _pin.toUpperCase());
                      }),
                    );
                    break;
                  case "pay":
                    // Payment workflow !
                    WalletsProfilesProvider _walletViewProvider =
                        Provider.of<WalletsProfilesProvider>(context,
                            listen: false);
                    final acc = _sub.getCurrentWallet();
                    log.d(
                        "fromAddress: ${acc.address!},destAddress: ${_walletViewProvider.pubkey!}, amount: ${double.parse(_walletViewProvider.payAmount.text)},  password: $_pin");
                    _sub.pay(
                        fromAddress: acc.address!,
                        destAddress: _walletViewProvider.pubkey!,
                        amount:
                            double.parse(_walletViewProvider.payAmount.text),
                        password: _pin.toUpperCase());
                    Navigator.push(
                      context,
                      MaterialPageRoute(builder: (context) {
                        return const TransactionInProgress();
                      }),
                    );
                    break;
                  case "cert":
                    WalletsProfilesProvider _walletViewProvider =
                        Provider.of<WalletsProfilesProvider>(context,
                            listen: false);
                    final acc = _sub.getCurrentWallet();
                    _sub.certify(acc.address!, _pin.toUpperCase(),
                        _walletViewProvider.pubkey!);

                    Navigator.push(
                      context,
                      MaterialPageRoute(builder: (context) {
                        return const TransactionInProgress(transType: 'cert');
                      }),
                    );

                    break;
                }
              }
            },
            onChanged: (value) {
              if (pinColor != const Color(0xFFA4B600)) {
                pinColor = const Color(0xFFA4B600);
              }
            },
          )),
    );
  }
}