import 'package:provider/provider.dart';
import 'package:esys_flutter_share/esys_flutter_share.dart';
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/services.dart';
import 'package:flutter_mobx/flutter_mobx.dart';
import 'package:cake_wallet/generated/i18n.dart';
import 'package:cake_wallet/src/widgets/primary_button.dart';
import 'package:cake_wallet/src/stores/wallet_seed/wallet_seed_store.dart';
import 'package:cake_wallet/src/screens/base_page.dart';
import 'package:cake_wallet/themes.dart';
import 'package:cake_wallet/theme_changer.dart';

class SeedPage extends BasePage {
  SeedPage({this.onCloseCallback});

  static final imageLight = Image.asset('assets/images/crypto_lock_light.png');
  static final imageDark = Image.asset('assets/images/crypto_lock.png');

  @override
  String get title => S.current.seed_title;

  final VoidCallback onCloseCallback;

  @override
  void onClose(BuildContext context) =>
      onCloseCallback != null ? onCloseCallback() : Navigator.of(context).pop();

  @override
  Widget leading(BuildContext context) {
    return onCloseCallback != null ? Offstage() : super.leading(context);
  }

  @override
  Widget trailing(BuildContext context) {
    return onCloseCallback != null
        ? GestureDetector(
          onTap: () => onClose(context),
          child: Container(
            width: 100,
            height: 42,
            alignment: Alignment.center,
            margin: EdgeInsets.only(left: 10),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.all(Radius.circular(16)),
              color: Theme.of(context).accentTextTheme.title.color
            ),
            child: Text(
              S.of(context).seed_language_next,
              style: TextStyle(
                fontSize: 14,
                fontWeight: FontWeight.w600,
                color: Colors.blue
              ),
            ),
          ),
        )
        : Offstage();
  }

  @override
  Widget body(BuildContext context) {
    final walletSeedStore = Provider.of<WalletSeedStore>(context);
    final _themeChanger = Provider.of<ThemeChanger>(context);
    final image = _themeChanger.getTheme() == Themes.darkTheme
        ? imageDark : imageLight;

    String _seed;

    return Container(
      padding: EdgeInsets.all(24),
      child: Column(
        children: <Widget>[
          Flexible(
            flex: 2,
            child: AspectRatio(
              aspectRatio: 1,
              child: FittedBox(child: image, fit: BoxFit.fill)
            )
          ),
          Flexible(
            flex: 3,
            child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                Padding(
                  padding: EdgeInsets.only(top: 33),
                  child: Observer(
                      builder: (_) {
                        _seed = walletSeedStore.seed;

                        return Column(
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: <Widget>[
                            Text(
                              walletSeedStore.name,
                              style: TextStyle(
                                  fontSize: 20,
                                  fontWeight: FontWeight.bold,
                                  color: Theme.of(context).primaryTextTheme.title.color
                              ),
                            ),
                            Padding(
                              padding: EdgeInsets.only(top: 20),
                              child: Text(
                                _seed,
                                textAlign: TextAlign.center,
                                style: TextStyle(
                                    fontSize: 14,
                                    color: Theme.of(context).primaryTextTheme.caption.color
                                ),
                              ),
                            )
                          ],
                        );
                      }
                  ),
                ),
                Row(
                  mainAxisSize: MainAxisSize.max,
                  children: <Widget>[
                    Flexible(
                        child: Container(
                          padding: EdgeInsets.only(right: 8.0),
                          child: PrimaryButton(
                              onPressed: () => Share.text(
                                  S.of(context).seed_share,
                                  _seed,
                                  'text/plain'),
                              text: S.of(context).save,
                              color: Colors.green,
                              textColor: Colors.white),
                        )
                    ),
                    Flexible(
                        child: Container(
                          padding: EdgeInsets.only(left: 8.0),
                          child: Builder(
                              builder: (context) => PrimaryButton(
                                  onPressed: () {
                                    Clipboard.setData(
                                        ClipboardData(text: _seed));
                                    Scaffold.of(context).showSnackBar(
                                      SnackBar(
                                        content: Text(S
                                            .of(context)
                                            .copied_to_clipboard),
                                        backgroundColor: Colors.green,
                                        duration: Duration(milliseconds: 1500),
                                      ),
                                    );
                                  },
                                  text: S.of(context).copy,
                                  color: Colors.blue,
                                  textColor: Colors.white)
                          ),
                        )
                    )
                  ],
                )
              ],
            )
          )
        ],
      )
    );
  }
}