"Updated InfoPage, Home, and PrimaryControls widgets with new layout and functionality changes."

lib/views/ai/info_page.dart

@@ -7,6 +7,7 @@ import 'package:didvan/views/ai/info_state.dart';
 import 'package:didvan/views/widgets/didvan/divider.dart';
 import 'package:didvan/views/widgets/didvan/text.dart';
 import 'package:didvan/views/widgets/hoshan_app_bar.dart';
+import 'package:didvan/views/widgets/state_handlers/empty_connection.dart';
 import 'package:didvan/views/widgets/video/chat_video_player.dart';
 import 'package:didvan/views/widgets/video/primary_controls.dart';
 import 'package:flutter/material.dart';
@@ -37,6 +38,11 @@ class _InfoPageState extends State<InfoPage> {
             ),
           );
         }
+        if (state.appState == AppState.failed) {
+          return Center(
+            child: EmptyConnection(onRetry: state.getTools),
+          );
+        }
         return Column(
           mainAxisAlignment: MainAxisAlignment.spaceBetween,
           children: [

lib/views/ai/info_state.dart

@@ -7,6 +7,9 @@ import 'package:didvan/services/network/request_helper.dart';
 class InfoState extends CoreProvier {
   late InfoModel infoModel;
   void getTools() async {
+    appState = AppState.busy;
+    update();
+
     final service = RequestService(
       RequestHelper.info(),
     );

lib/views/home/home.dart

@@ -209,6 +209,18 @@ class _HomeState extends State<Home>
               confrimTitle: 'بله',
               dismissTitle: 'خیر',
             ));
+          } else if (context.read<HomeState>().tabController.index == 2) {
+            switch (context.read<AiState>().page) {
+              case 1:
+                context.read<AiState>().goToAi();
+                break;
+              case 2:
+                context.read<AiState>().goToTools();
+
+                break;
+              default:
+                _tabController.animateTo(0);
+            }
           } else {
             _tabController.animateTo(0);
           }

lib/views/widgets/video/primary_controls.dart

@@ -20,6 +20,8 @@ class PrimaryControls extends StatefulWidget {
 class _PrimaryControlsState extends State<PrimaryControls> {
   late ChewieController chewieController;
   bool isAnimating = false;
+  bool isAnimatingForward = false;
+  bool isAnimatingBackward = false;
   // bool isSpeedMenuOpen = false;
 
   double opacity = 1;
@@ -67,22 +69,12 @@ class _PrimaryControlsState extends State<PrimaryControls> {
           opacity = 0;
         }
         isAnimating = true;
-
-        isAnimating = true;
       });
       _startHideControlsTimer(); // Restart the timer on tap
     }
   }
 
-  @override
+  void onClickScreen() {
-  Widget build(BuildContext context) {
-    return Directionality(
-      textDirection: TextDirection.ltr,
-      child: AnimatedOpacity(
-        duration: const Duration(milliseconds: 400),
-        opacity: opacity,
-        child: InkWell(
-          onTap: () {
     if (opacity == 0) {
       setState(() {
         opacity = 1;
@@ -93,107 +85,158 @@ class _PrimaryControlsState extends State<PrimaryControls> {
         opacity = 0;
       });
     }
-          },
+  }
-          child: IgnorePointer(
+
+  @override
+  Widget build(BuildContext context) {
+    return Directionality(
+      textDirection: TextDirection.ltr,
+      child: Stack(
+        children: [
+          forwardBtn(),
+          backwardBtn(),
+          AnimatedOpacity(
+            duration: const Duration(milliseconds: 400),
+            opacity: opacity,
+            child: Stack(
+              children: [
+                seekPositions(),
+                IgnorePointer(
                   ignoring: opacity == 0,
                   child: Stack(
                     children: [
-                Positioned(
+                      forground(),
-                    top: 0,
+                      playAndPause(),
-                    right: 0,
-                    left: 0,
-                    child: Container(
-                      padding: const EdgeInsets.symmetric(
-                          horizontal: 12, vertical: 12),
-                      decoration: const BoxDecoration(
-                          gradient: LinearGradient(
-                              begin: Alignment.topCenter,
-                              end: Alignment.bottomCenter,
-                              colors: [
-                            Colors.black,
-                            Colors.black87,
-                            Colors.black54,
-                            Colors.black45,
-                            Colors.black26,
-                            Color.fromARGB(10, 0, 0, 0)
-                          ])),
-                      child: Row(
-                        mainAxisAlignment: MainAxisAlignment.end,
-                        children: [
-                          SizedBox(
-                            width: 120,
-                            child: CustomDropdown<double>(
-                              closedHeaderPadding: EdgeInsets.zero,
-                              itemsListPadding: EdgeInsets.zero,
-                              items: const [
-                                0.25,
-                                0.5,
-                                0.75,
-                                1,
-                                1.25,
-                                1.5,
-                                1.75,
-                                2
                     ],
-                              initialItem: 1,
+                  ),
-                              listItemPadding: EdgeInsets.zero,
+                ),
-                              expandedHeaderPadding: EdgeInsets.zero,
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
 
-                              hideSelectedFieldWhenExpanded: false,
+  Positioned seekPositions() {
-                              // overlayHeight:
+    return Positioned.fill(
-                              // chewieController.isFullScreen ? null : 54 * 8,
+        child: Row(
-                              decoration: const CustomDropdownDecoration(
-                                  closedSuffixIcon: SizedBox(),
-                                  closedFillColor: Colors.transparent,
-                                  expandedBorderRadius:
-                                      DesignConfig.lowBorderRadius),
-                              // hintText: "سرعت ویدیو",
-                              listItemBuilder:
-                                  (context, item, isSelected, onItemSelect) {
-                                return Container(
-                                    padding: const EdgeInsets.symmetric(
-                                        horizontal: 12, vertical: 8),
-                                    child: Column(
       children: [
-                                        DidvanText('x$item'),
+        Expanded(
-                                        if (item != 2)
+            child: InkWell(
-                                          const DidvanDivider(
+          onTap: onClickScreen,
-                                            verticalPadding: 8,
+          onDoubleTap: () async {
-                                          )
+            if (position.value.inSeconds < 1) return;
+            setState(() => isAnimatingBackward = true);
+            Duration backward = Duration(seconds: position.value.inSeconds - 1);
+            await chewieController.videoPlayerController.seekTo(backward);
+          },
+        )),
+        Expanded(
+            child: InkWell(
+          onTap: onClickScreen,
+          onDoubleTap: () async {
+            if (position.value.inSeconds >
+                chewieController
+                        .videoPlayerController.value.duration.inSeconds -
+                    1) return;
+            setState(() => isAnimatingForward = true);
+
+            Duration forward = Duration(seconds: position.value.inSeconds + 1);
+            await chewieController.videoPlayerController.seekTo(forward);
+          },
+        )),
       ],
     ));
-                              },
+  }
-                              headerBuilder: (context, selectedItem, enabled) =>
+
-                                  const Row(
+  Positioned playAndPause() {
-                                mainAxisAlignment: MainAxisAlignment.end,
+    return Positioned.fill(
-                                children: [
+        child: Center(
-                                  Icon(
+            child: InkWell(
-                                    Icons.more_vert_rounded,
+      onTap: _handlePlay,
-                                    size: 32,
+      child: Opacity(
+        opacity: isAnimatingBackward || isAnimatingForward ? 0 : 1,
+        child: PlayBtnAnimation(
+          alwaysAnimate: false,
+          isAnimating: isAnimating,
+          onEnd: () => setState(
+            () => isAnimating = false,
+          ),
+          child: Container(
+            padding: const EdgeInsets.all(12),
+            decoration: BoxDecoration(
+                shape: BoxShape.circle, color: Colors.black.withOpacity(0.4)),
+            child: Icon(
+              chewieController.isPlaying
+                  ? CupertinoIcons.pause_fill
+                  : CupertinoIcons.play_fill,
               color: Colors.white,
-                                  ),
+              size: 32,
-                                ],
-                              ),
-                              hintBuilder: (context, hint, enabled) =>
-                                  const SizedBox(),
-                              onChanged: (value) async {
-                                // isSpeedMenuOpen = false;
-                                await chewieController.videoPlayerController
-                                    .setPlaybackSpeed(value!);
-                                _startHideControlsTimer();
-                              },
             ),
           ),
-                        ],
         ),
-                    )),
+      ),
-                Positioned(
+    )));
+  }
+
+  Positioned forwardBtn() {
+    return Positioned.fill(
+        child: Center(
+            child: Opacity(
+      opacity: isAnimatingForward ? 1 : 0,
+      child: PlayBtnAnimation(
+        alwaysAnimate: false,
+        isAnimating: isAnimatingForward,
+        onEnd: () => setState(
+          () => isAnimatingForward = false,
+        ),
+        child: Container(
+          padding: const EdgeInsets.all(12),
+          decoration: BoxDecoration(
+              shape: BoxShape.circle, color: Colors.black.withOpacity(0.4)),
+          child: const Icon(
+            Icons.forward_5_rounded,
+            color: Colors.white,
+            size: 32,
+          ),
+        ),
+      ),
+    )));
+  }
+
+  Positioned backwardBtn() {
+    return Positioned.fill(
+        child: Center(
+            child: Opacity(
+      opacity: isAnimatingBackward ? 1 : 0,
+      child: PlayBtnAnimation(
+        alwaysAnimate: false,
+        isAnimating: isAnimatingBackward,
+        onEnd: () => setState(
+          () => isAnimatingBackward = false,
+        ),
+        child: Container(
+          padding: const EdgeInsets.all(12),
+          decoration: BoxDecoration(
+              shape: BoxShape.circle, color: Colors.black.withOpacity(0.4)),
+          child: const Icon(
+            Icons.replay_5_rounded,
+            color: Colors.white,
+            size: 32,
+          ),
+        ),
+      ),
+    )));
+  }
+
+  Positioned forground() {
+    return Positioned(
       bottom: 0,
       left: 0,
       right: 0,
       child: Container(
-                    padding: const EdgeInsets.symmetric(
+        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
-                        horizontal: 12, vertical: 12),
         decoration: const BoxDecoration(
             gradient: LinearGradient(
                 begin: Alignment.bottomCenter,
@@ -214,38 +257,85 @@ class _PrimaryControlsState extends State<PrimaryControls> {
           ],
         ),
       ),
-                ),
+    );
-                Positioned.fill(
+  }
-                    child: Center(
+
-                        child: InkWell(
+  Positioned speedPlayBackButtons() {
-                  onTap: _handlePlay,
+    return Positioned(
-                  child: PlayBtnAnimation(
+        top: 0,
-                    alwaysAnimate: false,
+        right: 0,
-                    isAnimating: isAnimating,
+        left: 0,
-                    onEnd: () => setState(
-                      () => isAnimating = false,
-                    ),
         child: Container(
-                      padding: const EdgeInsets.all(12),
+          padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
-                      decoration: BoxDecoration(
+          decoration: const BoxDecoration(
-                          shape: BoxShape.circle,
+              gradient: LinearGradient(
-                          color: Colors.black.withOpacity(0.4)),
+                  begin: Alignment.topCenter,
-                      child: Icon(
+                  end: Alignment.bottomCenter,
-                        chewieController.isPlaying
+                  colors: [
-                            ? CupertinoIcons.pause_fill
+                Colors.black,
-                            : CupertinoIcons.play_fill,
+                Colors.black87,
-                        color: Colors.white,
+                Colors.black54,
+                Colors.black45,
+                Colors.black26,
+                Color.fromARGB(10, 0, 0, 0)
+              ])),
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.end,
+            children: [
+              SizedBox(
+                width: 120,
+                child: CustomDropdown<double>(
+                  closedHeaderPadding: EdgeInsets.zero,
+                  itemsListPadding: EdgeInsets.zero,
+                  items: const [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2],
+                  initialItem: 1,
+                  listItemPadding: EdgeInsets.zero,
+                  expandedHeaderPadding: EdgeInsets.zero,
+
+                  hideSelectedFieldWhenExpanded: false,
+                  // overlayHeight:
+                  // chewieController.isFullScreen ? null : 54 * 8,
+                  decoration: const CustomDropdownDecoration(
+                      closedSuffixIcon: SizedBox(),
+                      closedFillColor: Colors.transparent,
+                      expandedBorderRadius: DesignConfig.lowBorderRadius),
+                  // hintText: "سرعت ویدیو",
+                  listItemBuilder: (context, item, isSelected, onItemSelect) {
+                    return Container(
+                        padding: const EdgeInsets.symmetric(
+                            horizontal: 12, vertical: 8),
+                        child: Column(
+                          children: [
+                            DidvanText('x$item'),
+                            if (item != 2)
+                              const DidvanDivider(
+                                verticalPadding: 8,
+                              )
+                          ],
+                        ));
+                  },
+                  headerBuilder: (context, selectedItem, enabled) => const Row(
+                    mainAxisAlignment: MainAxisAlignment.end,
+                    children: [
+                      Icon(
+                        Icons.more_vert_rounded,
                         size: 32,
+                        color: Colors.white,
                       ),
-                    ),
-                  ),
-                )))
                     ],
                   ),
+                  hintBuilder: (context, hint, enabled) => const SizedBox(),
+                  onChanged: (value) async {
+                    // isSpeedMenuOpen = false;
+                    await chewieController.videoPlayerController
+                        .setPlaybackSpeed(value!);
+                    _startHideControlsTimer();
+                  },
                 ),
               ),
+            ],
           ),
-    );
+        ));
   }
 
   Widget _buildProgressIndicator() {