You cannot select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
	
	
		
			733 lines
		
	
	
		
			37 KiB
		
	
	
	
		
			Dart
		
	
			
		
		
	
	
			733 lines
		
	
	
		
			37 KiB
		
	
	
	
		
			Dart
		
	
import 'dart:async';
 | 
						|
import 'dart:io';
 | 
						|
import 'dart:ui' as ui;
 | 
						|
 | 
						|
import 'package:easy_localization/easy_localization.dart';
 | 
						|
import 'package:flutter/foundation.dart';
 | 
						|
import 'package:flutter/material.dart';
 | 
						|
import 'package:flutter_countdown_timer/flutter_countdown_timer.dart';
 | 
						|
import 'package:flutter_svg/flutter_svg.dart';
 | 
						|
import 'package:mohem_flutter_app/api/dashboard_api_client.dart';
 | 
						|
import 'package:mohem_flutter_app/app_state/app_state.dart';
 | 
						|
import 'package:mohem_flutter_app/classes/colors.dart';
 | 
						|
import 'package:mohem_flutter_app/classes/utils.dart';
 | 
						|
import 'package:mohem_flutter_app/config/routes.dart';
 | 
						|
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
 | 
						|
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
 | 
						|
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
 | 
						|
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
 | 
						|
import 'package:mohem_flutter_app/models/itg/itg_main_response.dart';
 | 
						|
import 'package:mohem_flutter_app/models/itg/itg_response_model.dart';
 | 
						|
import 'package:mohem_flutter_app/models/offers_and_discounts/get_offers_list.dart';
 | 
						|
import 'package:mohem_flutter_app/models/privilege_list_model.dart';
 | 
						|
import 'package:mohem_flutter_app/provider/chat_provider_model.dart';
 | 
						|
import 'package:mohem_flutter_app/provider/dashboard_provider_model.dart';
 | 
						|
import 'package:mohem_flutter_app/ui/landing/widget/app_drawer.dart';
 | 
						|
import 'package:mohem_flutter_app/ui/landing/widget/menus_widget.dart';
 | 
						|
import 'package:mohem_flutter_app/ui/landing/widget/services_widget.dart';
 | 
						|
import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
 | 
						|
import 'package:mohem_flutter_app/ui/marathon/widgets/marathon_banner.dart';
 | 
						|
import 'package:mohem_flutter_app/widgets/bottom_sheet.dart';
 | 
						|
import 'package:mohem_flutter_app/widgets/mark_attendance_widget.dart';
 | 
						|
import 'package:mohem_flutter_app/widgets/shimmer/dashboard_shimmer_widget.dart';
 | 
						|
import 'package:mohem_flutter_app/widgets/shimmer/offers_shimmer_widget.dart';
 | 
						|
import 'package:provider/provider.dart';
 | 
						|
import 'package:pull_to_refresh/pull_to_refresh.dart';
 | 
						|
import 'package:signalr_netcore/signalr_client.dart';
 | 
						|
 | 
						|
late HubConnection chatHubConnection;
 | 
						|
 | 
						|
class DashboardScreen extends StatefulWidget {
 | 
						|
  DashboardScreen({Key? key}) : super(key: key);
 | 
						|
 | 
						|
  @override
 | 
						|
  _DashboardScreenState createState() {
 | 
						|
    return _DashboardScreenState();
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
class _DashboardScreenState extends State<DashboardScreen> with WidgetsBindingObserver {
 | 
						|
  late DashboardProviderModel data;
 | 
						|
  late MarathonProvider marathonProvider;
 | 
						|
  late ChatProviderModel cProvider;
 | 
						|
  final GlobalKey<ScaffoldState> _scaffoldState = GlobalKey();
 | 
						|
 | 
						|
  final RefreshController _refreshController = RefreshController(initialRefresh: false);
 | 
						|
 | 
						|
  int currentIndex = 0;
 | 
						|
 | 
						|
  @override
 | 
						|
  void initState() {
 | 
						|
    WidgetsBinding.instance.addObserver(this);
 | 
						|
    super.initState();
 | 
						|
    scheduleMicrotask(() {
 | 
						|
      data = Provider.of<DashboardProviderModel>(context, listen: false);
 | 
						|
      marathonProvider = Provider.of<MarathonProvider>(context, listen: false);
 | 
						|
      cProvider = Provider.of<ChatProviderModel>(context, listen: false);
 | 
						|
      if (checkIfPrivilegedForChat()) {
 | 
						|
        _bHubCon();
 | 
						|
      }
 | 
						|
      _onRefresh(true);
 | 
						|
    });
 | 
						|
  }
 | 
						|
 | 
						|
  @override
 | 
						|
  void didChangeAppLifecycleState(AppLifecycleState state) {
 | 
						|
    if (state == AppLifecycleState.resumed) {
 | 
						|
      checkSession();
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  void checkSession() async {
 | 
						|
    try {
 | 
						|
      await DashboardApiClient().getOpenMissingSwipes();
 | 
						|
    } catch (ex) {
 | 
						|
      Utils.handleException(ex, context, null);
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  @override
 | 
						|
  void dispose() {
 | 
						|
    WidgetsBinding.instance.removeObserver(this);
 | 
						|
    super.dispose();
 | 
						|
    if (!cProvider.disbaleChatForThisUser) {
 | 
						|
      chatHubConnection.stop();
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  void _bHubCon() {
 | 
						|
    cProvider.getUserAutoLoginToken().whenComplete(() async {
 | 
						|
      if (!cProvider.disbaleChatForThisUser) {
 | 
						|
        String isAppOpendByChat = await Utils.getStringFromPrefs("isAppOpendByChat");
 | 
						|
        if (isAppOpendByChat != "null" && isAppOpendByChat == "true") {
 | 
						|
          Utils.showLoading(context);
 | 
						|
          cProvider.buildHubConnection();
 | 
						|
          Future.delayed(const Duration(seconds: 2), () async {
 | 
						|
            cProvider.invokeChatCounter(userId: AppState().chatDetails!.response!.id!);
 | 
						|
            gotoChat(context);
 | 
						|
          });
 | 
						|
        } else {
 | 
						|
          cProvider.buildHubConnection();
 | 
						|
          Future.delayed(const Duration(seconds: 2), () {
 | 
						|
            cProvider.invokeChatCounter(userId: AppState().chatDetails!.response!.id!);
 | 
						|
          });
 | 
						|
        }
 | 
						|
      }
 | 
						|
    });
 | 
						|
  }
 | 
						|
 | 
						|
  Future<void> checkHubCon() async {
 | 
						|
    if (chatHubConnection.state == HubConnectionState.Connected) {
 | 
						|
      await chatHubConnection.stop();
 | 
						|
      await chatHubConnection.start();
 | 
						|
    } else if (chatHubConnection.state != HubConnectionState.Connected) {
 | 
						|
      await chatHubConnection.start();
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  void gotoChat(BuildContext context) async {
 | 
						|
    if (chatHubConnection.state == HubConnectionState.Connected) {
 | 
						|
      Utils.hideLoading(context);
 | 
						|
      Navigator.pushNamed(context, AppRoutes.chat);
 | 
						|
      String isAppOpendByChat = await Utils.getStringFromPrefs("isAppOpendByChat");
 | 
						|
      if (isAppOpendByChat != "null" || isAppOpendByChat == "true") {
 | 
						|
        Utils.saveStringFromPrefs("isAppOpendByChat", "false");
 | 
						|
        Utils.saveStringFromPrefs("notificationData", "null");
 | 
						|
      }
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  void _onRefresh(bool isFromInit) async {
 | 
						|
    data.initProvider();
 | 
						|
    // data.getITGNotification().then((value) {
 | 
						|
    //   print("--------------------detail_1-----------------");
 | 
						|
    //   print(value!.result!.data!.notificationMasterId);
 | 
						|
    //   print(value.result!.data!.notificationTitle);
 | 
						|
    // });
 | 
						|
    data.fetchListMenu();
 | 
						|
    data.fetchAttendanceTracking(context);
 | 
						|
    data.fetchWorkListCounter(context);
 | 
						|
    data.fetchMissingSwipe(context);
 | 
						|
    data.fetchLeaveTicketBalance(context, DateTime.now());
 | 
						|
    data.fetchMenuEntries();
 | 
						|
    data.getCategoryOffersListAPI(context);
 | 
						|
    marathonProvider.getMarathonDetailsFromApi();
 | 
						|
    marathonProvider.getMarathonTutorial();
 | 
						|
    if (isFromInit) {
 | 
						|
      checkERMChannel();
 | 
						|
    }
 | 
						|
    if (!cProvider.disbaleChatForThisUser && !isFromInit) checkHubCon();
 | 
						|
    _refreshController.refreshCompleted();
 | 
						|
  }
 | 
						|
 | 
						|
  int ermIndex = 0;
 | 
						|
 | 
						|
  void handleErmChannel(List<ItgResponseData> list) async {
 | 
						|
    try {
 | 
						|
      if (ermIndex == list.length) {
 | 
						|
        return;
 | 
						|
      }
 | 
						|
      Utils.showLoading(context);
 | 
						|
      ItgMainRes? response = await DashboardApiClient().getAdvertisementDetail(list[ermIndex].notificationMasterId ?? "");
 | 
						|
      Utils.hideLoading(context);
 | 
						|
      if (response!.mohemmItgResponseItem!.result!.data != null) {
 | 
						|
        if (list[ermIndex].notificationType == "Survey") {
 | 
						|
          await Navigator.pushNamed(context, AppRoutes.survey, arguments: response.mohemmItgResponseItem!.result!.data!.first);
 | 
						|
        } else {
 | 
						|
          await Navigator.pushNamed(context, AppRoutes.advertisement, arguments: {
 | 
						|
            "masterId": list[ermIndex].notificationMasterId,
 | 
						|
            "advertisement": response.mohemmItgResponseItem!.result!.data!.first.advertisement,
 | 
						|
          });
 | 
						|
        }
 | 
						|
      }
 | 
						|
      ermIndex++;
 | 
						|
      handleErmChannel(list);
 | 
						|
    } catch (ex) {
 | 
						|
      Utils.hideLoading(context);
 | 
						|
      Utils.handleException(ex, context, null);
 | 
						|
      return;
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  void checkERMChannel() {
 | 
						|
    data.getITGNotification().then((val) async {
 | 
						|
      if (val!.result!.data != null) {
 | 
						|
        ermIndex = 0;
 | 
						|
        val.result?.data?.removeWhere((element) => element.notificationType == "Announcement");
 | 
						|
        handleErmChannel(val.result?.data ?? []);
 | 
						|
        {
 | 
						|
          // if (ERMvalue.notificationType == "Survey") {
 | 
						|
          //   await DashboardApiClient().getAdvertisementDetail(val.result!.data!.first.notificationMasterId ?? "").then(
 | 
						|
          //         (value) async {
 | 
						|
          //       if (value!.mohemmItgResponseItem!.statusCode == 200) {
 | 
						|
          //         if (value.mohemmItgResponseItem!.result!.data != null) {
 | 
						|
          //           // Navigator.pushNamed(context, AppRoutes.survey, arguments: val.result!.data);
 | 
						|
          //           await Navigator.pushNamed(context, AppRoutes.survey, arguments: value.mohemmItgResponseItem!.result!.data!.first);
 | 
						|
          //           // Navigator.pushNamed(context, AppRoutes.advertisement, arguments: {
 | 
						|
          //           //   "masterId": val.result!.data!.notificationMasterId,
 | 
						|
          //           //   "advertisement": value.mohemmItgResponseItem!.result!.data!.advertisement,
 | 
						|
          //           // });
 | 
						|
          //         }
 | 
						|
          //       }
 | 
						|
          //     },
 | 
						|
          //   );
 | 
						|
          // } else {
 | 
						|
          //   print("------------------------------------------- Ads --------------------");
 | 
						|
          //   await DashboardApiClient().getAdvertisementDetail(ERMvalue.notificationMasterId ?? "").then(
 | 
						|
          //         (value) async {
 | 
						|
          //       if (value!.mohemmItgResponseItem!.statusCode == 200) {
 | 
						|
          //         if (value.mohemmItgResponseItem!.result!.data != null) {
 | 
						|
          //           await Navigator.pushNamed(context, AppRoutes.advertisement, arguments: {
 | 
						|
          //             "masterId": val.result!.data!.first.notificationMasterId,
 | 
						|
          //             "advertisement": value.mohemmItgResponseItem!.result!.data!.first.advertisement,
 | 
						|
          //           });
 | 
						|
          //         }
 | 
						|
          //       }
 | 
						|
          //     },
 | 
						|
          //   );
 | 
						|
          // }
 | 
						|
        }
 | 
						|
      }
 | 
						|
    });
 | 
						|
  }
 | 
						|
 | 
						|
  @override
 | 
						|
  Widget build(BuildContext context) {
 | 
						|
    return Scaffold(
 | 
						|
      key: _scaffoldState,
 | 
						|
      body: Column(
 | 
						|
        children: [
 | 
						|
          Row(
 | 
						|
            children: [
 | 
						|
              Builder(builder: (BuildContext context) {
 | 
						|
                return Row(
 | 
						|
                  mainAxisSize: MainAxisSize.min,
 | 
						|
                  children: [
 | 
						|
                    Image.memory(
 | 
						|
                      Utils.dataFromBase64String(
 | 
						|
                        AppState().memberInformationList!.eMPLOYEEIMAGE ?? "",
 | 
						|
                      ),
 | 
						|
                      errorBuilder: (BuildContext context, Object error, StackTrace? stackTrace) {
 | 
						|
                        return SvgPicture.asset(
 | 
						|
                          "assets/images/user.svg",
 | 
						|
                          height: 34,
 | 
						|
                          width: 34,
 | 
						|
                        );
 | 
						|
                      },
 | 
						|
                      width: 34,
 | 
						|
                      height: 34,
 | 
						|
                      fit: BoxFit.cover,
 | 
						|
                    ).circle(50),
 | 
						|
                    // CircularAvatar(
 | 
						|
                    //   width: 34,
 | 
						|
                    //   height: 34,
 | 
						|
                    //   url: "https://cdn4.iconfinder.com/data/icons/professions-2-2/151/89-512.png",
 | 
						|
                    // ),
 | 
						|
                    8.width,
 | 
						|
                    SvgPicture.asset("assets/images/side_nav.svg"),
 | 
						|
                  ],
 | 
						|
                ).onPress(() {
 | 
						|
                  _scaffoldState.currentState!.openDrawer();
 | 
						|
                });
 | 
						|
              }),
 | 
						|
              Image.asset("assets/images/logos/main_mohemm_logo.png", width: 134, height: 28).expanded,
 | 
						|
              SvgPicture.asset(
 | 
						|
                "assets/images/announcements.svg",
 | 
						|
                matchTextDirection: true,
 | 
						|
              ).onPress(() async {
 | 
						|
                await Navigator.pushNamed(context, AppRoutes.announcements);
 | 
						|
              })
 | 
						|
            ],
 | 
						|
          ).paddingOnly(left: 21, right: 21, top: 48, bottom: 7),
 | 
						|
          Expanded(
 | 
						|
            child: SmartRefresher(
 | 
						|
              enablePullDown: true,
 | 
						|
              enablePullUp: false,
 | 
						|
              header: const MaterialClassicHeader(
 | 
						|
                color: MyColors.gradiantEndColor,
 | 
						|
              ),
 | 
						|
              controller: _refreshController,
 | 
						|
              onRefresh: () {
 | 
						|
                _onRefresh(false);
 | 
						|
              },
 | 
						|
              child: SingleChildScrollView(
 | 
						|
                child: Column(
 | 
						|
                  children: [
 | 
						|
                    Column(
 | 
						|
                      crossAxisAlignment: CrossAxisAlignment.start,
 | 
						|
                      children: <Widget>[
 | 
						|
                        LocaleKeys.welcomeBack.tr().toText14(color: MyColors.grey77Color),
 | 
						|
                        (AppState().memberInformationList!.eMPLOYEENAME ?? "").toText24(isBold: true),
 | 
						|
                        16.height,
 | 
						|
                        Row(
 | 
						|
                          children: [
 | 
						|
                            Expanded(
 | 
						|
                              child: AspectRatio(
 | 
						|
                                aspectRatio: 159 / 159,
 | 
						|
                                child: Consumer<DashboardProviderModel>(
 | 
						|
                                  builder: (BuildContext context, DashboardProviderModel model, Widget? child) {
 | 
						|
                                    return (model.isAttendanceTrackingLoading
 | 
						|
                                            ? GetAttendanceTrackingShimmer()
 | 
						|
                                            : Container(
 | 
						|
                                                decoration: BoxDecoration(
 | 
						|
                                                  borderRadius: BorderRadius.circular(15),
 | 
						|
                                                  gradient: const LinearGradient(transform: GradientRotation(.46), begin: Alignment.topRight, end: Alignment.bottomLeft, colors: [
 | 
						|
                                                    MyColors.gradiantEndColor,
 | 
						|
                                                    MyColors.gradiantStartColor,
 | 
						|
                                                  ]),
 | 
						|
                                                ),
 | 
						|
                                                child: Stack(
 | 
						|
                                                  alignment: Alignment.center,
 | 
						|
                                                  children: [
 | 
						|
                                                    if (model.isTimeRemainingInSeconds == 0) SvgPicture.asset("assets/images/thumb.svg"),
 | 
						|
                                                    Column(
 | 
						|
                                                      crossAxisAlignment: CrossAxisAlignment.start,
 | 
						|
                                                      children: [
 | 
						|
                                                        Expanded(
 | 
						|
                                                          child: Column(
 | 
						|
                                                            mainAxisSize: MainAxisSize.min,
 | 
						|
                                                            crossAxisAlignment: CrossAxisAlignment.start,
 | 
						|
                                                            children: [
 | 
						|
                                                              LocaleKeys.markAttendance.tr().toText14(color: Colors.white, isBold: true),
 | 
						|
                                                              if (model.isTimeRemainingInSeconds == 0) DateTime.now().toString().split(" ")[0].toText12(color: Colors.white),
 | 
						|
                                                              if (model.isTimeRemainingInSeconds != 0)
 | 
						|
                                                                Column(
 | 
						|
                                                                  mainAxisSize: MainAxisSize.min,
 | 
						|
                                                                  crossAxisAlignment: CrossAxisAlignment.start,
 | 
						|
                                                                  children: [
 | 
						|
                                                                    9.height,
 | 
						|
                                                                    Directionality(
 | 
						|
                                                                      textDirection: ui.TextDirection.ltr,
 | 
						|
                                                                      child: CountdownTimer(
 | 
						|
                                                                        endTime: model.endTime,
 | 
						|
                                                                        onEnd: null,
 | 
						|
                                                                        endWidget: "00:00:00".toText14(color: Colors.white, isBold: true),
 | 
						|
                                                                        textStyle: const TextStyle(color: Colors.white, fontSize: 14, letterSpacing: -0.48, fontWeight: FontWeight.bold),
 | 
						|
                                                                      ),
 | 
						|
                                                                    ),
 | 
						|
                                                                    LocaleKeys.timeLeftToday.tr().toText12(color: Colors.white),
 | 
						|
                                                                    9.height,
 | 
						|
                                                                    ClipRRect(
 | 
						|
                                                                      borderRadius: const BorderRadius.all(Radius.circular(20)),
 | 
						|
                                                                      child: LinearProgressIndicator(
 | 
						|
                                                                        value: model.progress,
 | 
						|
                                                                        minHeight: 8,
 | 
						|
                                                                        valueColor: const AlwaysStoppedAnimation<Color>(Colors.white),
 | 
						|
                                                                        backgroundColor: const Color(0xff196D73),
 | 
						|
                                                                      ),
 | 
						|
                                                                    ),
 | 
						|
                                                                  ],
 | 
						|
                                                                ),
 | 
						|
                                                            ],
 | 
						|
                                                          ).paddingOnly(top: 12, right: 15, left: 12),
 | 
						|
                                                        ),
 | 
						|
                                                        Row(
 | 
						|
                                                          children: [
 | 
						|
                                                            Expanded(
 | 
						|
                                                              child: Column(
 | 
						|
                                                                mainAxisSize: MainAxisSize.min,
 | 
						|
                                                                crossAxisAlignment: CrossAxisAlignment.start,
 | 
						|
                                                                children: [
 | 
						|
                                                                  LocaleKeys.checkIn.tr().toText12(color: Colors.white),
 | 
						|
                                                                  (model.attendanceTracking!.pSwipeIn == null ? "--:--" : model.attendanceTracking!.pSwipeIn)
 | 
						|
                                                                      .toString()
 | 
						|
                                                                      .toText14(color: Colors.white, isBold: true),
 | 
						|
                                                                  4.height,
 | 
						|
                                                                ],
 | 
						|
                                                              ).paddingOnly(left: 12, right: 12),
 | 
						|
                                                            ),
 | 
						|
                                                            Container(
 | 
						|
                                                              margin: EdgeInsets.only(top: AppState().isArabic(context) ? 6 : 0),
 | 
						|
                                                              width: 45,
 | 
						|
                                                              height: 45,
 | 
						|
                                                              padding: const EdgeInsets.only(left: 10, right: 10),
 | 
						|
                                                              decoration: BoxDecoration(
 | 
						|
                                                                color: Color(0xff259EA4),
 | 
						|
                                                                borderRadius: BorderRadius.only(
 | 
						|
                                                                  bottomRight: AppState().isArabic(context) ? Radius.circular(0) : Radius.circular(15),
 | 
						|
                                                                  bottomLeft: AppState().isArabic(context) ? Radius.circular(15) : Radius.circular(0),
 | 
						|
                                                                ),
 | 
						|
                                                              ),
 | 
						|
                                                              child: SvgPicture.asset(model.isTimeRemainingInSeconds == 0 ? "assets/images/biometrics.svg" : "assets/images/biometrics.svg"),
 | 
						|
                                                            ).onPress(() {
 | 
						|
                                                              showMyBottomSheet(
 | 
						|
                                                                context,
 | 
						|
                                                                callBackFunc: () {},
 | 
						|
                                                                child: MarkAttendanceWidget(model, isFromDashboard: true),
 | 
						|
                                                              );
 | 
						|
                                                            }),
 | 
						|
                                                          ],
 | 
						|
                                                        ),
 | 
						|
                                                      ],
 | 
						|
                                                    ),
 | 
						|
                                                  ],
 | 
						|
                                                ),
 | 
						|
                                              ).onPress(
 | 
						|
                                                () {
 | 
						|
                                                  Navigator.pushNamed(context, AppRoutes.todayAttendance);
 | 
						|
                                                },
 | 
						|
                                              ))
 | 
						|
                                        .animatedSwither();
 | 
						|
                                  },
 | 
						|
                                ),
 | 
						|
                              ),
 | 
						|
                            ),
 | 
						|
                            9.width,
 | 
						|
                            Expanded(
 | 
						|
                              child: MenusWidget(),
 | 
						|
                            ),
 | 
						|
                          ],
 | 
						|
                        ),
 | 
						|
                      ],
 | 
						|
                    ).paddingOnly(left: 21, right: 21, top: 7, bottom: 21),
 | 
						|
                    Column(
 | 
						|
                      mainAxisSize: MainAxisSize.min,
 | 
						|
                      crossAxisAlignment: CrossAxisAlignment.start,
 | 
						|
                      children: [
 | 
						|
                        Row(
 | 
						|
                          crossAxisAlignment: CrossAxisAlignment.center,
 | 
						|
                          children: [
 | 
						|
                            Expanded(
 | 
						|
                              child: Column(
 | 
						|
                                crossAxisAlignment: CrossAxisAlignment.start,
 | 
						|
                                mainAxisSize: MainAxisSize.min,
 | 
						|
                                children: [
 | 
						|
                                  LocaleKeys.offers.tr().toText12(),
 | 
						|
                                  Row(
 | 
						|
                                    children: [
 | 
						|
                                      LocaleKeys.discounts.tr().toText24(isBold: true),
 | 
						|
                                      6.width,
 | 
						|
                                      Container(
 | 
						|
                                          padding: const EdgeInsets.only(left: 8, right: 8),
 | 
						|
                                          decoration: BoxDecoration(
 | 
						|
                                            color: MyColors.yellowColor,
 | 
						|
                                            borderRadius: BorderRadius.circular(10),
 | 
						|
                                          ),
 | 
						|
                                          child: LocaleKeys.newString.tr().toText10(isBold: true)),
 | 
						|
                                    ],
 | 
						|
                                  ),
 | 
						|
                                ],
 | 
						|
                              ),
 | 
						|
                            ),
 | 
						|
                            LocaleKeys.viewAllOffers.tr().toText12(isUnderLine: true).onPress(() {
 | 
						|
                              Navigator.pushNamed(context, AppRoutes.offersAndDiscounts);
 | 
						|
                            })
 | 
						|
                          ],
 | 
						|
                        ).paddingOnly(left: 21, right: 21),
 | 
						|
                        Consumer<DashboardProviderModel>(
 | 
						|
                          builder: (BuildContext context, DashboardProviderModel model, Widget? child) {
 | 
						|
                            return SizedBox(
 | 
						|
                              height: 103 + 33,
 | 
						|
                              child: ListView.separated(
 | 
						|
                                  shrinkWrap: true,
 | 
						|
                                  physics: const BouncingScrollPhysics(),
 | 
						|
                                  padding: const EdgeInsets.only(left: 21, right: 21, top: 13),
 | 
						|
                                  scrollDirection: Axis.horizontal,
 | 
						|
                                  itemBuilder: (BuildContext cxt, int index) {
 | 
						|
                                    return model.isOffersLoading
 | 
						|
                                        ? const OffersShimmerWidget()
 | 
						|
                                        : InkWell(
 | 
						|
                                            onTap: () {
 | 
						|
                                              navigateToDetails(data.getOffersList[index]);
 | 
						|
                                            },
 | 
						|
                                            child: SizedBox(
 | 
						|
                                              width: 73,
 | 
						|
                                              child: Column(
 | 
						|
                                                crossAxisAlignment: CrossAxisAlignment.center,
 | 
						|
                                                children: [
 | 
						|
                                                  Container(
 | 
						|
                                                    width: 73,
 | 
						|
                                                    height: 73,
 | 
						|
                                                    decoration: BoxDecoration(
 | 
						|
                                                      color: Colors.white,
 | 
						|
                                                      borderRadius: const BorderRadius.all(
 | 
						|
                                                        Radius.circular(100),
 | 
						|
                                                      ),
 | 
						|
                                                      border: Border.all(color: MyColors.lightGreyE3Color, width: 1),
 | 
						|
                                                    ),
 | 
						|
                                                    child: ClipRRect(
 | 
						|
                                                      borderRadius: const BorderRadius.all(
 | 
						|
                                                        Radius.circular(50),
 | 
						|
                                                      ),
 | 
						|
                                                      child: Hero(
 | 
						|
                                                        tag: "ItemImage" + data.getOffersList[index].offersDiscountId.toString()!,
 | 
						|
                                                        transitionOnUserGestures: true,
 | 
						|
                                                        child: Image.network(
 | 
						|
                                                          data.getOffersList[index].logo ?? "",
 | 
						|
                                                          fit: BoxFit.contain,
 | 
						|
                                                        ),
 | 
						|
                                                      ),
 | 
						|
                                                    ),
 | 
						|
                                                  ),
 | 
						|
                                                  4.height,
 | 
						|
                                                  Expanded(
 | 
						|
                                                    child: AppState().isArabic(context)
 | 
						|
                                                        ? data.getOffersList[index].titleAr!.toText12(isCenter: true, maxLine: 1)
 | 
						|
                                                        : data.getOffersList[index].titleEn!.toText12(isCenter: true, maxLine: 1),
 | 
						|
                                                  ),
 | 
						|
                                                ],
 | 
						|
                                              ),
 | 
						|
                                            ),
 | 
						|
                                          );
 | 
						|
                                  },
 | 
						|
                                  separatorBuilder: (BuildContext cxt, int index) => 8.width,
 | 
						|
                                  itemCount: 9),
 | 
						|
                            );
 | 
						|
                          },
 | 
						|
                        ),
 | 
						|
                      ],
 | 
						|
                    ),
 | 
						|
                    Container(
 | 
						|
                      width: double.infinity,
 | 
						|
                      padding: const EdgeInsets.only(top: 31),
 | 
						|
                      decoration: BoxDecoration(
 | 
						|
                        color: Colors.white,
 | 
						|
                        borderRadius: const BorderRadius.only(topRight: Radius.circular(50), topLeft: Radius.circular(50)),
 | 
						|
                        border: Border.all(color: MyColors.lightGreyEDColor, width: 1),
 | 
						|
                      ),
 | 
						|
                      child: Column(
 | 
						|
                        mainAxisSize: MainAxisSize.min,
 | 
						|
                        children: [
 | 
						|
                          ServicesWidget(),
 | 
						|
                          context.watch<MarathonProvider>().isLoading ? const MarathonBannerShimmer().paddingAll(20) : const MarathonBanner().paddingOnly(left: 21, right: 21, bottom: 8, top: 8),
 | 
						|
                          context.watch<MarathonProvider>().isTutorialLoading
 | 
						|
                              ? const MarathonBannerShimmer().paddingAll(20)
 | 
						|
                              : Container(
 | 
						|
                                  padding: EdgeInsets.only(bottom: 12, top: 12),
 | 
						|
                                  margin: EdgeInsets.only(left: 21, right: 21, bottom: 21, top: 8),
 | 
						|
                                  width: double.infinity,
 | 
						|
                                  alignment: Alignment.center,
 | 
						|
                                  decoration: BoxDecoration(
 | 
						|
                                    color: MyColors.backgroundBlackColor,
 | 
						|
                                    borderRadius: BorderRadius.circular(20),
 | 
						|
                                    border: Border.all(color: MyColors.lightGreyEDColor, width: 1),
 | 
						|
                                  ),
 | 
						|
                                  child: Column(
 | 
						|
                                    crossAxisAlignment: CrossAxisAlignment.start,
 | 
						|
                                    mainAxisSize: MainAxisSize.min,
 | 
						|
                                    children: [
 | 
						|
                                      Text(
 | 
						|
                                        "Tutorial:",
 | 
						|
                                        style: TextStyle(
 | 
						|
                                          fontSize: 11,
 | 
						|
                                          fontStyle: FontStyle.italic,
 | 
						|
                                          fontWeight: FontWeight.w600,
 | 
						|
                                          color: MyColors.white.withOpacity(0.83),
 | 
						|
                                          letterSpacing: -0.4,
 | 
						|
                                        ),
 | 
						|
                                      ),
 | 
						|
                                      Text(
 | 
						|
                                        context.read<MarathonProvider>().tutorial?.tutorialName ?? "",
 | 
						|
                                        overflow: TextOverflow.ellipsis,
 | 
						|
                                        style: TextStyle(
 | 
						|
                                          fontStyle: FontStyle.italic,
 | 
						|
                                          fontSize: 19,
 | 
						|
                                          fontWeight: FontWeight.bold,
 | 
						|
                                          color: MyColors.white,
 | 
						|
                                          height: 32 / 22,
 | 
						|
                                        ),
 | 
						|
                                      ),
 | 
						|
                                    ],
 | 
						|
                                  ),
 | 
						|
                                ).onPress(() {
 | 
						|
                                  checkERMChannel();
 | 
						|
                                  // Navigator.pushNamed(context, AppRoutes.marathonTutorialScreen);
 | 
						|
                                }),
 | 
						|
                        ],
 | 
						|
                      ),
 | 
						|
                    ),
 | 
						|
                  ],
 | 
						|
                ),
 | 
						|
              ),
 | 
						|
            ),
 | 
						|
          )
 | 
						|
        ],
 | 
						|
      ),
 | 
						|
      drawer: SafeArea(
 | 
						|
        child: AppDrawer(onLanguageChange: _onRefresh),
 | 
						|
      ),
 | 
						|
      bottomNavigationBar: SizedBox(
 | 
						|
        height: Platform.isAndroid ? 70 : 100,
 | 
						|
        child: BottomNavigationBar(
 | 
						|
          items: <BottomNavigationBarItem>[
 | 
						|
            BottomNavigationBarItem(
 | 
						|
              icon: SvgPicture.asset(
 | 
						|
                "assets/icons/home.svg",
 | 
						|
                color: currentIndex == 0 ? MyColors.grey3AColor : MyColors.grey98Color,
 | 
						|
              ).paddingAll(4),
 | 
						|
              label: LocaleKeys.home.tr(),
 | 
						|
            ),
 | 
						|
            BottomNavigationBarItem(
 | 
						|
              icon: SvgPicture.asset(
 | 
						|
                "assets/icons/create_req.svg",
 | 
						|
                color: currentIndex == 1 ? MyColors.grey3AColor : MyColors.grey98Color,
 | 
						|
              ).paddingAll(4),
 | 
						|
              label: LocaleKeys.mowadhafhiRequest.tr(),
 | 
						|
            ),
 | 
						|
            BottomNavigationBarItem(
 | 
						|
              icon: Stack(
 | 
						|
                alignment: Alignment.centerLeft,
 | 
						|
                children: [
 | 
						|
                  SvgPicture.asset(
 | 
						|
                    "assets/icons/work_list.svg",
 | 
						|
                    color: currentIndex == 2 ? MyColors.grey3AColor : MyColors.grey98Color,
 | 
						|
                  ).paddingAll(4),
 | 
						|
                  Consumer<DashboardProviderModel>(
 | 
						|
                    builder: (BuildContext cxt, DashboardProviderModel data, Widget? child) {
 | 
						|
                      if (data.workListCounter == 0) {
 | 
						|
                        return const SizedBox();
 | 
						|
                      }
 | 
						|
                      return Positioned(
 | 
						|
                        right: 0,
 | 
						|
                        top: 0,
 | 
						|
                        child: Container(
 | 
						|
                          padding: const EdgeInsets.only(left: 4, right: 4),
 | 
						|
                          alignment: Alignment.center,
 | 
						|
                          decoration: BoxDecoration(color: MyColors.redColor, borderRadius: BorderRadius.circular(17)),
 | 
						|
                          child: data.workListCounter.toString().toText10(color: Colors.white),
 | 
						|
                        ),
 | 
						|
                      );
 | 
						|
                    },
 | 
						|
                  ),
 | 
						|
                ],
 | 
						|
              ),
 | 
						|
              label: LocaleKeys.workList.tr(),
 | 
						|
            ),
 | 
						|
            BottomNavigationBarItem(
 | 
						|
              icon: SvgPicture.asset(
 | 
						|
                "assets/icons/item_for_sale.svg",
 | 
						|
                color: currentIndex == 3 ? MyColors.grey3AColor : MyColors.grey98Color,
 | 
						|
              ).paddingAll(4),
 | 
						|
              label: LocaleKeys.itemsForSale.tr(),
 | 
						|
            ),
 | 
						|
            BottomNavigationBarItem(
 | 
						|
              icon: Stack(
 | 
						|
                alignment: Alignment.centerLeft,
 | 
						|
                children: [
 | 
						|
                  SvgPicture.asset(
 | 
						|
                    "assets/icons/chat/chat.svg",
 | 
						|
                    color: !checkIfPrivilegedForChat()
 | 
						|
                        ? MyColors.lightGreyE3Color
 | 
						|
                        : currentIndex == 4
 | 
						|
                            ? MyColors.grey3AColor
 | 
						|
                            : cProvider.disbaleChatForThisUser
 | 
						|
                                ? MyColors.lightGreyE3Color
 | 
						|
                                : MyColors.grey98Color,
 | 
						|
                  ).paddingAll(4),
 | 
						|
                  Consumer<ChatProviderModel>(
 | 
						|
                    builder: (BuildContext cxt, ChatProviderModel data, Widget? child) {
 | 
						|
                      return !checkIfPrivilegedForChat()
 | 
						|
                          ? const SizedBox()
 | 
						|
                          : Positioned(
 | 
						|
                              right: 0,
 | 
						|
                              top: 0,
 | 
						|
                              child: Container(
 | 
						|
                                padding: const EdgeInsets.only(left: 4, right: 4),
 | 
						|
                                alignment: Alignment.center,
 | 
						|
                                decoration: BoxDecoration(color: cProvider.disbaleChatForThisUser ? MyColors.pinkDarkColor : MyColors.redColor, borderRadius: BorderRadius.circular(17)),
 | 
						|
                                child: data.chatUConvCounter.toString().toText10(color: Colors.white),
 | 
						|
                              ),
 | 
						|
                            );
 | 
						|
                    },
 | 
						|
                  ),
 | 
						|
                ],
 | 
						|
              ),
 | 
						|
              label: LocaleKeys.chat.tr(),
 | 
						|
            ),
 | 
						|
          ],
 | 
						|
          currentIndex: currentIndex,
 | 
						|
          selectedLabelStyle: const TextStyle(fontSize: 10, color: MyColors.grey3AColor, fontWeight: FontWeight.w600),
 | 
						|
          unselectedLabelStyle: const TextStyle(fontSize: 10, color: MyColors.grey98Color, fontWeight: FontWeight.w600),
 | 
						|
          type: BottomNavigationBarType.fixed,
 | 
						|
          selectedItemColor: MyColors.grey3AColor,
 | 
						|
          backgroundColor: MyColors.backgroundColor,
 | 
						|
          selectedIconTheme: const IconThemeData(color: MyColors.grey3AColor, size: 28),
 | 
						|
          unselectedIconTheme: const IconThemeData(color: MyColors.grey98Color, size: 28),
 | 
						|
          onTap: (int index) {
 | 
						|
            if (index == 1) {
 | 
						|
              Navigator.pushNamed(context, AppRoutes.mowadhafhi);
 | 
						|
            } else if (index == 2) {
 | 
						|
              Navigator.pushNamed(context, AppRoutes.workList);
 | 
						|
            } else if (index == 3) {
 | 
						|
              Navigator.pushNamed(context, AppRoutes.itemsForSale);
 | 
						|
            } else if (index == 4) {
 | 
						|
              if (!cProvider.disbaleChatForThisUser && checkIfPrivilegedForChat()) {
 | 
						|
                Navigator.pushNamed(context, AppRoutes.chat);
 | 
						|
              }
 | 
						|
            }
 | 
						|
          },
 | 
						|
        ),
 | 
						|
      ),
 | 
						|
    );
 | 
						|
  }
 | 
						|
 | 
						|
  void navigateToDetails(OffersListModel offersListModelObj) {
 | 
						|
    List<OffersListModel> getOffersDetailList = [];
 | 
						|
    getOffersDetailList.clear();
 | 
						|
    int counter = 1;
 | 
						|
 | 
						|
    getOffersDetailList.add(offersListModelObj);
 | 
						|
 | 
						|
    data.getOffersList.forEach((OffersListModel element) {
 | 
						|
      if (counter <= 4) {
 | 
						|
        if (element.offersDiscountId != offersListModelObj.offersDiscountId) {
 | 
						|
          getOffersDetailList.add(element);
 | 
						|
          counter++;
 | 
						|
        }
 | 
						|
      }
 | 
						|
    });
 | 
						|
    Navigator.pushNamed(context, AppRoutes.offersAndDiscountsDetails, arguments: getOffersDetailList);
 | 
						|
  }
 | 
						|
 | 
						|
  bool checkIfPrivilegedForChat() {
 | 
						|
    for (PrivilegeListModel element in AppState().privilegeListModel!) {
 | 
						|
      if (element.serviceName?.toLowerCase() == "chat") {
 | 
						|
        if (element.previlege != null) {
 | 
						|
          return element.previlege!;
 | 
						|
        }
 | 
						|
      }
 | 
						|
    }
 | 
						|
    return false;
 | 
						|
  }
 | 
						|
}
 |