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

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';
import 'package:eatvio_app/features/chat/presentation/pages/payment_screen.dart';
import 'package:eatvio_app/features/chat/presentation/widgets/chose_plan_date_widget.dart';
import 'package:eatvio_app/features/my_finance/presentation/pages/card_settings.dart';
import 'package:eatvio_app/generated/l10n.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_svg/svg.dart';
import 'package:go_router/go_router.dart';

class NotificationBanner extends StatefulWidget {
  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();
}

class _NotificationBannerState extends State<NotificationBanner> {
  bool isLoading = false;
  @override
  Widget build(BuildContext context) {
    final size = MediaQuery.sizeOf(context);
    final s = S.of(context);
    return Container(
      decoration: BoxDecoration(
        color: appTheme.gray50,
        borderRadius: BorderRadius.circular(20),
      ),
      child: Column(
        children: [
          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 (widget.bannerType == BannerType.collectCharge)
            Padding(
              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);
                },
              ),
            )
        ],
      ),
    );
  }
}

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 }