Merge branch 'faiz_cs' into 'master'

Resolved multiple times API calling issue

See merge request Cloud_Solution/mohemm-flutter-app!98

lib/api/marathon/marathon_api_client.dart

@@ -8,6 +8,7 @@ import 'package:mohem_flutter_app/classes/consts.dart';
 import 'package:mohem_flutter_app/models/marathon/marathon_generic_model.dart';
 import 'package:mohem_flutter_app/models/marathon/marathon_model.dart';
 import 'package:mohem_flutter_app/models/marathon/question_model.dart';
+import 'package:mohem_flutter_app/models/marathon/winner_model.dart';
 import 'package:signalr_netcore/hub_connection.dart';
 
 class MarathonApiClient {
@@ -19,6 +20,7 @@ class MarathonApiClient {
     String employeeSession = AppState().postParamsObject?.pSessionId.toString() ?? "";
 
     Map<String, String> jsonObject = <String, String>{"userName": employeeUserName, "password": employeeSession};
+
     Response response = await ApiClient().postJsonForResponse(ApiConsts.marathonParticipantLoginUrl, jsonObject);
 
     var json = jsonDecode(response.body);
@@ -80,10 +82,11 @@ class MarathonApiClient {
     return marathonDetailModel;
   }
 
-  Future<bool> joinMarathonAsParticipant() async {
+  Future<int?> joinMarathonAsParticipant() async {
     Map<String, String> jsonObject = <String, String>{
       "employeeNumber": AppState().memberInformationList!.eMPLOYEENUMBER ?? "",
-      "employeeName": AppState().memberInformationList!.eMPLOYEENAME ?? "",
+      "employeeNameAr": AppState().memberInformationList!.eMPLOYEEDISPLAYNAMEAr ?? "",
+      "employeeNameEn": AppState().memberInformationList!.eMPLOYEEDISPLAYNAMEEn ?? "",
       "marathonId": AppState().getMarathonProjectId!,
     };
 
@@ -95,31 +98,33 @@ class MarathonApiClient {
 
     if (marathonModel.statusCode == 208) {
       // means participant is already in the marathon i.e already joined
-      return true;
+      return marathonModel.data["remainingTime"];
     }
 
     if (marathonModel.statusCode == 200) {
       if (marathonModel.data != null && marathonModel.isSuccessful == true) {
         logger.i("joinMarathonAsParticipant: ${marathonModel.data}");
-        return true;
+        return marathonModel.data["remainingTime"];
       } else {
-        return false;
+        return null;
       }
     } else {
-      return false;
+      return null;
     }
   }
 
   Future<QuestionModel?> getNextQuestion({required String? questionId, required String marathonId}) async {
     Map<String, String?> jsonObject = <String, String?>{
-      "questionId": questionId,
+      "previousQuestionId": questionId,
       "marathonId": marathonId,
-    };
+    }; 
 
     Response response = await ApiClient().postJsonForResponse(ApiConsts.marathonNextQuestionUrl, jsonObject, token: AppState().getMarathonToken ?? await getMarathonToken());
 
     var json = jsonDecode(response.body);
 
+    
+    logger.i("json in NextQuestion: $json");
     var data = json["data"];
 
     if (data != null) {
@@ -130,13 +135,13 @@ class MarathonApiClient {
     }
   }
 
-  Future<bool> submitSelectedOption({required String? selectedAnswerId}) async {
-    Map<String, String?> jsonObject = <String, String?>{"selectedOptionId": selectedAnswerId};
+  Future<bool> submitSelectedOption({required String marathonId, required String? questionId, required String? selectedAnswerId}) async {
+    Map<String, String?> jsonObject = <String, String?>{"marathonId": marathonId, "questionId": questionId, "selectedOptionId" : selectedAnswerId};
 
     Response response = await ApiClient().postJsonForResponse(ApiConsts.marathonSubmitAnswerUrl, jsonObject, token: AppState().getMarathonToken ?? await getMarathonToken());
 
     var json = jsonDecode(response.body);
-    logger.i("json: $json");
+    logger.i("json in submitSelectedOption : $json");
 
     MarathonGenericModel marathonModel = MarathonGenericModel.fromJson(json);
 
@@ -147,6 +152,42 @@ class MarathonApiClient {
     return marathonModel.isSuccessful!;
   }
 
+  Future<int?> getQualifiers({required String marathonId}) async {
+    Map<String, String> params = <String, String>{"marathonId": marathonId};
+    Response response = await ApiClient().getJsonForResponse(ApiConsts.marathonQualifiersUrl, queryParameters: params, token: AppState().getMarathonToken ?? await getMarathonToken());
+
+    var json = jsonDecode(response.body);
+    logger.i("json in getQualifiers: $json");
+
+    MarathonGenericModel marathonGenericModel = MarathonGenericModel.fromJson(json);
+
+    if (marathonGenericModel.isSuccessful == true && marathonGenericModel.statusCode == 200 && marathonGenericModel.data != null) {
+      return marathonGenericModel.data["winnerCount"];
+    }
+    return null;
+  }
+
+  Future<List<WinnerModel>?> getSelectedWinner({required String marathonId}) async {
+    Map<String, String> params = <String, String>{"marathonId": marathonId};
+    Response response = await ApiClient().getJsonForResponse(ApiConsts.marathonSelectedWinner, queryParameters: params, token: AppState().getMarathonToken ?? await getMarathonToken());
+
+    var json = jsonDecode(response.body);
+    logger.i("json in getSelectedWinner: $json");
+
+    MarathonGenericModel marathonGenericModel = MarathonGenericModel.fromJson(json);
+
+    if (marathonGenericModel.isSuccessful == true && marathonGenericModel.statusCode == 200 && marathonGenericModel.data != null) {
+      List<WinnerModel> winners = <WinnerModel>[];
+      List data = marathonGenericModel.data as List;
+
+      for (Map<String, dynamic> winner in data) {
+        winners.add(WinnerModel.fromJson(winner));
+      }
+      return winners;
+    }
+    return null;
+  }
+
 // Future<void> buildHubConnection(BuildContext context, String prizeId) async {
 //   HttpConnectionOptions httpOptions = HttpConnectionOptions(skipNegotiation: false, logMessageContent: true);
 //   hubConnection = HubConnectionBuilder()

lib/classes/consts.dart

@@ -30,15 +30,16 @@ class ApiConsts {
   static String marathonParticipantLoginUrl = marathonBaseUrl + "auth/participantlogin";
   static String marathonProjectGetUrl = marathonBaseUrl + "Project/Project_Get";
   static String marathonUpcomingUrl = marathonBaseUrl + "marathon/upcoming/";
-  static String marathonJoinParticipantUrl = marathonBaseUrl + "participant/participant_join";
+  static String marathonJoinParticipantUrl = marathonBaseUrl + "participant/join";
   static String marathonNextQuestionUrl = marathonBaseUrl + "question/next";
   static String marathonSubmitAnswerUrl = marathonBaseUrl + "question/submit";
   static String marathonQualifiersUrl = marathonBaseUrl + "winner/getWinner/";
   static String marathonSelectedWinner = marathonBaseUrl + "winner/getSelectedWinner/";
 
   //DummyCards for the UI
-
   static CardContent dummyQuestion = const CardContent();
+
+  static int tabletMinLength = 500;
 }
 
 class SharedPrefsConsts {

lib/config/routes.dart

@@ -22,7 +22,6 @@ import 'package:mohem_flutter_app/ui/marathon/marathon_intro_screen.dart';
 import 'package:mohem_flutter_app/ui/marathon/marathon_screen.dart';
 import 'package:mohem_flutter_app/ui/marathon/marathon_sponsor_video_screen.dart';
 import 'package:mohem_flutter_app/ui/marathon/marathon_waiting_screen.dart';
-import 'package:mohem_flutter_app/ui/marathon/marathon_winner_selection.dart';
 import 'package:mohem_flutter_app/ui/marathon/winner_screen.dart';
 import 'package:mohem_flutter_app/ui/misc/request_submit_screen.dart';
 import 'package:mohem_flutter_app/ui/my_attendance/dynamic_screens/dynamic_input_screen.dart';
@@ -187,7 +186,6 @@ class AppRoutes {
   //Marathon
   static const String marathonIntroScreen = "/marathonIntroScreen";
   static const String marathonScreen = "/marathonScreen";
-  static const String marathonWinnerSelection = "/marathonWinnerSelection";
   static const String marathonWinnerScreen = "/marathonWinnerScreen";
   static const String marathonSponsorVideoScreen = "/marathonSponsorVideoScreen";
   static const String marathonWaitingScreen = "/marathonWaitingScreen";
@@ -299,7 +297,6 @@ class AppRoutes {
     // Marathon
     marathonIntroScreen: (BuildContext context) => MarathonIntroScreen(),
     marathonScreen: (BuildContext context) => MarathonScreen(),
-    marathonWinnerSelection: (BuildContext context) => MarathonWinnerSelection(),
     marathonWinnerScreen: (BuildContext context) => WinnerScreen(),
     marathonSponsorVideoScreen: (BuildContext context) => const SponsorVideoScreen(),
     marathonWaitingScreen: (BuildContext context) => const MarathonWaitingScreen(),

lib/extensions/string_extensions.dart

@@ -141,8 +141,9 @@ extension EmailValidator on String {
         style: TextStyle(color: color ?? MyColors.grey3AColor, fontSize: 21, letterSpacing: -0.84, fontWeight: weight ?? (isBold ? FontWeight.bold : FontWeight.w600)),
       );
 
-  Widget toText22({Color? color, bool isBold = false}) => Text(
+  Widget toText22({Color? color, bool isBold = false, bool isCentered = false}) => Text(
         this,
+        textAlign: isCentered ? TextAlign.center : null,
         style: TextStyle(height: 1, color: color ?? MyColors.darkTextColor, fontSize: 22, letterSpacing: -1.44, fontWeight: isBold ? FontWeight.bold : FontWeight.w600),
       );
 
@@ -152,12 +153,13 @@ extension EmailValidator on String {
       );
 
   Widget toText30({Color? color, bool isBold = false}) => Text(
-    this,
-    style: TextStyle(height: 20 / 32, color: color ?? MyColors.darkTextColor, fontSize: 32, letterSpacing: -1.2, fontWeight: isBold ? FontWeight.bold : FontWeight.w600),
-  );
+        this,
+        style: TextStyle(height: 20 / 32, color: color ?? MyColors.darkTextColor, fontSize: 32, letterSpacing: -1.2, fontWeight: isBold ? FontWeight.bold : FontWeight.w600),
+      );
 
-  Widget toText32({Color? color, bool isBold = false}) => Text(
+  Widget toText32({Color? color, bool isBold = false, bool isCentered = false}) => Text(
         this,
+        textAlign: isCentered ? TextAlign.center : null,
         style: TextStyle(height: 32 / 32, color: color ?? MyColors.darkTextColor, fontSize: 32, letterSpacing: -1.92, fontWeight: isBold ? FontWeight.bold : FontWeight.w600),
       );
 

lib/generated/codegen_loader.g.dart

@@ -521,8 +521,14 @@ class CodegenLoader extends AssetLoader{
   "favorite": "مفضلتي",
   "searchfromchat": "البحث من الدردشة",
   "yourAnswerCorrect": "إجابتك صحيحة",
-  "youMissedTheQuestion": "فاتك !! أنت خارج اللعبة. لكن يمكنك المتابعة.",
-  "wrongAnswer": "إجابة خاطئة! أنت خارج اللعبة. لكن يمكنك المتابعة."
+  "youMissedTheQuestion": "نفد منك الوقت. أنت خارج اللعبة. لكن يمكنك الاستمرار وكمشاهد.",
+  "wrongAnswer": "إجابتك غير صحيحة. أنت خارج اللعبة. لكن يمكنك الاستمرار وكمشاهد.",
+  "oops": "أوه!!!",
+  "winner": "الفائز",
+  "youWantToLeaveMarathon": "هل أنت متأكد أنك تريد العودة؟ سوف تخرج من المسابقة.",
+  "ourSponsor": "راعينا:",
+  "startingIn": "يبدأ في",
+  "youAreOutOfContest": "أنت خارج المسابقة."
 };
 static const Map<String,dynamic> en_US = {
   "mohemm": "Mohemm",
@@ -1031,8 +1037,14 @@ static const Map<String,dynamic> en_US = {
   "favorite": "My Favorites",
   "searchfromchat": "Search from chat",
   "yourAnswerCorrect": "Your answer is correct",
-  "youMissedTheQuestion": "You Missed !! You are out of the game. But you can follow up.",
-  "wrongAnswer": "Wrong Answer! You are out of the game. But you can follow up."
+  "youMissedTheQuestion": "You ran out of time. You are out of the game. But you can continue and as a viewer.",
+  "wrongAnswer": "Your answer is Incorrect. You are out of the game. But you can continue and as a viewer.",
+  "oops": "Ooopsss!!!!",
+  "winner": "WINNER",
+  "youWantToLeaveMarathon": "Are you sure you want to go back? You will be out of the contest.",
+  "ourSponsor": "Our Sponsor:",
+  "startingIn": "Starting in",
+  "youAreOutOfContest": "You are out of the contest."
 };
 static const Map<String, Map<String,dynamic>> mapLocales = {"ar_SA": ar_SA, "en_US": en_US};
 }

lib/main.dart

@@ -4,6 +4,7 @@ import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:logger/logger.dart';
 import 'package:mohem_flutter_app/app_state/app_state.dart';
+import 'package:mohem_flutter_app/classes/consts.dart';
 import 'package:mohem_flutter_app/config/routes.dart';
 import 'package:mohem_flutter_app/generated/codegen_loader.g.dart';
 import 'package:mohem_flutter_app/models/post_params_model.dart';
@@ -32,11 +33,15 @@ class MyHttpOverrides extends HttpOverrides {
   }
 }
 
+bool isTablet = false;
+
 Future<void> main() async {
   WidgetsFlutterBinding.ensureInitialized();
   await EasyLocalization.ensureInitialized();
   AppState().setPostParamsInitConfig();
   HttpOverrides.global = MyHttpOverrides();
+  isTablet = MediaQueryData.fromWindow(WidgetsBinding.instance.window).size.shortestSide >= ApiConsts.tabletMinLength;
+
   runApp(
     EasyLocalization(
       supportedLocales: const <Locale>[

lib/models/marathon/winner_model.dart

@@ -0,0 +1,17 @@
+class WinnerModel {
+  String? id;
+  String? marathoneId;
+  String? employeeId;
+  String? nameEn;
+  String? nameAr;
+
+  WinnerModel({id, marathoneId, employeeId, nameEn, nameAr});
+
+  WinnerModel.fromJson(Map<String, dynamic> json) {
+    id = json['id'];
+    marathoneId = json['marathoneId'];
+    employeeId = json['employeeId'];
+    nameEn = json['nameEn'];
+    nameAr = json['nameAr'];
+  }
+}

lib/ui/marathon/marathon_provider.dart

@@ -9,6 +9,7 @@ import 'package:mohem_flutter_app/classes/utils.dart';
 import 'package:mohem_flutter_app/config/routes.dart';
 import 'package:mohem_flutter_app/models/marathon/marathon_model.dart';
 import 'package:mohem_flutter_app/models/marathon/question_model.dart';
+import 'package:mohem_flutter_app/models/marathon/winner_model.dart';
 import 'package:mohem_flutter_app/ui/marathon/widgets/question_card.dart';
 import 'package:video_player/video_player.dart';
 
@@ -22,10 +23,10 @@ class MarathonProvider extends ChangeNotifier {
   QuestionModel currentQuestion = QuestionModel();
   List<QuestionCardStatus> answerStatusesList = <QuestionCardStatus>[];
   QuestionCardStatus questionCardStatus = QuestionCardStatus.question;
-
+  List<WinnerModel>? selectedWinners;
   int? selectedOptionIndex;
   String? selectedOptionId;
-  int totalQualifiers = 0;
+  int? totalQualifiers;
 
   bool _isLoading = false;
 
@@ -110,6 +111,7 @@ class MarathonProvider extends ChangeNotifier {
 
   //****************TIMERS**********
 
+  int sponsorsSecondsCounter = 0;
   int totalSponsorVideoSeconds = 0;
   Timer timerForSponsorVideo = Timer.periodic(const Duration(seconds: 1), (Timer timer) {});
 
@@ -118,6 +120,7 @@ class MarathonProvider extends ChangeNotifier {
     timerForSponsorVideo = Timer.periodic(
       oneSec,
       (Timer timer) async {
+        sponsorsSecondsCounter++;
         if (totalSponsorVideoSeconds == 0) {
           timer.cancel();
           notifyListeners();
@@ -134,12 +137,15 @@ class MarathonProvider extends ChangeNotifier {
   int totalSecondsToWaitForMarathon = 20;
   Timer timerToWaitForMarathon = Timer.periodic(const Duration(seconds: 1), (Timer timer) {});
 
-  void startTimerToMarathon(BuildContext context) {
+  void startTimerToWaitForMarathon() {
     const Duration oneSec = Duration(seconds: 1);
     timerToWaitForMarathon = Timer.periodic(
       oneSec,
       (Timer timer) async {
         if (totalSecondsToWaitForMarathon == 0) {
+          callNextQuestionApi();
+          timer.cancel();
+          return;
         } else {
           totalSecondsToWaitForMarathon--;
         }
@@ -163,6 +169,8 @@ class MarathonProvider extends ChangeNotifier {
         }
 
         if (totalCurrentQuestionTime == currentGapTime) {
+          totalCurrentQuestionTime--;
+
           updateCardStatusToAnswer();
 
           await callSubmitOptionApi().then((bool value) async {
@@ -175,6 +183,7 @@ class MarathonProvider extends ChangeNotifier {
         if (totalCurrentQuestionTime == 0) {
           updateCardData();
           if (currentQuestionNumber == marathonDetailModel.totalQuestions! - 1) {
+            callGetQualifiersApi();
             updateQuestionCardStatus(QuestionCardStatus.findingWinner);
             timer.cancel();
             cancelTimer();
@@ -182,7 +191,9 @@ class MarathonProvider extends ChangeNotifier {
           }
           return;
         } else {
-          totalCurrentQuestionTime--;
+          if (totalCurrentQuestionTime != currentGapTime) {
+            totalCurrentQuestionTime--;
+          }
         }
 
         notifyListeners();
@@ -214,7 +225,17 @@ class MarathonProvider extends ChangeNotifier {
   //****************FUNCTIONS*********
 
   Future<bool> callSubmitOptionApi() async {
-    return await MarathonApiClient().submitSelectedOption(selectedAnswerId: selectedOptionId);
+    return await MarathonApiClient().submitSelectedOption(marathonId: marathonDetailModel.id!, questionId: currentQuestion.id, selectedAnswerId: selectedOptionId);
+  }
+
+  Future<void> callGetQualifiersApi() async {
+    totalQualifiers = await MarathonApiClient().getQualifiers(marathonId: marathonDetailModel.id!);
+    notifyListeners();
+  }
+
+  Future<void> callGetSelectedWinnersApi() async {
+    selectedWinners = await MarathonApiClient().getSelectedWinner(marathonId: marathonDetailModel.id!);
+    notifyListeners();
   }
 
   // TODO: here I need to add a logic where I should call this function for Api but for the 1st question it should behave differently
@@ -222,6 +243,7 @@ class MarathonProvider extends ChangeNotifier {
   Future<void> callNextQuestionApi() async {
     if (currentQuestionNumber < marathonDetailModel.totalQuestions!) {
       if (currentQuestionNumber == 0) {
+        Utils.showLoading(AppRoutes.navigatorKey.currentContext!);
         currentQuestion = (await MarathonApiClient().getNextQuestion(questionId: null, marathonId: marathonDetailModel.id!))!;
         if (Utils.isLoading) {
           Utils.hideLoading(AppRoutes.navigatorKey.currentContext!);
@@ -239,8 +261,7 @@ class MarathonProvider extends ChangeNotifier {
 
   void updateCardData() {
     if (currentQuestionNumber > 0) {
-      print("swiped it away!!");
-      swipeCardLeft();
+      swiperController.swipeLeft();
     }
     selectedOptionIndex = null;
     currentQuestionNumber++;
@@ -249,6 +270,7 @@ class MarathonProvider extends ChangeNotifier {
     currentGapTime = currentQuestion.nextQuestGap!;
     totalMarathoners = currentQuestion.remainingParticipantCount!;
     questionCardStatus = QuestionCardStatus.question;
+    notifyListeners();
   }
 
   void populateQuestionStatusesList() {
@@ -316,20 +338,21 @@ class MarathonProvider extends ChangeNotifier {
     }
   }
 
-  void swipeCardLeft() {
-    swiperController.swipeLeft();
-    notifyListeners();
-  }
-
   void resetValues() async {
     _currentQuestionNumber = 0;
     cardContentList.clear();
     timerForWinnerSelection.cancel();
+    timerForSponsorVideo.cancel();
+    timerToWaitForMarathon.cancel();
     timerForQuestion.cancel();
     _isMarathonCompleted = false;
+    isUserOutOfGame = false;
     totalCurrentQuestionTime = 0;
+    sponsorsSecondsCounter = 0;
+    totalSponsorVideoSeconds = 0;
+    totalSecondsToWaitForMarathon = 20;
+    currentGapTime = 0;
     currentQuestion = QuestionModel();
-
     notifyListeners();
   }
 
@@ -354,40 +377,23 @@ class MarathonProvider extends ChangeNotifier {
     });
   }
 
-  Future<void> buildConnectionWithSignalR(BuildContext context) async {
-    Utils.showLoading(context);
+  Future<void> onJoinMarathonPressed(BuildContext context) async {
     try {
+      Utils.showLoading(context);
       resetValues();
-      // await MarathonApiClient().buildHubConnection(context, marathonDetailModel.sponsors!.first.sponsorPrizes!.first.id!);
+      int? remainingTime = await MarathonApiClient().joinMarathonAsParticipant();
+      if (remainingTime != null) {
+        totalSecondsToWaitForMarathon = remainingTime;
+        notifyListeners();
+        startTimerToWaitForMarathon();
+        Navigator.pushReplacementNamed(context, AppRoutes.marathonWaitingScreen);
+      }
     } catch (e) {
       if (kDebugMode) {
-        print("error in buildConnectionWithSignalR: ${e.toString()}");
+        print("error in onJoinMarathonPressed: ${e.toString()}");
       }
       Utils.hideLoading(context);
       Utils.confirmDialog(context, e.toString());
     }
   }
-
-  Future<void> onJoinMarathonPressed(BuildContext context) async {
-    //TODO: here we need to put a check to make sure we should not display sponsor when remaining time to marathon is less than 30 seconds plus video duration e.g. 30 seconds + video duration time
-    // if (marathonDetailModel.sponsors!.first.video != null && marathonDetailModel.sponsors!.first.video != "") {
-    if (false) {
-      await initializeVideoPlayer().then((_) {
-        startTimerForSponsorVideo();
-        Navigator.pushNamed(context, AppRoutes.marathonSponsorVideoScreen);
-      });
-    } else {
-      try {
-        Utils.showLoading(context);
-        bool isJoined = await MarathonApiClient().joinMarathonAsParticipant();
-        if (isJoined) {
-          print("joined");
-          callNextQuestionApi();
-        }
-      } catch (e, s) {
-        Utils.hideLoading(context);
-        Utils.confirmDialog(context, e.toString());
-      }
-    }
-  }
 }

lib/ui/marathon/marathon_screen.dart

@@ -8,7 +8,7 @@ import 'package:mohem_flutter_app/app_state/app_state.dart';
 import 'package:mohem_flutter_app/classes/colors.dart';
 import 'package:mohem_flutter_app/classes/decorations_helper.dart';
 import 'package:mohem_flutter_app/classes/lottie_consts.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';
@@ -21,6 +21,7 @@ import 'package:mohem_flutter_app/ui/marathon/widgets/marathon_qualifiers_contai
 import 'package:mohem_flutter_app/ui/marathon/widgets/question_card.dart';
 import 'package:mohem_flutter_app/ui/marathon/widgets/question_card_builder.dart';
 import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
+import 'package:mohem_flutter_app/widgets/dialogs/confirm_dialog.dart';
 import 'package:provider/provider.dart';
 
 class MarathonScreen extends StatelessWidget {
@@ -63,22 +64,28 @@ class MarathonScreen extends StatelessWidget {
           SizedBox(
             height: 50,
             child: Stack(
-              children: [
+              children: <Widget>[
                 Align(
                   alignment: Alignment.center,
                   child: SvgPicture.asset("assets/images/winner_ribbon.svg", height: 50),
                 ),
                 Align(
                   alignment: Alignment.center,
-                  child: LocaleKeys.winner.tr().toText32(color: MyColors.white, isBold: true).paddingOnly(top: 07),
+                  child: LocaleKeys.winner.tr().toText32(color: MyColors.white, isBold: true, isCentered: true).paddingOnly(top: 07),
                 )
               ],
             ),
           ),
           12.height,
-          "Muhammad Shrouff".toText22(color: MyColors.grey3AColor),
-          "837436".toText22(color: MyColors.grey57Color),
-          80.height,
+          if (provider.selectedWinners != null) ...<Widget>[
+            (AppState().isArabic(context) ? provider.selectedWinners!.first.nameEn : provider.selectedWinners!.first.nameEn)!.toText22(
+              color: MyColors.grey3AColor,
+              isCentered: true,
+            ),
+            8.height,
+            provider.selectedWinners!.first.employeeId!.toText22(color: MyColors.grey57Color),
+          ],
+          60.height,
           if (provider.marathonDetailModel.sponsors != null && provider.marathonDetailModel.sponsors!.isNotEmpty) ...<Widget>[
             Row(
               mainAxisAlignment: MainAxisAlignment.center,
@@ -118,12 +125,12 @@ class MarathonScreen extends StatelessWidget {
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: <Widget>[
-          (AppState().isArabic(context) ? AppState().memberInformationList!.eMPLOYEEDISPLAYNAMEEn! : AppState().memberInformationList!.eMPLOYEEDISPLAYNAMEAr!)
+          (AppState().isArabic(context) ? AppState().memberInformationList!.eMPLOYEEDISPLAYNAMEAr! : AppState().memberInformationList!.eMPLOYEEDISPLAYNAMEEn!)
               .toText17(isBold: true, color: MyColors.white),
           AppState().memberInformationList!.eMPLOYEENUMBER!.toText17(isBold: true, color: MyColors.white),
         ],
       ),
-    ).paddingOnly(left: 20, right: 20, top: 12, bottom: 20);
+    ).paddingOnly(left: 20, right: 20, top: 12, bottom: 10);
   }
 
   @override
@@ -135,10 +142,38 @@ class MarathonScreen extends StatelessWidget {
           context,
           title: LocaleKeys.brainMarathon.tr(),
           onHomeTapped: () {
-            Utils.confirmDialog(context, LocaleKeys.youWantToLeaveMarathon.tr());
+            if (provider.questionCardStatus == QuestionCardStatus.winnerFound) {
+              provider.resetValues();
+              Navigator.of(context).popUntil(ModalRoute.withName(AppRoutes.dashboard));
+            } else {
+              showDialog(
+                context: context,
+                builder: (BuildContext context) => ConfirmDialog(
+                  message: LocaleKeys.youWantToLeaveMarathon.tr(),
+                  onTap: () {
+                    provider.resetValues();
+                    Navigator.of(context).popUntil(ModalRoute.withName(AppRoutes.dashboard));
+                  },
+                ),
+              );
+            }
           },
           onBackTapped: () {
-            Utils.confirmDialog(context, LocaleKeys.youWantToLeaveMarathon.tr());
+            if (provider.questionCardStatus == QuestionCardStatus.winnerFound) {
+              provider.resetValues();
+              Navigator.of(context).popUntil(ModalRoute.withName(AppRoutes.dashboard));
+            } else {
+              showDialog(
+                context: context,
+                builder: (BuildContext context) => ConfirmDialog(
+                  message: LocaleKeys.youWantToLeaveMarathon.tr(),
+                  onTap: () {
+                    provider.resetValues();
+                    Navigator.of(context).popUntil(ModalRoute.withName(AppRoutes.dashboard));
+                  },
+                ),
+              );
+            }
           },
         ),
         body: SingleChildScrollView(
@@ -156,7 +191,7 @@ class MarathonScreen extends StatelessWidget {
                 getNameContainer(context),
               ],
               QuestionCardBuilder(
-                onQuestion: (BuildContext context) => QuestionCard(provider: provider),
+                onQuestion: (BuildContext context) => const QuestionCard(),
                 onCompleted: (BuildContext context) => CustomStatusWidget(
                   asset: Lottie.asset(MyLottieConsts.allQuestions, height: 200),
                   title: LocaleKeys.congrats.tr().toText22(color: MyColors.greenColor),

lib/ui/marathon/marathon_sponsor_video_screen.dart

@@ -25,6 +25,9 @@ class SponsorVideoScreen extends StatelessWidget {
     return WillPopScope(
       onWillPop: () {
         provider.videoController.dispose();
+        provider.sponsorsSecondsCounter = 0;
+        provider.totalSponsorVideoSeconds = 0;
+        provider.timerForSponsorVideo.cancel();
         return Future<bool>.value(true);
       },
       child: Scaffold(
@@ -52,9 +55,11 @@ class SponsorVideoScreen extends StatelessWidget {
                   child: provider.totalSponsorVideoSeconds == 0
                       ? InkWell(
                           onTap: () {
-                            Navigator.pop(context);
                             provider.videoController.dispose();
-                            provider.buildConnectionWithSignalR(AppRoutes.navigatorKey.currentState!.overlay!.context);
+                            provider.sponsorsSecondsCounter = 0;
+                            provider.totalSponsorVideoSeconds = 0;
+                            provider.timerForSponsorVideo.cancel();
+                            Navigator.pushReplacementNamed(context, AppRoutes.marathonIntroScreen);
                           },
                           child: const Icon(Icons.close, size: 12),
                         )
@@ -64,24 +69,30 @@ class SponsorVideoScreen extends StatelessWidget {
                         ),
                 ),
               ).paddingOnly(top: 20, right: 18),
-              Align(
-                alignment: Alignment.topLeft,
-                child: InkWell(
-                  onTap: () {
-                    Navigator.pop(context);
-                    provider.videoController.dispose();
-                    provider.buildConnectionWithSignalR(AppRoutes.navigatorKey.currentState!.overlay!.context);
-                  },
-                  child: Container(
-                    decoration: BoxDecoration(color: MyColors.white, borderRadius: BorderRadius.circular(15)),
-                    padding: const EdgeInsets.symmetric(vertical: 3, horizontal: 6),
-                    child: Directionality(
-                      textDirection: ui.TextDirection.ltr,
-                      child: LocaleKeys.skip.tr().toText11(color: MyColors.darkTextColor),
-                    ),
-                  ),
-                ),
-              ).paddingOnly(top: 20, left: 18),
+
+              //TODO: WE WILL INCREASE THIS 2 BEFORE GOING LIVE
+              provider.sponsorsSecondsCounter >= 2
+                  ? Align(
+                      alignment: Alignment.topLeft,
+                      child: InkWell(
+                        onTap: () {
+                          provider.videoController.dispose();
+                          provider.sponsorsSecondsCounter = 0;
+                          provider.totalSponsorVideoSeconds = 0;
+                          provider.timerForSponsorVideo.cancel();
+                          Navigator.pushReplacementNamed(context, AppRoutes.marathonIntroScreen);
+                        },
+                        child: Container(
+                          decoration: BoxDecoration(color: MyColors.white, borderRadius: BorderRadius.circular(15)),
+                          padding: const EdgeInsets.symmetric(vertical: 3, horizontal: 6),
+                          child: Directionality(
+                            textDirection: ui.TextDirection.ltr,
+                            child: LocaleKeys.skip.tr().toText11(color: MyColors.darkTextColor),
+                          ),
+                        ),
+                      ),
+                    ).paddingOnly(top: 20, left: 18)
+                  : const SizedBox(),
             ],
           ),
         ),

lib/ui/marathon/marathon_waiting_screen.dart

@@ -4,12 +4,13 @@ import 'package:lottie/lottie.dart';
 import 'package:mohem_flutter_app/classes/colors.dart';
 import 'package:mohem_flutter_app/classes/decorations_helper.dart';
 import 'package:mohem_flutter_app/classes/lottie_consts.dart';
-import 'package:mohem_flutter_app/classes/utils.dart';
+import 'package:mohem_flutter_app/config/routes.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/ui/marathon/marathon_provider.dart';
 import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
+import 'package:mohem_flutter_app/widgets/dialogs/confirm_dialog.dart';
 import 'package:provider/provider.dart';
 
 class MarathonWaitingScreen extends StatelessWidget {
@@ -18,44 +19,90 @@ class MarathonWaitingScreen extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     MarathonProvider provider = context.watch<MarathonProvider>();
-    return Scaffold(
-      appBar: AppBarWidget(
-        context,
-        title: LocaleKeys.brainMarathon.tr(),
-        onHomeTapped: () {
-          Utils.confirmDialog(context, LocaleKeys.youWantToLeaveMarathon.tr());
-        },
-        onBackTapped: () {
-          Utils.confirmDialog(context, LocaleKeys.youWantToLeaveMarathon.tr());
-        },
-      ),
-      body: Column(
-        crossAxisAlignment: CrossAxisAlignment.center,
-        mainAxisAlignment: MainAxisAlignment.center,
-        children: <Widget>[
-          Container(
-            width: double.infinity,
-            margin: const EdgeInsets.all(21),
-            decoration: MyDecorations.shadowDecoration,
-            child: Stack(
-              children: <Widget>[
-                Align(
-                  child: Lottie.asset(MyLottieConsts.marathonWaiting, height: 200),
-                ),
-                Align(
-                  child: Column(
-                    mainAxisAlignment: MainAxisAlignment.center,
-                    children: <Widget>[
-                      LocaleKeys.startingIn.tr().toText16(),
-                      "00:${provider.totalSecondsToWaitForMarathon < 10 ? "0${provider.totalSecondsToWaitForMarathon}" : provider.totalSecondsToWaitForMarathon}"
-                          .toText18(color: provider.totalSecondsToWaitForMarathon < 5 ? MyColors.redColor : MyColors.black),
-                    ],
+    return WillPopScope(
+      onWillPop: () {
+        showDialog(
+          context: context,
+          builder: (BuildContext context) => ConfirmDialog(
+            message: LocaleKeys.youWantToLeaveMarathon.tr(),
+            onTap: () {
+              provider.resetValues();
+              Navigator.of(context).popUntil(ModalRoute.withName(AppRoutes.dashboard));
+            },
+          ),
+        );
+        return Future<bool>.value(false);
+      },
+      child: Scaffold(
+        appBar: AppBarWidget(
+          context,
+          title: LocaleKeys.brainMarathon.tr(),
+          onHomeTapped: () {
+            showDialog(
+              context: context,
+              builder: (BuildContext context) => ConfirmDialog(
+                message: LocaleKeys.youWantToLeaveMarathon.tr(),
+                onTap: () {
+                  provider.resetValues();
+                  Navigator.of(context).popUntil(ModalRoute.withName(AppRoutes.dashboard));
+                },
+              ),
+            );
+          },
+          onBackTapped: () {
+            showDialog(
+              context: context,
+              builder: (BuildContext context) => ConfirmDialog(
+                message: LocaleKeys.youWantToLeaveMarathon.tr(),
+                onTap: () {
+                  provider.resetValues();
+                  Navigator.of(context).popUntil(ModalRoute.withName(AppRoutes.dashboard));
+                },
+              ),
+            );
+          },
+        ),
+        body: Column(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            Container(
+              width: double.infinity,
+              margin: const EdgeInsets.all(21),
+              decoration: MyDecorations.shadowDecoration,
+              child: Stack(
+                children: <Widget>[
+                  Align(
+                    child: Lottie.asset(MyLottieConsts.marathonWaiting, height: 200),
+                  ),
+                  Align(
+                    child: Column(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: <Widget>[
+                        LocaleKeys.startingIn.tr().toText16(),
+                        provider.totalSecondsToWaitForMarathon.toString().toText18(color: provider.totalSecondsToWaitForMarathon < 5 ? MyColors.redColor : MyColors.black),
+                      ],
+                    ),
+                  ),
+                  Align(
+                    child: Column(
+                      mainAxisAlignment: MainAxisAlignment.end,
+                      children: <Widget>[
+                        InkWell(
+                          onTap: () {
+                            provider.callNextQuestionApi();
+                            provider.timerToWaitForMarathon.cancel();
+                          },
+                          child: "Join Now".toText16(),
+                        ).paddingOnly(bottom: 20),
+                      ],
+                    ),
                   ),
-                ),
-              ],
-            ),
-          ).expanded,
-        ],
+                ],
+              ),
+            ).expanded,
+          ],
+        ),
       ),
     );
   }

lib/ui/marathon/marathon_winner_selection.dart

@@ -1,90 +0,0 @@
-import 'package:easy_localization/easy_localization.dart';
-import 'package:flutter/material.dart';
-import 'package:lottie/lottie.dart';
-import 'package:mohem_flutter_app/classes/colors.dart';
-import 'package:mohem_flutter_app/classes/lottie_consts.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/ui/marathon/marathon_provider.dart';
-import 'package:mohem_flutter_app/ui/marathon/widgets/custom_status_widget.dart';
-import 'package:mohem_flutter_app/ui/marathon/widgets/marathon_qualifiers_container.dart';
-import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
-import 'package:provider/provider.dart';
-
-class MarathonWinnerSelection extends StatelessWidget {
-  const MarathonWinnerSelection({Key? key}) : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-    MarathonProvider provider = context.read<MarathonProvider>();
-    return Scaffold(
-      appBar: AppBarWidget(context, title: LocaleKeys.brainMarathon.tr()),
-      body: SingleChildScrollView(
-        child: Column(
-          children: [
-            20.height,
-            QualifiersContainer(provider: provider,).paddingOnly(left: 21, right: 21),
-            12.height,
-            InkWell(
-              onTap: () {
-                Navigator.pushNamed(context, AppRoutes.marathonWinnerScreen);
-              },
-              child: Container(
-                height: 50,
-                decoration: BoxDecoration(
-                  color: MyColors.greenColor,
-                  borderRadius: BorderRadius.circular(15),
-                  boxShadow: [
-                    BoxShadow(
-                      color: const Color(0xff000000).withOpacity(.05),
-                      blurRadius: 26,
-                      offset: const Offset(0, -3),
-                    ),
-                  ],
-                ),
-                child: Padding(
-                  padding: const EdgeInsets.symmetric(horizontal: 20),
-                  child: Row(
-                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                    children: <Widget>[
-                      "Muhammad Shrouff".toText17(isBold: true, color: MyColors.white),
-                      "837436".toText17(isBold: true, color: MyColors.white),
-                    ],
-                  ),
-                ),
-              ).paddingOnly(left: 20, right: 20),
-            ),
-            CustomStatusWidget(
-                asset: Lottie.asset(
-                  MyLottieConsts.winnerLottie,
-                  height: 168,
-                ),
-                title: Text(
-                  LocaleKeys.fingersCrossed.tr(),
-                  style: const TextStyle(
-                    height: 27 / 27,
-                    color: MyColors.greenColor,
-                    fontSize: 27,
-                    letterSpacing: -1.08,
-                    fontWeight: FontWeight.w600,
-                  ),
-                ),
-                subTitle: Text(
-                  LocaleKeys.winnerSelectedRandomly.tr(),
-                  textAlign: TextAlign.center,
-                  style: const TextStyle(
-                    color: MyColors.darkTextColor,
-                    fontSize: 18,
-                    letterSpacing: -0.72,
-                    fontWeight: FontWeight.w600,
-                  ),
-                )).paddingOnly(left: 21, right: 21, top: 20, bottom: 20),
-          ],
-        ),
-      ),
-    );
-  }
-}

lib/ui/marathon/widgets/countdown_timer.dart

@@ -8,6 +8,7 @@ import 'package:flutter_countdown_timer/current_remaining_time.dart';
 import 'package:flutter_countdown_timer/flutter_countdown_timer.dart';
 import 'package:mohem_flutter_app/classes/colors.dart';
 import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
+import 'package:mohem_flutter_app/main.dart';
 import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
 
 class BuildCountdownTimer extends StatelessWidget {
@@ -29,9 +30,10 @@ class BuildCountdownTimer extends StatelessWidget {
     letterSpacing: -0.4,
   );
 
-  final TextStyle styleDigitHome = const TextStyle(
+  final TextStyle styleDigitHome = TextStyle(
     height: 22 / 27,
     color: MyColors.white,
+    fontSize: isTablet ? 30 : 15,
     fontStyle: FontStyle.italic,
     letterSpacing: -1.44,
     fontWeight: FontWeight.bold,
@@ -53,6 +55,33 @@ class BuildCountdownTimer extends StatelessWidget {
     fontWeight: FontWeight.bold,
   );
 
+  Widget buildSeparator() {
+    return AutoSizeText(
+      "  :  ",
+      maxFontSize: 24,
+      minFontSize: 20,
+      style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
+    );
+  }
+
+  Widget getTimeDigit(String text) {
+    return AutoSizeText(
+      text,
+      maxFontSize: 24,
+      minFontSize: 20,
+      style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
+    );
+  }
+
+  Widget getTimeText(String text) {
+    return AutoSizeText(
+      text,
+      minFontSize: 7,
+      maxFontSize: 8,
+      style: screenFlag == 0 ? styleTextHome : styleTextMarathon,
+    );
+  }
+
   Widget buildEmptyWidget() {
     return Directionality(
       textDirection: ui.TextDirection.ltr,
@@ -63,70 +92,29 @@ class BuildCountdownTimer extends StatelessWidget {
         children: <Widget>[
           Column(
             children: <Widget>[
-              // todo @faiz: Make a separate method and pass string , so we can minimize code replication
-              AutoSizeText(
-                "00",
-                maxFontSize: 24,
-                minFontSize: 20,
-                style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
-              ),
-              AutoSizeText(
-                LocaleKeys.days.tr(),
-                minFontSize: 7,
-                maxFontSize: 8,
-                style: screenFlag == 0 ? styleTextHome : styleTextMarathon,
-              ),
+              getTimeDigit("00"),
+              getTimeText(LocaleKeys.days.tr()),
             ],
           ),
           buildSeparator(),
           Column(
             children: <Widget>[
-              AutoSizeText(
-                "00",
-                maxFontSize: 24,
-                minFontSize: 20,
-                style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
-              ),
-              AutoSizeText(
-                LocaleKeys.hours.tr(),
-                minFontSize: 7,
-                maxFontSize: 8,
-                style: screenFlag == 0 ? styleTextHome : styleTextMarathon,
-              ),
+              getTimeDigit("00"),
+              getTimeText(LocaleKeys.hours.tr()),
             ],
           ),
           buildSeparator(),
           Column(
             children: <Widget>[
-              AutoSizeText(
-                "00",
-                maxFontSize: 24,
-                minFontSize: 20,
-                style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
-              ),
-              AutoSizeText(
-                LocaleKeys.minutes.tr(),
-                minFontSize: 7,
-                maxFontSize: 8,
-                style: screenFlag == 0 ? styleTextHome : styleTextMarathon,
-              ),
+              getTimeDigit("00"),
+              getTimeText(LocaleKeys.minutes.tr()),
             ],
           ),
           buildSeparator(),
           Column(
             children: <Widget>[
-              AutoSizeText(
-                "00",
-                maxFontSize: 24,
-                minFontSize: 20,
-                style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
-              ),
-              AutoSizeText(
-                LocaleKeys.seconds.tr(),
-                minFontSize: 7,
-                maxFontSize: 8,
-                style: screenFlag == 0 ? styleTextHome : styleTextMarathon,
-              ),
+              getTimeDigit("00"),
+              getTimeText(LocaleKeys.seconds.tr()),
             ],
           ),
         ],
@@ -134,15 +122,6 @@ class BuildCountdownTimer extends StatelessWidget {
     );
   }
 
-  Widget buildSeparator() {
-    return AutoSizeText(
-      "  :  ",
-      maxFontSize: 24,
-      minFontSize: 20,
-      style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
-    );
-  }
-
   Widget buildCountdownTimer(CurrentRemainingTime? time) {
     if (time == null) {
       if (!provider.itsMarathonTime) {
@@ -162,98 +141,29 @@ class BuildCountdownTimer extends StatelessWidget {
         children: <Widget>[
           Column(
             children: <Widget>[
-              // todo @faiz: Make a separate method and pass value and string , so we can minimize code replication
-              time.days == null
-                  ? AutoSizeText(
-                      "00",
-                      maxFontSize: 24,
-                      minFontSize: 20,
-                      style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
-                    )
-                  : AutoSizeText(
-                      time.days! < 10 ? "0${time.days.toString()}" : time.days.toString(),
-                      maxFontSize: 24,
-                      minFontSize: 20,
-                      style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
-                    ),
-              AutoSizeText(
-                LocaleKeys.days.tr(),
-                minFontSize: 7,
-                maxFontSize: 8,
-                style: screenFlag == 0 ? styleTextHome : styleTextMarathon,
-              ),
+              time.days == null ? getTimeDigit("00") : getTimeDigit(time.days! < 10 ? "0${time.days.toString()}" : time.days.toString()),
+              getTimeText(LocaleKeys.days.tr()),
             ],
           ),
           buildSeparator(),
           Column(
             children: <Widget>[
-              time.hours == null
-                  ? AutoSizeText(
-                      "00",
-                      maxFontSize: 24,
-                      minFontSize: 20,
-                      style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
-                    )
-                  : AutoSizeText(
-                      time.hours! < 10 ? "0${time.hours.toString()}" : time.hours.toString(),
-                      maxFontSize: 24,
-                      minFontSize: 20,
-                      style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
-                    ),
-              AutoSizeText(
-                LocaleKeys.hours.tr(),
-                minFontSize: 7,
-                maxFontSize: 8,
-                style: screenFlag == 0 ? styleTextHome : styleTextMarathon,
-              ),
+              time.hours == null ? getTimeDigit("00") : getTimeDigit(time.hours! < 10 ? "0${time.hours.toString()}" : time.hours.toString()),
+              getTimeText(LocaleKeys.hours.tr()),
             ],
           ),
           buildSeparator(),
           Column(
             children: <Widget>[
-              time.min == null
-                  ? AutoSizeText(
-                      "00",
-                      maxFontSize: 24,
-                      minFontSize: 20,
-                      style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
-                    )
-                  : AutoSizeText(
-                      time.min! < 10 ? "0${time.min.toString()}" : time.min.toString(),
-                      maxFontSize: 24,
-                      minFontSize: 20,
-                      style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
-                    ),
-              AutoSizeText(
-                LocaleKeys.minutes.tr(),
-                minFontSize: 7,
-                maxFontSize: 8,
-                style: screenFlag == 0 ? styleTextHome : styleTextMarathon,
-              ),
+              time.min == null ? getTimeDigit("00") : getTimeDigit(time.min! < 10 ? "0${time.min.toString()}" : time.min.toString()),
+              getTimeText(LocaleKeys.minutes.tr()),
             ],
           ),
           buildSeparator(),
           Column(
             children: <Widget>[
-              time.sec == null
-                  ? AutoSizeText(
-                      "00",
-                      maxFontSize: 24,
-                      minFontSize: 20,
-                      style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
-                    )
-                  : AutoSizeText(
-                      time.sec! < 10 ? "0${time.sec.toString()}" : time.sec.toString(),
-                      maxFontSize: 24,
-                      minFontSize: 20,
-                      style: screenFlag == 0 ? styleDigitHome : styleDigitMarathon,
-                    ),
-              AutoSizeText(
-                LocaleKeys.seconds.tr(),
-                minFontSize: 7,
-                maxFontSize: 8,
-                style: screenFlag == 0 ? styleTextHome : styleTextMarathon,
-              ),
+              time.sec == null ? getTimeDigit("00") : getTimeDigit(time.sec! < 10 ? "0${time.sec.toString()}" : time.sec.toString()),
+              getTimeText(LocaleKeys.seconds.tr()),
             ],
           ),
         ],

lib/ui/marathon/widgets/marathon_banner.dart

@@ -1,16 +1,18 @@
 import 'dart:math' as math;
 
-import 'package:auto_size_text/auto_size_text.dart';
 import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.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/decorations_helper.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/widget_extensions.dart';
 import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
+import 'package:mohem_flutter_app/main.dart';
 import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
 import 'package:mohem_flutter_app/ui/marathon/widgets/countdown_timer.dart';
 import 'package:provider/provider.dart';
@@ -26,10 +28,10 @@ class MarathonBanner extends StatelessWidget {
     return provider.marathonDetailModel.startTime != null
         ? Container(
             decoration: MyDecorations.shadowDecoration,
-            height: MediaQuery.of(context).size.height * 0.11,
+            height: isTablet ? MediaQuery.of(context).size.height * 0.17 : MediaQuery.of(context).size.height * 0.11,
             clipBehavior: Clip.antiAlias,
             child: Stack(
-              children: [
+              children: <Widget>[
                 Transform(
                   alignment: Alignment.center,
                   transform: Matrix4.rotationY(
@@ -48,8 +50,8 @@ class MarathonBanner extends StatelessWidget {
                         child: Transform.rotate(
                           angle: 10,
                           child: Container(
-                            width: 65,
-                            height: 32,
+                            width: isTablet ? 70 : 65,
+                            height: isTablet ? 40 : 32,
                             color: MyColors.darkDigitColor,
                           ),
                         ),
@@ -60,8 +62,8 @@ class MarathonBanner extends StatelessWidget {
                         child: Transform.rotate(
                           angle: 15,
                           child: Container(
-                            width: 65,
-                            height: 32,
+                            width: isTablet ? 70 : 65,
+                            height: isTablet ? 40 : 32,
                             color: MyColors.darkDigitColor,
                           ),
                         ),
@@ -70,7 +72,7 @@ class MarathonBanner extends StatelessWidget {
                   width: double.infinity,
                   height: double.infinity,
                   child: Row(
-                    children: [
+                    children: <Widget>[
                       const Expanded(
                         flex: 3,
                         child: SizedBox(
@@ -92,28 +94,27 @@ class MarathonBanner extends StatelessWidget {
                                 mainAxisSize: MainAxisSize.min,
                                 children: <Widget>[
                                   AppState().isArabic(context) ? 0.height : 5.height,
-                                  AutoSizeText(
+                                  Text(
                                     LocaleKeys.getReadyForContest.tr(),
-                                    minFontSize: 08,
-                                    maxFontSize: 11,
                                     style: TextStyle(
+                                      fontSize: isTablet ? 20 : 11,
                                       fontStyle: FontStyle.italic,
                                       fontWeight: FontWeight.w600,
                                       color: MyColors.white.withOpacity(0.83),
                                       letterSpacing: -0.4,
                                     ),
                                   ),
-                                  AutoSizeText(
+                                  Text(
                                     AppState().isArabic(context) ? provider.marathonDetailModel.titleAr ?? "" : provider.marathonDetailModel.titleEn ?? "",
                                     style: TextStyle(
                                       fontStyle: FontStyle.italic,
-                                      fontSize: 19,
+                                      fontSize: isTablet ? 30 : 19,
                                       fontWeight: FontWeight.bold,
                                       color: MyColors.white.withOpacity(0.83),
                                       height: 32 / 22,
                                     ),
                                   ),
-                                  3.height,
+                                  isTablet ? 10.height : 3.height,
                                   BuildCountdownTimer(
                                     timeToMarathon: DateTime.parse(provider.marathonDetailModel.startTime!).millisecondsSinceEpoch,
                                     provider: provider,
@@ -135,18 +136,18 @@ class MarathonBanner extends StatelessWidget {
                     ? Align(
                         alignment: Alignment.topRight,
                         child: SizedBox(
-                          height: 20,
-                          width: 35,
+                          height: isTablet ? 30 : 20,
+                          width: isTablet ? 45 : 35,
                           child: Transform.rotate(
                             angle: math.pi / 4.5,
                             child: Text(
                               LocaleKeys.brainMarathon.tr(),
                               textAlign: TextAlign.center,
                               maxLines: 2,
-                              style: const TextStyle(
+                              style: TextStyle(
                                 color: MyColors.white,
                                 fontWeight: FontWeight.bold,
-                                fontSize: 6,
+                                fontSize: isTablet ? 8 : 6,
                                 height: 1.2,
                               ),
                             ),
@@ -156,18 +157,18 @@ class MarathonBanner extends StatelessWidget {
                     : Align(
                         alignment: Alignment.topLeft,
                         child: SizedBox(
-                          height: 20,
-                          width: 35,
+                          height: isTablet ? 30 : 20,
+                          width: isTablet ? 45 : 35,
                           child: Transform.rotate(
                             angle: -math.pi / 4.5,
                             child: Text(
                               LocaleKeys.brainMarathon.tr(),
                               textAlign: TextAlign.center,
                               maxLines: 2,
-                              style: const TextStyle(
+                              style: TextStyle(
                                 color: MyColors.kWhiteColor,
                                 fontWeight: FontWeight.bold,
-                                fontSize: 6,
+                                fontSize: isTablet ? 8 : 6,
                                 height: 1.2,
                               ),
                             ),
@@ -181,7 +182,7 @@ class MarathonBanner extends StatelessWidget {
                         child: RotatedBox(
                           quarterTurns: 4,
                           child: SvgPicture.asset("assets/images/arrow_next.svg", color: MyColors.whiteColor),
-                        ).paddingAll(15),
+                        ).paddingAll(isTablet ? 20 : 15),
                       )
                     : Positioned(
                         bottom: 0,
@@ -189,12 +190,31 @@ class MarathonBanner extends StatelessWidget {
                         child: RotatedBox(
                           quarterTurns: 2,
                           child: SvgPicture.asset("assets/images/arrow_next.svg", color: MyColors.whiteColor),
-                        ).paddingAll(15),
+                        ).paddingAll(isTablet ? 20 : 15),
                       ),
               ],
-            ).onPress(
-              () => Navigator.pushNamed(context, AppRoutes.marathonIntroScreen),
-            ),
+            ).onPress(() async {
+              int remainingTimeInMinutes = DateTime.parse(provider.marathonDetailModel.startTime!).difference(DateTime.now()).inMinutes;
+
+              if (remainingTimeInMinutes > 2) {
+                Utils.showLoading(context);
+                try {
+                  await provider.initializeVideoPlayer().then((_) {
+                    Utils.hideLoading(context);
+                    provider.startTimerForSponsorVideo();
+                    Navigator.pushNamed(context, AppRoutes.marathonSponsorVideoScreen);
+                  });
+                } catch (e, s) {
+                  if (kDebugMode) {
+                    print("Error in VideoPlayer: ${e.toString()}");
+                  }
+                  Utils.hideLoading(context);
+                  Navigator.pushNamed(context, AppRoutes.marathonIntroScreen);
+                }
+              } else {
+                Navigator.pushNamed(context, AppRoutes.marathonIntroScreen);
+              }
+            }),
           )
         : const SizedBox();
   }

lib/ui/marathon/widgets/marathon_qualifiers_container.dart

@@ -20,6 +20,7 @@ class _QualifiersContainerState extends State<QualifiersContainer> {
   @override
   void initState() {
     widget.provider.startTimerForWinnerSelection();
+    widget.provider.callGetSelectedWinnersApi();
     super.initState();
   }
 
@@ -36,13 +37,14 @@ class _QualifiersContainerState extends State<QualifiersContainer> {
             mainAxisAlignment: MainAxisAlignment.spaceBetween,
             children: <Widget>[
               LocaleKeys.winnerSelection.tr().toText21(color: MyColors.grey3AColor),
-              "00:${widget.provider.totalSecondsToWaitForWinner < 10 ? "0${widget.provider.totalSecondsToWaitForWinner}" : widget.provider.totalSecondsToWaitForWinner}".toText18(color: MyColors.redColor),
+              "00:${widget.provider.totalSecondsToWaitForWinner < 10 ? "0${widget.provider.totalSecondsToWaitForWinner}" : widget.provider.totalSecondsToWaitForWinner}"
+                  .toText18(color: MyColors.redColor),
             ],
           ),
           10.height,
           Row(
             children: <Widget>[
-              widget.provider.totalQualifiers.toString().toText30(color: MyColors.greenColor, isBold: true),
+              widget.provider.totalQualifiers != null ? widget.provider.totalQualifiers.toString().toText30(color: MyColors.greenColor, isBold: true) : const SizedBox(),
               2.width,
               LocaleKeys.qualifiers.tr().toText16(color: MyColors.greenColor),
             ],

lib/ui/marathon/widgets/question_card.dart

@@ -1,4 +1,5 @@
 import 'package:appinio_swiper/appinio_swiper.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:lottie/lottie.dart';
@@ -6,38 +7,35 @@ import 'package:mohem_flutter_app/app_state/app_state.dart';
 import 'package:mohem_flutter_app/classes/colors.dart';
 import 'package:mohem_flutter_app/classes/decorations_helper.dart';
 import 'package:mohem_flutter_app/classes/lottie_consts.dart';
+import 'package:mohem_flutter_app/classes/utils.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/marathon/question_model.dart';
 import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
 import 'package:provider/provider.dart';
 
 class QuestionCard extends StatelessWidget {
-  final MarathonProvider provider;
-
-  const QuestionCard({Key? key, required this.provider}) : super(key: key);
+  const QuestionCard({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
+    MarathonProvider provider = context.read<MarathonProvider>();
     return CupertinoPageScaffold(
       child: provider.cardContentList.isEmpty
           ? Lottie.asset(MyLottieConsts.hourGlassLottie, height: 250).paddingOnly(top: 50)
           : SizedBox(
               height: 440,
               width: double.infinity,
-              child: Consumer<MarathonProvider>(
-                builder: (BuildContext context, MarathonProvider provider, _) {
-                  return AppinioSwiper(
-                    duration: const Duration(milliseconds: 400),
-                    padding: EdgeInsets.zero,
-                    isDisabled: true,
-                    controller: provider.swiperController,
-                    unswipe: (int index, AppinioSwiperDirection direction) {},
-                    onSwipe: (int index, AppinioSwiperDirection direction) {},
-                    cards: provider.cardContentList,
-                  );
-                },
+              child: AppinioSwiper(
+                duration: const Duration(milliseconds: 400),
+                padding: EdgeInsets.zero,
+                isDisabled: true,
+                controller: provider.swiperController,
+                unswipe: (int index, AppinioSwiperDirection direction) {},
+                onSwipe: (int index, AppinioSwiperDirection direction) {},
+                cards: provider.cardContentList,
               ),
             ),
     );
@@ -163,7 +161,7 @@ class AnswerTileForText extends StatelessWidget {
     MarathonProvider provider = context.watch<MarathonProvider>();
     return InkWell(
       onTap: () {
-        provider.isUserOutOfGame ? null : onAnswerTapped()  ;
+        provider.isUserOutOfGame ? Utils.showToast(LocaleKeys.youAreOutOfContest.tr()) : onAnswerTapped();
       },
       child: Container(
         alignment: Alignment.centerLeft,