import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:mohem_flutter_app/config/routes.dart';
import 'package:mohem_flutter_app/ui/dialogs/id/employee_digital_id_dialog.dart';
import 'package:mohem_flutter_app/ui/landing/widget/drawer_item.dart';

import '../../../widgets/dialogs/dialogs.dart';
import '../../dialogs/id/business_card_dialog.dart';

class AppDrawer extends StatefulWidget {
  @override
  _AppDrawerState createState() => _AppDrawerState();
}

class _AppDrawerState extends State<AppDrawer> {
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.white,
      child: Drawer(
        child: Column(
          children: <Widget>[
            const SizedBox(
              height: 200,
            ),
            Expanded(
              child: ListView(
                padding: const EdgeInsets.all(21),
                physics: const BouncingScrollPhysics(),
                children: [
                  const Divider(),
                  InkWell(
                      child: const DrawerItem(
                        'My Profile',
                        icon: Icons.person,
                        color: Colors.grey,
                      ),
                      onTap: () {
                        drawerNavigator(context, AppRoutes.profile);
                      }),
                  const Divider(),
                  InkWell(
                      child: const DrawerItem(
                        'Mowadhafhi',
                        icon: Icons.person,
                        color: Colors.grey,
                      ),
                      onTap: () {
                        drawerNavigator(context, AppRoutes.mowadhafhi);
                      }),
                  const Divider(),
                  InkWell(
                      child: const DrawerItem(
                        'Pending Transactions',
                        icon: Icons.person,
                        color: Colors.grey,
                      ),
                      onTap: () {
                        drawerNavigator(context, AppRoutes.pendingTransactions);
                      })
                ],
              ),
            )
          ],
        ),
      ),
    );
      color: Colors.white,
      child: Drawer(
        child: Column(
          children: <Widget>[
            const SizedBox(
              height: 200,
            ),
            Expanded(
              child: ListView(
                padding: const EdgeInsets.all(21),
                physics: const BouncingScrollPhysics(),
                children: [
                  Divider(),
                  InkWell(
                    child: DrawerItem(
                      'My Profile',
                      icon: Icons.person,
                      color: Colors.grey,
                    ),
                    onTap: () {
                      drawerNavigator(context, AppRoutes.profile);
                    },
                  ),
                  Divider(),
                  InkWell(
                    child: DrawerItem(
                      'Employee Digital ID',
                      icon: Icons.insert_drive_file_outlined,
                      color: Colors.grey,
                    ),
                    onTap: () {
                      showMDialog(context, child: EmployeeDigitialIdDialog());
                    },
                  ),
                  Divider(),
                  InkWell(
                    child: DrawerItem(
                      'Business Card',
                      icon: Icons.insert_drive_file_outlined,
                      color: Colors.grey,
                    ),
                    onTap: () {
                      showMDialog(context, child: BusinessCardDialog());
                    },
                  ),
                ],
              ),
            )
          ],
        ),
      ),
    );
  }

  void drawerNavigator(context, routeName) {
    Navigator.of(context).pushNamed(routeName);
  }
}

String capitalizeOnlyFirstLater(String text) {
  if (text.trim().isEmpty) return "";

  return "${text[0].toUpperCase()}${text.substring(1)}";
}