import 'dart:convert';

import 'package:kamispace_management/modules.dart';
import 'package:http/http.dart' as http;

class Drawerheader extends StatefulWidget {
  @override
  DrawerheaderState createState() {
    return new DrawerheaderState();
  }
}

class DrawerheaderState extends State<Drawerheader> {
  final AuthorizedRepo auth = new AuthorizedRepo();
  final LocalStorage storage = new LocalStorage('tokenAPI');
  dynamic tokenDecode = [];
  dynamic memberDetail = [];
  String token = '';

  ///fetch get data decode token
  ///param is token
  Future getToken(String token) async {
    //URL_GETTOKEN =http://administrator.womaplex.com/member/decode_token
    final String url = '$URL_GETTOKEN';
    final data = {"token": "$token"};
    final response = await http.get(url, headers: data);
    if (response.statusCode == 200) {
      setState(() => tokenDecode = json.decode(response.body)['content']);
    } else {
      throw Exception('Failed data not response');
    }
  }

  @override
  void initState() {
    super.initState();
    getTokenMember();
    getToken(token);
  }

  @override
  Widget build(BuildContext context) {
    Widget _drawerHeader(BuildContext context) {
      //lihat data decodeToken user id kenpah error
      print('isi data decode toke ${tokenDecode['userid']}');
      return ClipPath(
        clipper: MyClipper(),
        child: DrawerHeader(
          decoration: BoxDecoration(
            gradient: LinearGradient(colors: darkLightBluesColor),
          ),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.start,
            children: <Widget>[
              CircleAvatar(
                //backgroundImage: NetworkImage(''),
                child: Text('SF', style: TextStyle(fontSize: 20)),
                radius: 26.0,
                backgroundColor: Colors.white,
              ),
              Ui.textView(
                'Syafrizal fiqih',
                color: Colors.white,
                padding: EdgeInsets.only(top: 10.0),
              ),
              Text(
                'syafrizal_fiqih@gmail.com',
                style: TextStyle(color: Colors.white54, fontSize: 11),
              )
            ],
          ),
        ),
      );
    }

    Widget _drawerS(BuildContext context) {
      return Drawer(
        child: ListView(
          children: <Widget>[
            _drawerHeader(context),
            Ui.navMenuInkWell('Profile', Icons.account_circle, context,
                onTap: () {}),
            Ui.navMenuInkWell('Notifikasi', Icons.notifications, context,
                onTap: () {}),
            Ui.navMenuInkWell('Tentang Kami', Icons.device_unknown, context,
                onTap: () {}),
            Ui.navMenuInkWell('Hubungi Kami', Icons.contact_phone, context,
                onTap: () {}),
            Ui.navMenu('Keluar', Icons.exit_to_app, onTap: () {
              showDialog(
                context: context,
                builder: (ctx) => new AlertDialog(
                      content: new Text('Apakah kami yakin ingin keluar ?'),
                      actions: <Widget>[
                        new FlatButton(
                          child: new Text('Batal'),
                          onPressed: () {
                            Navigator.pop(context);
                          },
                        ),
                        new FlatButton(
                          child: new Text('Keluar'),
                          onPressed: () {
                            storage.deleteItem("tokenAPI");
                            if (storage.getItem("tokenAPI") == null)
                              return navigationLogout(context);
                          },
                        ),
                      ],
                    ),
              );
            }),
          ],
        ),
      );
    }

    return _drawerS(context);
  }

  getTokenMember() {
    var items = storage.getItem('tokenAPI');
    var jsonEncode = json.encode(items);
    var tokenApi = json.decode(jsonEncode)[0]['token'];
    print('data token $tokenApi');
    token = tokenApi;
    return token;
  }

  navigationLogout(context) {
    while (Navigator.canPop(context)) {
      Navigator.pop(context);
    }
    Navigator.pushReplacementNamed(context, ScreenLogin.routeName);
  }
}