import 'package:flutter/services.dart';
import 'package:gecko/globals.dart';
import 'package:flutter/material.dart';
import 'package:gecko/providers/cesium_plus.dart';
import 'package:gecko/models/g1_wallets_list.dart';
import 'package:gecko/providers/home.dart';
import 'package:gecko/providers/substrate_sdk.dart';
import 'package:gecko/providers/wallet_options.dart';
import 'package:gecko/providers/wallets_profiles.dart';
import 'package:gecko/providers/search.dart';
import 'package:gecko/screens/wallet_view.dart';
import 'package:provider/provider.dart';

class SearchResultScreen extends StatelessWidget {
  const SearchResultScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
    SearchProvider _searchProvider =
        Provider.of<SearchProvider>(context, listen: false);
    CesiumPlusProvider _cesiumPlusProvider =
        Provider.of<CesiumPlusProvider>(context, listen: false);
    WalletsProfilesProvider _walletsProfilesClass =
        Provider.of<WalletsProfilesProvider>(context, listen: false);
    HomeProvider _homeProvider =
        Provider.of<HomeProvider>(context, listen: false);

    int keyID = 0;
    double _avatarSize = 55;

    return Scaffold(
      backgroundColor: backgroundColor,
      appBar: AppBar(
        elevation: 1,
        toolbarHeight: 60 * ratio,
        title: const SizedBox(
          height: 22,
          child: Text('Résultats de votre recherche'),
        ),
      ),
      bottomNavigationBar: _homeProvider.bottomAppBar(context),
      body: SafeArea(
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 20),
          child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                const SizedBox(height: 30),
                RichText(
                  text: TextSpan(
                    style: TextStyle(
                      fontSize: 18,
                      color: Colors.grey[700],
                    ),
                    children: <TextSpan>[
                      const TextSpan(
                        text: "Résultats pour ",
                      ),
                      TextSpan(
                        text: '"${_searchProvider.searchController.text}"',
                        style: const TextStyle(fontStyle: FontStyle.italic),
                      ),
                    ],
                  ),
                ),
                const SizedBox(height: 40),
                Text(
                  'Dans la blockchain $currencyName',
                  style: const TextStyle(fontSize: 20),
                ),
                const SizedBox(height: 20),
                FutureBuilder(
                  future: _searchProvider.searchAddress(),
                  builder: (context, AsyncSnapshot<List?> snapshot) {
                    if (snapshot.connectionState == ConnectionState.done) {
                      log.d(snapshot.data);
                      if (snapshot.data?.isEmpty ?? true) {
                        return const Text('Aucun résultat');
                      } else {
                        return Expanded(
                          child: ListView(children: <Widget>[
                            for (G1WalletsList g1Wallet in snapshot.data ?? [])
                              Padding(
                                padding:
                                    const EdgeInsets.symmetric(horizontal: 5),
                                child: ListTile(
                                    key: Key('searchResult${keyID++}'),
                                    horizontalTitleGap: 40,
                                    contentPadding: const EdgeInsets.all(5),
                                    leading:
                                        // g1WalletsBox.get(g1Wallet.pubkey)
                                        //             ?.avatar !=
                                        //         null
                                        //     ?
                                        _cesiumPlusProvider
                                            .defaultAvatar(_avatarSize),
                                    // : FutureBuilder(
                                    //     future: _cesiumPlusProvider.getAvatar(
                                    //         g1Wallet.pubkey, _avatarSize),
                                    //     builder: (BuildContext context,
                                    //         AsyncSnapshot<Image?> _avatar) {
                                    //       if (_avatar.connectionState !=
                                    //               ConnectionState.done ||
                                    //           _avatar.hasError) {
                                    //         return Stack(children: [
                                    //           _cesiumPlusProvider
                                    //               .defaultAvatar(_avatarSize),
                                    //           Positioned(
                                    //             top: 8,
                                    //             right: 0,
                                    //             width: 12,
                                    //             height: 12,
                                    //             child: CircularProgressIndicator(
                                    //               strokeWidth: 1,
                                    //               color: orangeC,
                                    //             ),
                                    //           ),
                                    //         ]);
                                    //       }
                                    //       if (_avatar.hasData) {
                                    //         final _w =
                                    //             g1WalletsBox.get(g1Wallet.pubkey);
                                    //         if (_w != null) {
                                    //           _w.avatar = _avatar.data;
                                    //         }
                                    //         return ClipOval(child: _avatar.data);
                                    //       } else {
                                    //         g1WalletsBox
                                    //                 .get(g1Wallet.pubkey)!
                                    //                 .avatar =
                                    //             _cesiumPlusProvider
                                    //                 .defaultAvatar(_avatarSize);
                                    //         return _cesiumPlusProvider
                                    //             .defaultAvatar(_avatarSize);
                                    //       }
                                    //     }),
                                    title: Row(children: <Widget>[
                                      Text(getShortPubkey(g1Wallet.pubkey!),
                                          style: const TextStyle(
                                              fontSize: 18,
                                              fontFamily: 'Monospace',
                                              fontWeight: FontWeight.w500),
                                          textAlign: TextAlign.center),
                                    ]),
                                    trailing: Column(
                                        mainAxisAlignment:
                                            MainAxisAlignment.center,
                                        children: [
                                          balance(context, g1Wallet.pubkey!, 16)
                                        ]),
                                    subtitle: Row(children: <Widget>[
                                      Text(g1Wallet.id?.username ?? '',
                                          style: const TextStyle(
                                              fontSize: 18,
                                              fontWeight: FontWeight.w500),
                                          textAlign: TextAlign.center),
                                    ]),
                                    dense: false,
                                    isThreeLine: false,
                                    onTap: () {
                                      Navigator.push(
                                        context,
                                        MaterialPageRoute(builder: (context) {
                                          _walletsProfilesClass.address =
                                              g1Wallet.pubkey;
                                          return WalletViewScreen(
                                            pubkey: g1Wallet.pubkey,
                                            username: g1WalletsBox
                                                .get(g1Wallet.pubkey)
                                                ?.id
                                                ?.username,
                                            avatar: g1WalletsBox
                                                .get(g1Wallet.pubkey)
                                                ?.avatar,
                                          );
                                        }),
                                      );
                                    }),
                              ),
                          ]),
                        );
                      }
                    }
                    return Center(
                      heightFactor: 5,
                      child: CircularProgressIndicator(
                        strokeWidth: 3,
                        backgroundColor: yellowC,
                        color: orangeC,
                      ),
                    );
                  },
                ),
                // Text(
                //   _searchProvider.searchResult.toString(),
                // )
              ]),
        ),
      ),
    );
  }
}