import 'package:cached_network_image/cached_network_image.dart';
import 'package:dismissible_page/dismissible_page.dart';
import 'package:eatvio_app/core/const.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/presentation/pages/photo_view_screen.dart';
import 'package:flutter/material.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,
  });

  final DateTime sendTime;
  final String text;
  final bool isCurrentUser;
  final bool isRead;
  final List<dynamic> mediaData;

  @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)
              Padding(
                padding: const EdgeInsets.only(right: 4, bottom: 4),
                child: Text(
                  sendTime.format('hh:mm'),
                  style: const TextStyle(
                    color: Color(0xFF7B8794),
                    height: 1,
                    fontSize: 10,
                  ),
                ),
              ),
            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('$baseUrl/storage/${mediaData[index]}'))) {
                                        throw Exception('Could not launch ${mediaData[index].toString()}');
                                      }
                                    },
                                    leading: const Icon(
                                      Icons.file_copy_outlined,
                                      color: Colors.white,
                                    ),
                                    trailing: const Icon(
                                      Icons.download_outlined,
                                      color: Colors.white,
                                    ),
                                    title: Text(
                                      mediaData[index].toString().replaceAll('chat_files/', ''),
                                      maxLines: 2,
                                      style: const TextStyle(
                                        color: Colors.white,
                                        fontSize: 12,
                                        overflow: TextOverflow.ellipsis,
                                      ),
                                    ),
                                  );
                                }
                                return GestureDetector(
                                  onTap: () {
                                    context.pushTransparentRoute(
                                      PhotoViewScreen(
                                        imageUrls: mediaData.map((e) => '$baseUrl/storage/$e').toList(),
                                        index: index,
                                      ),
                                    );
                                  },
                                  child: Hero(
                                    tag: '$baseUrl/storage/${mediaData[index]}',
                                    transitionOnUserGestures: true,
                                    child: ClipRRect(
                                      borderRadius: BorderRadius.circular(16),
                                      child: CachedNetworkImage(
                                        imageUrl: '$baseUrl/storage/${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'),
                  style: const TextStyle(
                    color: Color(0xFF7B8794),
                    height: 1,
                    fontSize: 10,
                    fontWeight: FontWeight.w500,
                  ),
                ),
              ),
          ],
        ),
      ),
    );
  }
}