import 'package:agora_rtc_engine/agora_rtc_engine.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:provider/provider.dart';
import 'package:yumi/modules/gift/gift_page.dart';
import 'package:yumi/ui_kit/widgets/room/bottom/room_bottom_chat_entry.dart';
import 'package:yumi/ui_kit/widgets/room/bottom/room_bottom_circle_action.dart';
import 'package:yumi/ui_kit/widgets/room/bottom/room_bottom_gift_button.dart';
import 'package:yumi/ui_kit/widgets/room/room_menu_dialog.dart';
import 'package:yumi/ui_kit/widgets/room/room_msg_input.dart';
import 'package:yumi/ui_kit/components/text/sc_text.dart';
import 'package:yumi/shared/tools/sc_room_utils.dart';
import 'package:yumi/shared/data_sources/sources/local/user_manager.dart';
import 'package:yumi/services/audio/rtc_manager.dart';

import '../../../app/routes/sc_fluro_navigator.dart';
import '../../../modules/index/main_route.dart';
import '../../../services/audio/rtm_manager.dart';
import '../../components/sc_debounce_widget.dart';

class RoomBottomWidget extends StatefulWidget {
  const RoomBottomWidget({super.key});

  @override
  State<RoomBottomWidget> createState() => _RoomBottomWidgetState();
}

class _RoomBottomWidgetState extends State<RoomBottomWidget> {
  int roomMenuStime1 = 0;

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      height: 72.w,
      child: Consumer<RtcProvider>(
        builder: (context, rtcProvider, child) {
          final showMic = _shouldShowMic(rtcProvider);

          return LayoutBuilder(
            builder: (context, constraints) {
              final inputWidth = constraints.maxWidth / 3;
              final giftAction = RoomBottomGiftButton(onTap: _showGiftPanel);
              final messageAction = _buildMessageAction();
              final menuAction = _buildMenuAction();

              return Padding(
                padding: EdgeInsetsDirectional.only(start: 16.w, end: 16.w),
                child:
                    showMic
                        ? Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            _buildChatEntry(inputWidth),
                            giftAction,
                            _buildMicAction(rtcProvider),
                            menuAction,
                            messageAction,
                          ],
                        )
                        : Row(
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            _buildChatEntry(inputWidth),
                            const Spacer(),
                            giftAction,
                            SizedBox(width: 14.w),
                            menuAction,
                            SizedBox(width: 14.w),
                            messageAction,
                          ],
                        ),
              );
            },
          );
        },
      ),
    );
  }

  Widget _buildChatEntry(double inputWidth) {
    return RoomBottomChatEntry(
      width: inputWidth,
      onTap: () {
        if (SCRoomUtils.touristCanMsg(context)) {
          Navigator.push(context, PopRoute(child: RoomMsgInput()));
        }
      },
    );
  }

  void _showGiftPanel() {
    SmartDialog.show(
      tag: "showGiftControl",
      alignment: Alignment.bottomCenter,
      maskColor: Colors.transparent,
      animationType: SmartAnimationType.fade,
      clickMaskDismiss: true,
      builder: (_) {
        return GiftPage();
      },
    );
  }

  Widget _buildMenuAction() {
    return SCDebounceWidget(
      onTap: () {
        SmartDialog.show(
          tag: "showRoomMenuDialog",
          alignment: Alignment.bottomCenter,
          debounce: true,
          animationType: SmartAnimationType.fade,
          maskColor: Colors.transparent,
          clickMaskDismiss: true,
          builder: (_) {
            return RoomMenuDialog(roomMenuStime1, (eTime) {
              roomMenuStime1 = eTime;
            });
          },
        );
      },
      child: RoomBottomCircleAction(
        child: Image.asset(
          "sc_images/room/sc_icon_botton_menu.png",
          width: 20.w,
          height: 20.w,
          fit: BoxFit.contain,
        ),
      ),
    );
  }

  Widget _buildMessageAction() {
    return SCDebounceWidget(
      onTap: () {
        SCNavigatorUtils.push(
          context,
          "${SCMainRoute.message}?isFromRoom=true",
        );
      },
      child: Selector<RtmProvider, int>(
        selector: (c, p) => p.allUnReadCount,
        shouldRebuild: (prev, next) => prev != next,
        builder: (_, allUnReadCount, __) {
          final action = RoomBottomCircleAction(
            child: Image.asset(
              "sc_images/room/sc_icon_botton_message_custom.png",
              width: 22.w,
              height: 22.w,
              fit: BoxFit.contain,
            ),
          );

          if (allUnReadCount <= 0) {
            return action;
          }

          return Badge(
            backgroundColor: Colors.red,
            label: text(
              "${allUnReadCount > 99 ? "99+" : allUnReadCount}",
              fontSize: 9.sp,
              textColor: Colors.white,
              fontWeight: FontWeight.w600,
            ),
            alignment: AlignmentDirectional.topEnd,
            child: action,
          );
        },
      ),
    );
  }

  Widget _buildMicAction(RtcProvider provider) {
    return GestureDetector(
      behavior: HitTestBehavior.opaque,
      onTap: () {
        setState(() {
          provider.isMic = !provider.isMic;

          provider.roomWheatMap.forEach((k, v) {
            if (v.user?.id ==
                    AccountStorage().getCurrentUser()?.userProfile?.id &&
                !provider.roomWheatMap[k]!.micMute!) {
              if (!provider.isMic) {
                provider.engine?.adjustRecordingSignalVolume(100);
                provider.engine?.setClientRole(
                  role: ClientRoleType.clientRoleBroadcaster,
                );
                provider.engine?.muteLocalAudioStream(false);
              } else {
                if (provider.isMusicPlaying) {
                  provider.engine?.adjustRecordingSignalVolume(0);
                } else {
                  provider.engine?.setClientRole(
                    role: ClientRoleType.clientRoleAudience,
                  );
                  provider.engine?.muteLocalAudioStream(provider.isMic);
                }
              }
            }
          });
        });
      },
      child: RoomBottomCircleAction(
        child: Image.asset(
          "sc_images/room/${provider.isMic ? 'sc_icon_botton_mic_close' : 'sc_icon_botton_mic_open'}.png",
          width: 30.w,
          height: 30.w,
          fit: BoxFit.contain,
          gaplessPlayback: true,
        ),
      ),
    );
  }

  bool _shouldShowMic(RtcProvider provider) {
    var show = false;

    provider.roomWheatMap.forEach((k, v) {
      if (v.user?.id == AccountStorage().getCurrentUser()?.userProfile?.id) {
        show = true;
      }
    });

    return show;
  }
}