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/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,
  });

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

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.fromLTRB(isCurrentUser ? 64 : 16, 4, isCurrentUser ? 16 : 64, 4),
      child: Align(
        alignment: isCurrentUser ? Alignment.centerRight : Alignment.centerLeft,
        child: DecoratedBox(
          decoration: BoxDecoration(
            color: isCurrentUser ? Color(0xFF7F9CF5) : Colors.white,
            borderRadius: mediaData.length > 0
                ? BorderRadius.circular(24)
                : BorderRadius.horizontal(
                    left: isCurrentUser ? Radius.circular(32) : Radius.circular(16),
                    right: isCurrentUser ? Radius.circular(16) : Radius.circular(24),
                  ),
          ),
          child: Padding(
            padding: mediaData.length > 0 ? 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)
                  CustomScrollView(
                    shrinkWrap: true,
                    physics: 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: EdgeInsets.all(4),
                              horizontalTitleGap: 8,
                              onTap: () async {
                                if (!await launchUrl(Uri.parse(baseUrl + '/storage/' + mediaData[index].toString()))) {
                                  throw Exception('Could not launch ${mediaData[index].toString()}');
                                }
                              },
                              leading: Icon(
                                Icons.file_copy_outlined,
                                color: Colors.white,
                              ),
                              trailing: Icon(
                                Icons.download_outlined,
                                color: Colors.white,
                              ),
                              title: Text(
                                mediaData[index].toString().replaceAll('chat_files/', ''),
                                maxLines: 2,
                                style: TextStyle(
                                  color: Colors.white,
                                  fontSize: 12,
                                  overflow: TextOverflow.ellipsis,
                                ),
                              ),
                            );
                          }
                          return GestureDetector(
                            onTap: () {
                              context.pushTransparentRoute(
                                PhotoViewScreen(
                                  imageUrls: mediaData.map((e) => baseUrl + '/storage/' + e.toString()).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.length > 0 && text.isNotEmpty) SizedBox(height: 8),
                if (text.isNotEmpty)
                  Text(
                    text,
                    style: TextStyle(color: isCurrentUser ? Colors.white : Color(0xFF323F4B), height: 1),
                  ),
                SizedBox(height: 4),
                Padding(
                  padding: mediaData.length > 0 ? const EdgeInsets.only(right: 8, top: 4, left: 8) : EdgeInsets.zero,
                  child: Text(
                    DateTime.parse(sendTime).format('hh:mm'),
                    style: TextStyle(
                      color: isCurrentUser ? Colors.white.withValues(alpha: 0.4) : Color(0xFF323F4B).withValues(alpha: 0.4),
                      height: 1,
                      fontSize: 10,
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}