Current File : /home/tradevaly/public_html/fresh/lib/view/screens/menu/menu_screen.dart
import 'package:flutter/material.dart';
import 'package:flutter_grocery/helper/responsive_helper.dart';
import 'package:flutter_grocery/helper/route_helper.dart';
import 'package:flutter_grocery/localization/language_constrants.dart';
import 'package:flutter_grocery/provider/auth_provider.dart';
import 'package:flutter_grocery/provider/profile_provider.dart';
import 'package:flutter_grocery/provider/splash_provider.dart';
import 'package:flutter_grocery/provider/theme_provider.dart';
import 'package:flutter_grocery/utill/color_resources.dart';
import 'package:flutter_grocery/utill/dimensions.dart';
import 'package:flutter_grocery/utill/images.dart';
import 'package:flutter_grocery/utill/styles.dart';
import 'package:flutter_grocery/view/base/web_app_bar/web_app_bar.dart';
import 'package:flutter_grocery/view/screens/menu/main_screen.dart';
import 'package:flutter_grocery/view/screens/menu/web_menu/menu_screen_web.dart';
import 'package:flutter_grocery/view/screens/menu/widget/custom_drawer.dart';
import 'package:flutter_grocery/view/screens/menu/widget/menu_button.dart';
import 'package:flutter_grocery/view/screens/menu/widget/sign_out_confirmation_dialog.dart';
import 'package:flutter_grocery/view/screens/notification/notification_screen.dart';
import 'package:flutter_grocery/view/screens/profile/profile_screen.dart';
import 'package:provider/provider.dart';

class MenuScreen extends StatefulWidget {

  @override
  _MenuScreenState createState() => _MenuScreenState();
}

class _MenuScreenState extends State<MenuScreen> {
  final CustomDrawerController _drawerController = CustomDrawerController();

  @override
  Widget build(BuildContext context) {
   return CustomDrawer(
      controller: _drawerController,
      menuScreen: MenuWidget(drawerController: _drawerController),
      mainScreen: MainScreen(drawerController: _drawerController),
      showShadow: false,
      angle: 0.0,
      borderRadius: 30,
      slideWidth: MediaQuery.of(context).size.width * (CustomDrawer.isRTL(context) ? 0.45 : 0.70),
    );
  }
}

class MenuWidget extends StatelessWidget {
  final CustomDrawerController drawerController;

  MenuWidget({ this.drawerController});

  @override
  Widget build(BuildContext context) {
    final bool _isLoggedIn = Provider.of<AuthProvider>(context, listen: false).isLoggedIn();

    return WillPopScope(
      onWillPop: () async {
        if (drawerController.isOpen()) {
          drawerController.toggle();
          return false;
        } else {
          return true;
        }
      },
      child: Scaffold(
        backgroundColor:  Provider.of<ThemeProvider>(context).darkTheme
            ? ColorResources.getBackgroundColor(context)
            : ResponsiveHelper.isDesktop(context)? ColorResources.getBackgroundColor(context): Theme.of(context).primaryColor,


        appBar: ResponsiveHelper.isDesktop(context)? PreferredSize(child: WebAppBar(), preferredSize: Size.fromHeight(120)) : null,
        body: SafeArea(
          child: Scrollbar(
            child: ResponsiveHelper.isDesktop(context)? MenuScreenWeb(isLoggedIn: _isLoggedIn) : SingleChildScrollView(
              child: Center(
                child: Container(
                  width: 1170,
                  child: Consumer<SplashProvider>(
                    builder: (context, splash, child) {
                      return Column(
                          children: [
                       !ResponsiveHelper.isDesktop(context) ? Align(
                          alignment: Alignment.centerLeft,
                          child: IconButton(
                            icon: Icon(Icons.close,
                                color: Provider.of<ThemeProvider>(context).darkTheme
                                ? ColorResources.getTextColor(context)
                                : ResponsiveHelper.isDesktop(context)? ColorResources.getBackgroundColor(context): ColorResources.getBackgroundColor(context)),
                            onPressed: () => drawerController.toggle(),
                          ),
                        ):SizedBox(),
                        Consumer<ProfileProvider>(
                          builder: (context, profileProvider, child) => Row(
                            children: [
                              Expanded(
                                child: ListTile(
                                  onTap: () {
                                    Navigator.of(context).pushNamed(RouteHelper.profile, arguments: ProfileScreen());
                                  },
                                  leading: ClipOval(
                                    child: _isLoggedIn ?Provider.of<SplashProvider>(context, listen: false).baseUrls != null ? FadeInImage.assetNetwork(
                                      placeholder: Images.placeholder(context),
                                      image: '${Provider.of<SplashProvider>(context, listen: false).baseUrls.customerImageUrl}/'
                                          '${profileProvider.userInfoModel != null ? profileProvider.userInfoModel.image : ''}',
                                      height: 50, width: 50, fit: BoxFit.cover,
                                      imageErrorBuilder: (c, o, s) => Image.asset(Images.placeholder(context), height: 50, width: 50, fit: BoxFit.cover),
                                    ) : SizedBox() : Image.asset(Images.placeholder(context), height: 50, width: 50, fit: BoxFit.cover),
                                  ),
                                  title: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [

                                    _isLoggedIn ? profileProvider.userInfoModel != null ? Text(
                                      '${profileProvider.userInfoModel.fName ?? ''} ${profileProvider.userInfoModel.lName ?? ''}',
                                      style: poppinsRegular.copyWith(color: Provider.of<ThemeProvider>(context).darkTheme
                                          ? ColorResources.getTextColor(context)
                                          : ResponsiveHelper.isDesktop(context)? ColorResources.getDarkColor(context): ColorResources.getBackgroundColor(context),),
                                    ) : Container(height: 10, width: 150, color: ResponsiveHelper.isDesktop(context)? ColorResources.getDarkColor(context): ColorResources.getBackgroundColor(context)) : Text(
                                      getTranslated('guest', context),
                                      style: poppinsRegular.copyWith( color: Provider.of<ThemeProvider>(context).darkTheme
                                          ? ColorResources.getTextColor(context)
                                          : ResponsiveHelper.isDesktop(context)? ColorResources.getDarkColor(context): ColorResources.getBackgroundColor(context),),
                                    ),
                                    _isLoggedIn ? profileProvider.userInfoModel != null ? Text(
                                      '${profileProvider.userInfoModel.phone ?? ''}',
                                      style: poppinsRegular.copyWith(color: Provider.of<ThemeProvider>(context).darkTheme
                                          ? ColorResources.getTextColor(context)
                                          : ResponsiveHelper.isDesktop(context)? ColorResources.getDarkColor(context): ColorResources.getBackgroundColor(context),)
                                    ) : Container(height: 10, width: 100, color: ResponsiveHelper.isDesktop(context)? ColorResources.getDarkColor(context):ColorResources.getBackgroundColor(context)) : Text(
                                      '0123456789',
                                      style: poppinsRegular.copyWith(color: Provider.of<ThemeProvider>(context).darkTheme
                                          ? ColorResources.getTextColor(context)
                                          : ResponsiveHelper.isDesktop(context)? ColorResources.getDarkColor(context): ColorResources.getBackgroundColor(context),),
                                    ),
                                  ]),
                                ),
                              ),
                              IconButton(
                                icon: Icon(Icons.notifications,
                                    color: Provider.of<ThemeProvider>(context).darkTheme
                                        ? ColorResources.getTextColor(context)
                                        : ResponsiveHelper.isDesktop(context)? ColorResources.getDarkColor(context):  ColorResources.getBackgroundColor(context)),
                                onPressed: () {
                                  Navigator.pushNamed(context, RouteHelper.notification, arguments: NotificationScreen());
                                },
                              ),
                            ],
                          ),
                        ),
                        SizedBox(height: 50),
                       ResponsiveHelper.isDesktop(context) ? SizedBox() : MenuButton(drawerController: drawerController, index: 0, icon: Images.home, title: getTranslated('home', context)),
                        MenuButton(drawerController: drawerController, index: 1, icon: Images.list, title: getTranslated('all_categories', context)),
                        MenuButton(drawerController: drawerController, index: 2, icon: Images.order_bag, title: getTranslated('shopping_bag', context)),
                        MenuButton(drawerController: drawerController, index: 3, iconData: Icons.favorite_border, icon: null, title: getTranslated('favourite', context)),
                        MenuButton(drawerController: drawerController, index: 4, icon: Images.order_list, title: getTranslated('my_order', context)),
                        MenuButton(drawerController: drawerController, index: 5, icon: Images.location, title: getTranslated('address', context)),
                        MenuButton(drawerController: drawerController, index: 6, icon: Images.coupon, title: getTranslated('coupon', context)),
                        MenuButton(drawerController: drawerController, index: 7, icon: Images.chat, title: getTranslated('live_chat', context)),
                        MenuButton(drawerController: drawerController, index: 8, icon: Images.settings, title: getTranslated('settings', context)),
                        MenuButton(
                          drawerController: drawerController, index: 9,
                          icon: Images.terms_and_conditions,
                          title: getTranslated('terms_and_condition', context),
                        ),
                        MenuButton(drawerController: drawerController, index: 10, icon: Images.privacy, title: getTranslated('privacy_policy', context)),
                        MenuButton(drawerController: drawerController, index: 11, icon: Images.about_us, title: getTranslated('about_us', context)),


                        ListTile(
                          onTap: () {
                            if(_isLoggedIn) {
                              showDialog(context: context, barrierDismissible: false, builder: (context) => SignOutConfirmationDialog());
                            }else {
                              Provider.of<SplashProvider>(context, listen: false).setPageIndex(0);
                              Navigator.pushNamedAndRemoveUntil(context, RouteHelper.getLoginRoute(), (route) => false);
                            }
                          },
                          leading: Image.asset(_isLoggedIn ? Images.log_out : Images.app_logo,
                              color: Provider.of<ThemeProvider>(context).darkTheme
                              ? ColorResources.getTextColor(context)
                              : ResponsiveHelper.isDesktop(context)? ColorResources.getDarkColor(context):  ColorResources.getBackgroundColor(context),
                            width: 25, height: 25,
                          ),
                          title: Text(
                            getTranslated(_isLoggedIn ? 'log_out' : 'login', context),
                            style: poppinsRegular.copyWith(fontSize: Dimensions.FONT_SIZE_LARGE,
                                color: Provider.of<ThemeProvider>(context).darkTheme
                                ? ColorResources.getTextColor(context)
                                :ResponsiveHelper.isDesktop(context)? ColorResources.getDarkColor(context): ColorResources.getBackgroundColor(context)),
                          ),
                        ),
                      ]);
                    },
                  ),
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}