import 'package:cofounderella/pages/user_data_page.dart';
import 'package:cofounderella/services/auth/auth_service.dart';
import 'package:cofounderella/pages/settings_page.dart';
import 'package:flutter/material.dart';

class MyDrawer extends StatelessWidget {
  const MyDrawer({super.key});

  void logout() {
    // get auth service
    final auth = AuthService();
    auth.signOut();
  }

  @override
  Widget build(BuildContext context) {
    return Drawer(
        backgroundColor: Theme.of(context).colorScheme.background,
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            // logo
            Column(
              children: [
                DrawerHeader(
                  child: Center(
                    child: Icon(
                      Icons.people_alt,
                      color: Theme.of(context).colorScheme.primary,
                      size: 40,
                    ),
                  ),
                ),

                // home list tile
                Padding(
                  padding: const EdgeInsets.only(left: 25),
                  child: ListTile(
                    title: const Text("Home"),
                    leading: const Icon(Icons.home),
                    onTap: () {
                      // pop the drawer
                      Navigator.pop(context);
                      // TODO navigate to Homepage?
                    },
                  ),
                ),

                // matching list tile
                Padding(
                  padding: const EdgeInsets.only(left: 25),
                  child: ListTile(
                    title: const Text("Find Matches"),
                    leading: const Icon(Icons.person_search),
                    onTap: () {}, // TODO
                  ),
                ),

                // chats list tile
                Padding(
                  padding: const EdgeInsets.only(left: 25),
                  child: ListTile(
                    title: const Text("Conversations"),
                    leading: const Icon(Icons.chat),
                    onTap: () {}, // TODO
                  ),
                ),

                // settings list tile
                Padding(
                  padding: const EdgeInsets.only(left: 25),
                  child: ListTile(
                    title: const Text("My Profile"),
                    leading: const Icon(Icons.settings),
                    onTap: () {
                      // pop the drawer
                      Navigator.pop(context);

                      //navigate to settings page
                      Navigator.push(
                          context,
                          MaterialPageRoute(
                            builder: (context) => const SettingsPage(),
                          ));
                    },
                  ),
                ),

                // TODO TESTING - user data tile
                Padding(
                  padding: const EdgeInsets.only(left: 25),
                  child: ListTile(
                    title: const Text("User Data"),
                    leading: const Icon(Icons.supervised_user_circle),
                    onTap: () {
                      // pop the drawer
                      Navigator.pop(context);

                      //navigate to settings page
                      Navigator.push(
                          context,
                          MaterialPageRoute(
                            builder: (context) => const UserDataPage(),
                          ));
                    },
                  ),
                ),

                // horizontal line
                Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 16),
                  child: Divider(
                    color: Theme.of(context).colorScheme.primary,
                  ),
                ),

                // about tile
                Padding(
                  padding: const EdgeInsets.only(left: 25),
                  child: ListTile(
                    title: const Text("About the app"),
                    leading: const Icon(Icons.perm_device_info),
                    onTap: () {}, // TODO
                  ),
                ),

                // feedback tile
                Padding(
                  padding: const EdgeInsets.only(left: 25),
                  child: ListTile(
                    title: const Text("Send feedback"),
                    leading: const Icon(Icons.sentiment_neutral),
                    onTap: () {}, // TODO
                  ),
                ),
              ],
            ),

            // logout list tile
            Padding(
              padding: const EdgeInsets.only(left: 25, bottom: 25),
              child: ListTile(
                title: const Text("L O G O U T"),
                leading: const Icon(Icons.logout),
                onTap: logout,
              ),
            ),
          ],
        ));
  }
}