// ignore_for_file: file_names

import 'dart:ui';
import 'package:dubp/dubp.dart';
import 'package:flutter/services.dart';
import 'package:flutter/material.dart';
import 'package:gecko/globals.dart';
import 'package:gecko/models/generate_wallets.dart';
import 'package:gecko/screens/common_elements.dart';
import 'package:gecko/screens/onBoarding/12.dart';
import 'package:provider/provider.dart';

// ignore: must_be_immutable
class OnboardingStepThirteen extends StatelessWidget {
  NewWallet generatedWallet;
  final int progress = 10;

  OnboardingStepThirteen({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
    GenerateWalletsProvider _generateWalletProvider =
        Provider.of<GenerateWalletsProvider>(context);
    // MyWalletsProvider myWalletProvider =
    //     Provider.of<MyWalletsProvider>(context);
    CommonElements common = CommonElements();
    _generateWalletProvider.pin.text = '';

    return Scaffold(
        extendBodyBehindAppBar: true,
        body: SafeArea(
          child: Column(children: <Widget>[
            FutureBuilder(
                future: _generateWalletProvider.changePinCode(reload: false),
                // initialData: '...',
                builder: (context, snapshot) {
                  generatedWallet = snapshot.data;
                  return const Visibility(visible: false, child: Text(''));
                }),
            common.onboardingProgressBar(
                context, 'Ma phrase de restauration', progress),
            common.bubbleSpeakRich(
              <TextSpan>[
                const TextSpan(
                    text:
                        "Et voilà votre code secret !\n\nMémorisez-le ou notez-le, car il vous sera demandé "),
                const TextSpan(
                    text: 'à chaque fois',
                    style: TextStyle(fontWeight: FontWeight.bold)),
                const TextSpan(
                    text:
                        " que vous voudrez effectuer un paiement sur cet appareil."),
              ],
              textKey: const Key('step11'),
            ),
            const SizedBox(height: 100),
            Stack(
              alignment: Alignment.centerRight,
              children: <Widget>[
                TextField(
                    key: const Key('generatedPin'),
                    enabled: false,
                    controller: _generateWalletProvider.pin,
                    maxLines: 1,
                    textAlign: TextAlign.center,
                    decoration: const InputDecoration(),
                    style: const TextStyle(
                        letterSpacing: 5,
                        fontSize: 35.0,
                        color: Colors.black,
                        fontWeight: FontWeight.bold)),
                IconButton(
                  icon: const Icon(Icons.replay),
                  color: orangeC,
                  onPressed: () async {
                    generatedWallet = await _generateWalletProvider
                        .changePinCode(reload: false);
                  },
                ),
              ],
            ),
            Expanded(
                child: Align(
                    alignment: Alignment.bottomCenter,
                    child: SizedBox(
                      width: 400,
                      height: 62,
                      child: ElevatedButton(
                          key: const Key('changeSecretCode'),
                          style: ElevatedButton.styleFrom(
                            elevation: 5,
                            primary: const Color(0xffFFD58D),
                            onPrimary: Colors.black, // foreground
                          ),
                          onPressed: () async {
                            generatedWallet = await _generateWalletProvider
                                .changePinCode(reload: false);
                          },
                          child: const Text("Choisir un autre code secret",
                              style: TextStyle(fontSize: 20))),
                    ))),
            const SizedBox(height: 25),
            SizedBox(
              width: 400,
              height: 62,
              child: ElevatedButton(
                  key: const Key('goStep12'),
                  style: ElevatedButton.styleFrom(
                    elevation: 5,
                    primary: orangeC,
                    onPrimary: Colors.white, // foreground
                  ),
                  onPressed: () async {
                    _generateWalletProvider.isAskedWordValid = false;
                    _generateWalletProvider.askedWordColor = Colors.black;
                    Navigator.push(
                      context,
                      FaderTransition(
                          page: OnboardingStepFourteen(
                              generatedWallet: generatedWallet),
                          isFast: true),
                    );
                  },
                  child: const Text("J'ai noté mon code secret",
                      style: TextStyle(fontSize: 20))),
            ),
            const SizedBox(height: 80),
          ]),
        ));
  }
}