import 'package:app/gapi/client.dart';
import 'package:app/pages/start_page.dart';
import 'package:app/pb/account_info.pb.dart';
import 'package:app/pb/rpc_get_account_info.pb.dart';
import 'package:app/widgets/background.dart';
import 'package:app/widgets/bottom_bar.dart';
import 'package:app/widgets/loading_widget.dart';
import 'package:app/widgets/side_drawer.dart';
import 'package:flutter/material.dart';

class DashboardPage extends StatefulWidget {
  const DashboardPage({
    super.key,
    // required this.client,
  });

  // final GClient client;

  @override
  State<DashboardPage> createState() => _DashboardPageState();
}

class _DashboardPageState extends State<DashboardPage> {
  bool _loading = false;
  late AccountInfo accountInfo;

  void _setLoading(bool loading) {
    setState(() {
      _loading = loading;
    });
  }

  @override
  void initState() {
    super.initState();

    _setLoading(true);
    // widget.client.getAccountInfo(
    //   GetAccountInfoRequest(
    //     accountId: widget.client.session.accountId,
    //   ),
    //   onError: ({String? msg}) {
    //     ScaffoldMessenger.of(context).showSnackBar(
    //       SnackBar(
    //         content: const Text('AccountInfo konnte nicht geladen werden'),
    //         action: msg != null
    //             ? SnackBarAction(
    //                 label: 'Details',
    //                 textColor: Colors.grey,
    //                 onPressed: () {
    //                   showDialog(
    //                     context: context,
    //                     builder: (context) {
    //                       return AlertDialog(
    //                         content: Text(
    //                           msg,
    //                           textAlign: TextAlign.center,
    //                           style: const TextStyle(color: Colors.black),
    //                         ),
    //                         icon: const Icon(
    //                           Icons.warning,
    //                           color: Colors.red,
    //                         ),
    //                       );
    //                     },
    //                   );
    //                 })
    //             : null,
    //       ),
    //     );
    //   },
    // ).then((value) {
    //   accountInfo = value.accountInfo;
    //   _setLoading(false);
    // });
  }

  @override
  Widget build(BuildContext context) {
    return Background(
      child: Scaffold(
        appBar: AppBar(
          automaticallyImplyLeading: false,
          flexibleSpace: Image.asset(
            'lib/assets/logo_300x200.png',
            height: 80,
          ),
        ),
        drawer: Builder(builder: (context) {
          return SideDrawer(
            children: [
              const Spacer(),
              TextButton(
                onPressed: () {
                  Scaffold.of(context).closeDrawer();
                },
                child: const Row(
                  children: [
                    Text(
                      'About',
                      style: TextStyle(fontSize: 20),
                    ),
                    Spacer(),
                    Icon(
                      Icons.question_answer,
                      color: Colors.white,
                    ),
                  ],
                ),
              ),
              TextButton(
                onPressed: () {
                  Scaffold.of(context).closeDrawer();
                },
                child: const Row(
                  children: [
                    Text(
                      'Datenschutz',
                      style: TextStyle(fontSize: 20),
                    ),
                    Spacer(),
                    Icon(
                      Icons.privacy_tip,
                      color: Colors.white,
                    ),
                  ],
                ),
              ),
              TextButton(
                onPressed: () {
                  Scaffold.of(context).closeDrawer();
                },
                child: const Row(
                  children: [
                    Text(
                      'Impressum',
                      style: TextStyle(fontSize: 20),
                    ),
                    Spacer(),
                    Icon(
                      Icons.apartment,
                      color: Colors.white,
                    ),
                  ],
                ),
              ),
              // if (widget.client.session.accessToken != null)
              //   TextButton(
              //     onPressed: () {
              //       widget.client.session.accessToken = null;
              //       widget.client.session
              //           .removeSession(widget.client.session.sessionId!);

              //       Navigator.of(context).pushAndRemoveUntil(
              //           MaterialPageRoute(
              //             builder: (context) =>
              //                 StartPage(client: widget.client),
              //           ),
              //           (route) => false);
              //     },
              //     child: const Row(
              //       children: [
              //         Text(
              //           'Log out',
              //           style: TextStyle(fontSize: 20),
              //         ),
              //         Spacer(),
              //         Icon(
              //           Icons.logout,
              //           color: Colors.white,
              //         ),
              //       ],
              //     ),
              //   ),
              const SizedBox(
                height: 250,
              )
            ],
          );
        }),
        // bottomNavigationBar: Builder(
        //   builder: (context) {
        //     return BottomBar(
        //       children: widget.client.session.accessToken != null
        //           ? [
        //               BottomNavigationBarItem(
        //                 backgroundColor: Colors.white,
        //                 label: 'Personen',
        //                 icon: Column(
        //                   children: [
        //                     IconButton(
        //                       onPressed: () =>
        //                           Scaffold.of(context).openDrawer(),
        //                       icon: const Icon(
        //                         Icons.group,
        //                         color: Colors.white,
        //                       ),
        //                     ),
        //                     const Text(
        //                       'Personen',
        //                       style: TextStyle(
        //                         color: Colors.white,
        //                         fontSize: 16,
        //                       ),
        //                     )
        //                   ],
        //                 ),
        //               ),
        //               BottomNavigationBarItem(
        //                 backgroundColor: Colors.white,
        //                 label: 'Home',
        //                 icon: Column(
        //                   children: [
        //                     IconButton(
        //                       onPressed: () {
        //                         Navigator.of(context).push(
        //                           MaterialPageRoute(
        //                             builder: (context) => StartPage(
        //                               client: widget.client,
        //                             ),
        //                           ),
        //                         );
        //                       },
        //                       icon: const Icon(
        //                         Icons.home,
        //                         color: Colors.white,
        //                       ),
        //                     ),
        //                     const Text(
        //                       'Home',
        //                       style: TextStyle(
        //                         color: Colors.white,
        //                         fontSize: 16,
        //                       ),
        //                     )
        //                   ],
        //                 ),
        //               ),
        //               BottomNavigationBarItem(
        //                 backgroundColor: Colors.white,
        //                 label: 'Menu',
        //                 icon: IconButton(
        //                   onPressed: () {
        //                     Scaffold.of(context).openDrawer();
        //                   },
        //                   icon: const Icon(
        //                     Icons.menu,
        //                     color: Colors.white,
        //                   ),
        //                 ),
        //               )
        //             ]
        //           : [
        //               BottomNavigationBarItem(
        //                 label: 'back',
        //                 backgroundColor: Colors.white,
        //                 icon: IconButton(
        //                   onPressed: () {},
        //                   icon: const Icon(
        //                     Icons.arrow_back,
        //                     color: Colors.white,
        //                   ),
        //                 ),
        //               ),
        //               BottomNavigationBarItem(
        //                 backgroundColor: Colors.white,
        //                 label: 'Menu',
        //                 icon: IconButton(
        //                   onPressed: () => Scaffold.of(context).openDrawer(),
        //                   icon: const Icon(
        //                     Icons.menu,
        //                     color: Colors.white,
        //                   ),
        //                 ),
        //               ),
        //             ],
        //     );
        //   },
        // ),
        body: !_loading
            ? Background(
                child: Center(
                  child: Column(
                    children: [
                      const SizedBox(
                        height: 48,
                      ),
                      Text(
                        'Willkommen ${accountInfo.firstname} ${accountInfo.lastname}!',
                        style: const TextStyle(
                          fontSize: 24,
                        ),
                      ),
                    ],
                  ),
                ),
              )
            : const LoadingWidget(),
      ),
    );
  }
}