import 'package:gecko/globals.dart';
import 'package:gecko/models/history.dart';
import 'package:gecko/models/home.dart';
import 'package:flutter/material.dart';
import 'package:gecko/screens/myWallets/walletsHome.dart';
import 'dart:ui';
import 'package:gecko/screens/settings.dart';
import 'package:provider/provider.dart';

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    HomeProvider _homeProvider = Provider.of<HomeProvider>(context);
    HistoryProvider _historyProvider = Provider.of<HistoryProvider>(context);
    // _historyProvider.snackNode(context);

    return Scaffold(
        resizeToAvoidBottomInset: false,
        drawer: Drawer(
          child: Column(
            children: <Widget>[
              Expanded(
                  child: ListView(padding: EdgeInsets.zero, children: <Widget>[
                DrawerHeader(
                  child: Column(children: <Widget>[
                    SizedBox(height: 0),
                    Image(
                        image: AssetImage('assets/icon/gecko_final.png'),
                        height: 130),
                  ]),
                  decoration: BoxDecoration(
                    color: Color(0xffD28928),
                  ),
                ),
                ListTile(
                  title: Text('Paramètres'),
                  onTap: () {
                    Navigator.pop(context);
                    Navigator.push(
                      context,
                      MaterialPageRoute(builder: (context) {
                        return SettingsScreen();
                      }),
                    );
                  },
                ),
                ListTile(
                  title: Text('A propos'),
                  onTap: () {
                    // Update the state of the app.
                    // ...
                  },
                ),
              ])),
              Container(
                  child: Align(
                      alignment: FractionalOffset.bottomCenter,
                      child: Text('Ğecko v$appVersion'))),
              SizedBox(height: 20)
            ],
          ),
        ),
        appBar: AppBar(
          leading: Builder(
              builder: (context) => IconButton(
                    icon: new Icon(Icons.menu, color: Colors.grey[850]),
                    onPressed: () => Scaffold.of(context).openDrawer(),
                  )),
          title: _homeProvider.appBarTitle,
          actions: [
            Padding(
                padding: EdgeInsets.symmetric(horizontal: 16),
                child: IconButton(
                    icon: _homeProvider.searchIcon,
                    color: Colors.grey[850],
                    onPressed: () {
                      // Navigator.push(
                      //   context,
                      //   MaterialPageRoute(builder: (context) {
                      //     return SearchList();
                      //   }),
                      // );

                      if (_homeProvider.searchIcon.icon == Icons.search) {
                        _homeProvider.searchIcon = Icon(
                          Icons.close,
                          color: Colors.grey[850],
                        );
                        _homeProvider.appBarTitle = TextField(
                          autofocus: true,
                          controller: _homeProvider.searchQuery,
                          onChanged: (text) {
                            print("Clé tappé: $text");
                            final String searchResult =
                                _historyProvider.isPubkey(context, text);
                            if (searchResult != '') {
                              _homeProvider.currentIndex = 0;
                            }
                          },
                          style: TextStyle(
                            color: Colors.grey[850],
                          ),
                          decoration: InputDecoration(
                              prefixIcon:
                                  Icon(Icons.search, color: Colors.grey[850]),
                              hintText: "Rechercher ...",
                              hintStyle: TextStyle(color: Colors.grey[850])),
                        );
                        _homeProvider.handleSearchStart();
                      } else {
                        _homeProvider.handleSearchEnd();
                      }
                    }))
          ],
          backgroundColor: Color(0xffFFD58D),
        ),
        backgroundColor: Color(0xffF9F9F1),
        body: // _homeProvider.currentTab[_homeProvider.currentIndex],
            Builder(
          builder: (context) => Column(children: <Widget>[
            // _historyProvider.snackNode(context),
            // SnackBar(content: Text('tataaa')),

            Padding(
                padding: EdgeInsets.only(top: 22),
                child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      Image(
                          image: AssetImage('assets/icon/gecko_final.png'),
                          height: 180),
                    ])),
            Padding(
                padding: EdgeInsets.only(top: 15),
                child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      Text(
                        "L’application de paiement Ğ1\nplus mobile qu’un lésard du Vietnam",
                        textAlign: TextAlign.center,
                        style: TextStyle(color: Colors.black, fontSize: 15),
                      )
                    ])),
            Padding(
                padding: EdgeInsets.only(top: 60),
                child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      Column(children: <Widget>[
                        Container(
                          child: ClipOval(
                            child: Material(
                              color: Color(0xffFFD58D), // button color
                              child: InkWell(
                                  splashColor:
                                      Color(0xffD28928), // inkwell color
                                  child: Padding(
                                      padding: EdgeInsets.all(17),
                                      child: Image(
                                          image: AssetImage(
                                              'assets/qrcode-scan.png'),
                                          height: 58)),
                                  onTap: () async {
                                    await _historyProvider.scan(context);
                                  }),
                            ),
                          ),
                          decoration: BoxDecoration(
                            shape: BoxShape.circle,
                            color: Colors.white,
                            boxShadow: [
                              BoxShadow(
                                  color: Colors.grey,
                                  blurRadius: 4.0,
                                  offset: Offset(2.0, 2.5),
                                  spreadRadius: 0.5)
                            ],
                          ),
                        ),
                        SizedBox(height: 10),
                        Text(
                          "Payer par QR-Code",
                          textAlign: TextAlign.center,
                          style: TextStyle(color: Colors.black, fontSize: 13),
                        )
                      ])
                    ])),
            Padding(
                padding: EdgeInsets.only(top: 60),
                child:
                    Row(mainAxisAlignment: MainAxisAlignment.center, children: <
                        Widget>[
                  Column(children: <Widget>[
                    Container(
                      child: ClipOval(
                        child: Material(
                          color: Color(0xffFFD58D), // button color
                          child: InkWell(
                              splashColor: Color(0xffD28928), // inkwell color
                              child: Padding(
                                  padding: EdgeInsets.symmetric(
                                      horizontal: 18, vertical: 14),
                                  child: Image(
                                      image:
                                          AssetImage('assets/blockchain.png'),
                                      height: 65)),
                              onTap: () {}),
                        ),
                      ),
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Colors.white,
                        boxShadow: [
                          BoxShadow(
                              color: Colors.grey,
                              blurRadius: 4.0,
                              offset: Offset(2.0, 2.5),
                              spreadRadius: 0.5)
                        ],
                      ),
                    ),
                    SizedBox(height: 10),
                    Text(
                      "Explorer\n",
                      textAlign: TextAlign.center,
                      style: TextStyle(color: Colors.black, fontSize: 13),
                    )
                  ]),
                  SizedBox(width: 140),
                  Column(children: <Widget>[
                    Container(
                      child: ClipOval(
                        child: Material(
                          color: Color(0xffFFD58D), // button color
                          child: InkWell(
                              splashColor: Color(0xffD28928), // inkwell color
                              child: Padding(
                                  padding: EdgeInsets.all(20),
                                  child: Image(
                                      image: AssetImage('assets/lock.png'),
                                      height: 50)),
                              onTap: () {
                                Navigator.push(
                                  context,
                                  MaterialPageRoute(builder: (context) {
                                    return WalletsHome();
                                  }),
                                );
                              }),
                        ),
                      ),
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Colors.white,
                        boxShadow: [
                          BoxShadow(
                              color: Colors.grey,
                              blurRadius: 4.0,
                              offset: Offset(2.0, 2.5),
                              spreadRadius: 0.5)
                        ],
                      ),
                    ),
                    SizedBox(height: 10),
                    Text(
                      "Gérer mes\nportefeuilles",
                      textAlign: TextAlign.center,
                      style: TextStyle(color: Colors.black, fontSize: 13),
                    )
                  ])
                ]))
          ]),
          // bottomNavigationBar: BottomNavigationBar(
          //   backgroundColor: Color(0xffFFD58D),
          //   fixedColor: Colors.grey[850],
          //   unselectedItemColor: Color(0xffBD935C),
          //   type: BottomNavigationBarType.fixed,
          //   onTap: (index) {
          //     _homeProvider.currentIndex = index;
          //   },
          //   currentIndex: _homeProvider.currentIndex,
          //   items: [
          //     BottomNavigationBarItem(
          //       icon: Image.asset('assets/block-space-disabled.png', height: 26),
          //       activeIcon: Image.asset('assets/blockchain.png', height: 26),
          //       label: 'Explorateur',
          //     ),
          //     BottomNavigationBarItem(
          //       icon: Icon(Icons.lock),
          //       label: 'Mes portefeuilles',
          //     ),
          //   ],
          // ),
        ));
  }
}