feat(plans): plan creating has been completed

lib/features/chat/presentation/bloc/chat_room_cubit/chat_room_cubit.dart

@@ -72,7 +72,7 @@ class ChatRoomCubit extends Cubit<ChatRoomState> {
     }
   }
 
-  initChat(String chatId) async {
+  initChat(String chatId, {bool sendInitialMessage = false}) async {
     try {
       final chatRoom = await chatRepository.getChatRoom(chatId);
       ChosenPlanModel? chosenPlan;
@@ -92,10 +92,14 @@ class ChatRoomCubit extends Cubit<ChatRoomState> {
           hasCard: false,
         ),
       );
-
+      
       if (chatRoom.chosenPlan?.consultantId == chatRoom.users.receiver.id) {
         await checkCards();
       }
+
+      if (sendInitialMessage) {
+        await chatRepository.sendMessage(chatId: chatId, data: 'Здравствуйте, хочу заказать у вас: ${chosenPlan?.plan.name ?? 'план'}');
+      }
     } catch (e) {
       log(e.toString());
       typingSubscription?.cancel();

lib/features/chat/presentation/pages/chat_screen.dart

@@ -15,6 +15,7 @@ import 'package:eatvio_app/core/theme/custom_text_style.dart';
 import 'package:eatvio_app/core/theme/theme_helper.dart';
 import 'package:eatvio_app/features/chat/presentation/widgets/notification_banner.dart';
 import 'package:eatvio_app/features/feed/models/diets_pagination_model.dart';
+import 'package:eatvio_app/features/feed/models/plan_pagination_model.dart';
 import 'package:eatvio_app/features/order_info/presentation/info_by_order_screen.dart';
 import 'package:eatvio_app/features/plans/enums/chosen_plan_state_enum.dart';
 import 'package:eatvio_app/features/user_details/presentation/user_details_screen.dart';
@@ -28,7 +29,8 @@ import 'package:visibility_detector/visibility_detector.dart';
 
 class ChatScreen extends StatefulWidget {
   final String chatId;
-  const ChatScreen({required this.chatId, super.key});
+  final bool sendInitialMessage;
+  const ChatScreen({required this.chatId, super.key, required this.sendInitialMessage});
 
   @override
   State<ChatScreen> createState() => _ChatScreenState();
@@ -46,7 +48,7 @@ class _ChatScreenState extends State<ChatScreen> {
   void initState() {
     super.initState();
     scrollController.addListener(_onScroll);
-    chatRoomCubit.initChat(widget.chatId);
+    chatRoomCubit.initChat(widget.chatId, sendInitialMessage: widget.sendInitialMessage);
   }
 
   _onScroll() {
@@ -96,13 +98,24 @@ class _ChatScreenState extends State<ChatScreen> {
     BannerType? bannerType;
     if (chosenPlan == null) {
       bannerType = null;
-    } else if (amIConsultant && state.hasCard) {
+    } else if (!amIConsultant && !state.hasCard) {
       bannerType = BannerType.card;
     } else if (amIConsultant && chosenPlan.chosenPlanState == ChosenPlanStateEnum.stateInCoordination) {
       bannerType = BannerType.date;
     } else if (!amIConsultant &&
         (chosenPlan.chosenPlanState == ChosenPlanStateEnum.stateStartDateHasBeenSet || chosenPlan.chosenPlanState == ChosenPlanStateEnum.statePendingPayment)) {
       bannerType = BannerType.payment;
+    } else if (chosenPlan.chosenPlanState == ChosenPlanStateEnum.stateDone) {
+      bannerType = BannerType.collectCharge;
+    }
+
+    PacketOptions? chosenOption;
+    if (chosenPlan?.optionType == 'options1') {
+      chosenOption = chosenPlan?.plan.packet1Options;
+    } else if (chosenPlan?.optionType == 'options2') {
+      chosenOption = chosenPlan?.plan.packet2Options;
+    } else if (chosenPlan?.optionType == 'options3') {
+      chosenOption = chosenPlan?.plan.packet3Options;
     }
     return Scaffold(
       resizeToAvoidBottomInset: true,
@@ -262,7 +275,7 @@ class _ChatScreenState extends State<ChatScreen> {
                             itemCount: state.chatMessages.length + (state.isLoading ? 1 : 0),
                           ),
                           const SizedBox(height: 16),
-                          if (showUserDetailsButton) ...[
+                          if (!showUserDetailsButton) ...[
                             // OrderCard(
                             //   plan: chosenPlan.plan,
                             //   isCustomerView: !amIConsultant,
@@ -288,7 +301,15 @@ class _ChatScreenState extends State<ChatScreen> {
                                 ),
                               ),
                             if (bannerType != null)
-                              Padding(padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16), child: NotificationBanner(bannerType: bannerType)),
+                              Padding(
+                                padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16),
+                                child: NotificationBanner(
+                                  bannerType: bannerType,
+                                  chosenPlanId: chosenPlan?.id,
+                                  planName: chosenPlan?.plan.name,
+                                  planPrice: chosenOption?.price.toDouble(),
+                                ),
+                              ),
                           ],
                         ],
                       ),

lib/features/chat/presentation/widgets/notification_banner.dart

@@ -1,5 +1,6 @@
 import 'package:eatvio_app/core/theme/custom_text_style.dart';
 import 'package:eatvio_app/core/theme/theme_helper.dart';
+import 'package:eatvio_app/core/widgets/custom_outlined_button.dart';
 import 'package:eatvio_app/core/widgets/loader.dart';
 import 'package:eatvio_app/features/chat/presentation/bloc/chat_room_cubit/chat_room_cubit.dart';
 import 'package:eatvio_app/features/chat/presentation/bloc/chat_room_cubit/chat_room_state.dart';
@@ -13,8 +14,11 @@ import 'package:flutter_svg/svg.dart';
 import 'package:go_router/go_router.dart';
 
 class NotificationBanner extends StatefulWidget {
-  const NotificationBanner({super.key, required this.bannerType});
+  const NotificationBanner({super.key, required this.bannerType, this.planPrice, this.planName, this.chosenPlanId});
   final BannerType bannerType;
+  final double? planPrice;
+  final String? planName;
+  final int? chosenPlanId;
 
   @override
   State<NotificationBanner> createState() => _NotificationBannerState();
@@ -31,96 +35,145 @@ class _NotificationBannerState extends State<NotificationBanner> {
         color: appTheme.gray50,
         borderRadius: BorderRadius.circular(20),
       ),
-      child: Row(
-        crossAxisAlignment: CrossAxisAlignment.start,
+      child: Column(
         children: [
-          Padding(
-            padding: const EdgeInsets.only(top: 12, right: 8, left: 12),
-            child: SvgPicture.asset('assets/icons/reversed_exclamation_mark.svg', height: 68, width: 68),
+          Row(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              if (widget.bannerType != BannerType.collectCharge)
+                Padding(
+                  padding: const EdgeInsets.only(top: 12, right: 8, left: 12),
+                  child: SvgPicture.asset('assets/icons/reversed_exclamation_mark.svg', height: 68, width: 68),
+                )
+              else
+                const Padding(
+                  padding: EdgeInsets.only(top: 12, right: 8, left: 12),
+                  child: _StarIcon(),
+                ),
+              if (isLoading)
+                const Padding(
+                  padding: EdgeInsets.only(left: 40, top: 24),
+                  child: Loader(),
+                )
+              else
+                Padding(
+                  padding: const EdgeInsets.only(top: 16),
+                  child: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: switch (widget.bannerType) {
+                      BannerType.date => [
+                          SizedBox(
+                            width: size.width * 0.6,
+                            child: Text(s.choose_plan_start_date, style: TextStyles.textMMedium.copyWith(color: appTheme.black)),
+                          ),
+                          const SizedBox(height: 12),
+                          GestureDetector(
+                            onTap: () {
+                              final cubit = context.read<ChatRoomCubit>();
+                              showModalBottomSheet(
+                                context: context,
+                                builder: (context) => ChosePlanDateWidget(
+                                  chatCubit: cubit,
+                                ),
+                              );
+                            },
+                            child: Text(s.choose_date, style: TextStyles.textLSemibold.copyWith(color: appTheme.blueA400)),
+                          ),
+                          const SizedBox(height: 16),
+                        ],
+                      BannerType.card => [
+                          SizedBox(
+                            width: size.width * 0.6,
+                            child: Text(s.can_not_choose_start_date, style: TextStyles.textMMedium.copyWith(color: appTheme.black)),
+                          ),
+                          const SizedBox(height: 12),
+                          GestureDetector(
+                            onTap: () {
+                              GoRouter.of(context).pushReplacement(
+                                CardSettingsScreen.path,
+                              );
+                            },
+                            child: Text(s.add_card, style: TextStyles.textLSemibold.copyWith(color: appTheme.blueA400)),
+                          ),
+                          const SizedBox(height: 16),
+                        ],
+                      BannerType.payment => [
+                          SizedBox(
+                            width: size.width * 0.6,
+                            child: Text(s.tap_on_link_to_pay, style: TextStyles.textMMedium.copyWith(color: appTheme.black)),
+                          ),
+                          const SizedBox(height: 12),
+                          GestureDetector(
+                            onTap: () async {
+                              final planId = (context.read<ChatRoomCubit>().state as ChatRoomStateLoaded).chatRoom.chosenPlan?.id;
+                              setState(() {
+                                isLoading = true;
+                              });
+                              final paymentLink = await context.read<ChatRoomCubit>().getPaymentLink();
+                              setState(() {
+                                isLoading = false;
+                              });
+                              if (paymentLink != null && planId != null) {
+                                if (!context.mounted) return;
+                                GoRouter.of(context).pushReplacement(
+                                  PaymentScreen.path,
+                                  extra: {'url': paymentLink, 'planId': planId},
+                                );
+                              }
+                            },
+                            child: Text(s.pay, style: TextStyles.textLSemibold.copyWith(color: appTheme.blueA400)),
+                          ),
+                          const SizedBox(height: 16),
+                        ],
+                      BannerType.collectCharge => [
+                          SizedBox(
+                            width: size.width * 0.6,
+                            child:
+                                Text('${s.congratsYouHaveFinishedPlan} «${widget.planName}»', style: TextStyles.textMSemibold.copyWith(color: appTheme.black)),
+                          ),
+                          const SizedBox(height: 8),
+                          SizedBox(
+                            width: size.width * 0.6,
+                            child: Text('${s.userConfirmedPlanCompletion} ${widget.planPrice}₽', style: TextStyles.textSMedium.copyWith(color: appTheme.black)),
+                          ),
+                          const SizedBox(height: 8),
+                        ],
+                    },
+                  ),
+                ),
+            ],
           ),
-          if (isLoading)
-            const Padding(
-              padding: EdgeInsets.only(left: 40, top: 24),
-              child: Loader(),
-            )
-          else
+          if (widget.bannerType == BannerType.collectCharge)
             Padding(
-              padding: const EdgeInsets.only(top: 16),
-              child: Column(
-                mainAxisSize: MainAxisSize.min,
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: switch (widget.bannerType) {
-                  BannerType.date => [
-                      SizedBox(
-                        width: size.width * 0.6,
-                        child: Text(s.choose_plan_start_date, style: TextStyles.textMMedium.copyWith(color: appTheme.black)),
-                      ),
-                      const SizedBox(height: 12),
-                      GestureDetector(
-                        onTap: () {
-                          final cubit = context.read<ChatRoomCubit>();
-                          showModalBottomSheet(
-                            context: context,
-                            builder: (context) => ChosePlanDateWidget(
-                              chatCubit: cubit,
-                            ),
-                          );
-                        },
-                        child: Text(s.choose_date, style: TextStyles.textLSemibold.copyWith(color: appTheme.blueA400)),
-                      ),
-                      const SizedBox(height: 16),
-                    ],
-                  BannerType.card => [
-                      SizedBox(
-                        width: size.width * 0.6,
-                        child: Text(s.can_not_choose_start_date, style: TextStyles.textMMedium.copyWith(color: appTheme.black)),
-                      ),
-                      const SizedBox(height: 12),
-                      GestureDetector(
-                        onTap: () {
-                          GoRouter.of(context).pushReplacement(
-                            CardSettingsScreen.path,
-                          );
-                        },
-                        child: Text(s.add_card, style: TextStyles.textLSemibold.copyWith(color: appTheme.blueA400)),
-                      ),
-                      const SizedBox(height: 16),
-                    ],
-                  BannerType.payment => [
-                      SizedBox(
-                        width: size.width * 0.6,
-                        child: Text(s.tap_on_link_to_pay, style: TextStyles.textMMedium.copyWith(color: appTheme.black)),
-                      ),
-                      const SizedBox(height: 12),
-                      GestureDetector(
-                        onTap: () async {
-                          final planId = (context.read<ChatRoomCubit>().state as ChatRoomStateLoaded).chatRoom.chosenPlan?.id;
-                          setState(() {
-                            isLoading = true;
-                          });
-                          final paymentLink = await context.read<ChatRoomCubit>().getPaymentLink();
-                          setState(() {
-                            isLoading = false;
-                          });
-                          if (paymentLink != null && planId != null) {
-                            if (!context.mounted) return;
-                            GoRouter.of(context).pushReplacement(
-                              PaymentScreen.path,
-                              extra: {'url': paymentLink, 'planId': planId},
-                            );
-                          }
-                        },
-                        child: Text(s.pay, style: TextStyles.textLSemibold.copyWith(color: appTheme.blueA400)),
-                      ),
-                      const SizedBox(height: 16),
-                    ],
+              padding: const EdgeInsets.symmetric(horizontal: 12),
+              child: CustomOutlinedButton(
+                text: s.collectCharge,
+                height: 52,
+                buttonTextStyle: TextStyles.textMSemibold.copyWith(color: appTheme.whiteA700),
+                buttonStyle: ButtonStyle(side: const WidgetStatePropertyAll(BorderSide.none), backgroundColor: WidgetStatePropertyAll(appTheme.green)),
+                onPressed: () async {
+                  GoRouter.of(context).push(CardSettingsScreen.path, extra: widget.chosenPlanId);
                 },
               ),
-            ),
+            )
         ],
       ),
     );
   }
 }
 
-enum BannerType { date, card, payment }
+class _StarIcon extends StatelessWidget {
+  const _StarIcon();
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.all(12),
+      decoration: BoxDecoration(color: appTheme.whiteA700, shape: BoxShape.circle),
+      child: SvgPicture.asset('assets/icons/star.svg'),
+    );
+  }
+}
+
+enum BannerType { date, card, payment, collectCharge }