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

import 'dart:io';

import 'package:cached_network_image/cached_network_image.dart';
import 'package:dismissible_page/dismissible_page.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/utils/date_time_utils.dart';
import 'package:eatvio_app/features/chat/models/chat_message_model.dart';
import 'package:eatvio_app/features/chat/presentation/bloc/chat_room_cubit/chat_room_cubit.dart';
import 'package:eatvio_app/features/chat/presentation/pages/photo_view_screen.dart';
import 'package:eatvio_app/features/chat/presentation/widgets/message_action_bottom_sheet.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_svg/svg.dart';
import 'package:url_launcher/url_launcher.dart';

class ChatBubbleWidget extends StatelessWidget {
  const ChatBubbleWidget({
    super.key,
    required this.sendTime,
    required this.text,
    required this.isCurrentUser,
    required this.mediaData,
    required this.isRead,
    required this.messageState,
    required this.messageUuid,
    required this.userSlug
  });

  final DateTime sendTime;
  final String text;
  final bool isCurrentUser;
  final bool isRead;
  final List<dynamic> mediaData;
  final MessageState messageState;
  final String messageUuid;
  final String userSlug;
  @override
  Widget build(BuildContext context) {
    final size = MediaQuery.sizeOf(context);
    return SizedBox(
      width: size.width,
      child: Padding(
        padding: EdgeInsets.fromLTRB(isCurrentUser ? 64 : 16, 10, isCurrentUser ? 16 : 64, 4),
        child: Row(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.end,
          mainAxisAlignment: isCurrentUser ? MainAxisAlignment.end : MainAxisAlignment.start,
          children: [
            if (isCurrentUser)
              switch (messageState) {
                MessageState.loading => Padding(
                  padding: const EdgeInsets.only(right: 4, bottom: 4),
                  child: SizedBox(width: 10, height: 10, child: CircularProgressIndicator(strokeWidth: 2, color: appTheme.blueA400)),
                ),

                MessageState.sent => Padding(
                  padding: const EdgeInsets.only(right: 4, bottom: 4),
                  child: Text(sendTime.format('HH:mm', 'ru'), style: const TextStyle(color: Color(0xFF7B8794), height: 1, fontSize: 10)),
                ),

                MessageState.error => GestureDetector(
                  onTap: () {
                    showMessageActionsBottomSheet(
                      context,
                      resend: () {
                        context.read<ChatRoomCubit>().resendMessage(uuid: messageUuid, userSlug: userSlug);
                      },
                      delete: () {
                        context.read<ChatRoomCubit>().deleteMessage(messageUuid);
                      },
                    );
                  },
                  child: Padding(padding: const EdgeInsets.only(right: 4, bottom: 4), child: SvgPicture.asset('assets/icons/error_icon.svg')),
                ),
              },

            Container(
              constraints: BoxConstraints(maxWidth: size.width * 0.7),
              decoration: BoxDecoration(
                color: isCurrentUser ? appTheme.gray50 : appTheme.gray60004,
                borderRadius: mediaData.isNotEmpty
                    ? BorderRadius.circular(24)
                    : BorderRadius.horizontal(
                        left: isCurrentUser ? const Radius.circular(32) : const Radius.circular(16),
                        right: isCurrentUser ? const Radius.circular(16) : const Radius.circular(24),
                      ),
              ),
              child: Padding(
                padding: mediaData.isNotEmpty
                    ? const EdgeInsets.all(8)
                    : EdgeInsets.only(top: 8, bottom: 8, left: isCurrentUser ? 16 : 8, right: isCurrentUser ? 8 : 16),
                child: Column(
                  crossAxisAlignment: isCurrentUser ? CrossAxisAlignment.end : CrossAxisAlignment.start,
                  children: [
                    if (mediaData.isNotEmpty)
                      SizedBox(
                        width: size.width * 0.7,
                        child: CustomScrollView(
                          shrinkWrap: true,
                          physics: const NeverScrollableScrollPhysics(),
                          slivers: [
                            SliverList.separated(
                              itemBuilder: (BuildContext context, int index) {
                                if (!mediaData[index].toString().contains('.png') &&
                                    !mediaData[index].toString().contains('.jpg') &&
                                    !mediaData[index].toString().contains('.jpeg')) {
                                  return ListTile(
                                    contentPadding: const EdgeInsets.all(4),
                                    horizontalTitleGap: 8,
                                    onTap: () async {
                                      if (!await launchUrl(Uri.parse('${mediaData[index]}'))) {
                                        throw Exception('Could not launch ${mediaData[index].toString()}');
                                      }
                                    },
                                    leading: const Icon(Icons.file_copy_outlined, color: Colors.black),
                                    trailing: const Icon(Icons.download_outlined, color: Colors.black),
                                    title: Text(
                                      mediaData[index].toString().replaceAll('chat_files/', ''),
                                      maxLines: 2,
                                      style: const TextStyle(color: Colors.black, fontSize: 12, overflow: TextOverflow.ellipsis),
                                    ),
                                  );
                                }
                                return GestureDetector(
                                  onTap: () {
                                    context.pushTransparentRoute(
                                      PhotoViewScreen(imageUrls: mediaData, index: index, isLocal: mediaData[index] is File ? true : false),
                                    );
                                  },
                                  child: Hero(
                                    tag: '${mediaData[index]}',
                                    transitionOnUserGestures: true,
                                    child: ClipRRect(
                                      borderRadius: BorderRadius.circular(16),
                                      child: mediaData[index] is File ? Image.file(mediaData[index]) : CachedNetworkImage(imageUrl: '${mediaData[index]}'),
                                    ),
                                  ),
                                );
                              },
                              separatorBuilder: (BuildContext context, int index) => const SizedBox(height: 8),
                              itemCount: mediaData.length,
                            ),
                          ],
                        ),
                      ),
                    if (mediaData.isNotEmpty && text.isNotEmpty) const SizedBox(height: 8),
                    if (text.isNotEmpty) Text(text, style: TextStyles.textFS13FW400.copyWith(color: appTheme.black, fontSize: 16)),
                  ],
                ),
              ),
            ),
            if (!isCurrentUser)
              Padding(
                padding: const EdgeInsets.only(left: 4, bottom: 4),
                child: Text(
                  sendTime.format('HH:mm', 'ru'),
                  style: const TextStyle(color: Color(0xFF7B8794), height: 1, fontSize: 10, fontWeight: FontWeight.w500),
                ),
              ),
          ],
        ),
      ),
    );
  }
}