import 'package:flutter/material.dart';
import 'package:cloud_firestore/cloud_firestore.dart';

import '../constants.dart';
import '../services/auth/auth_service.dart';
import '../utils/helper.dart';

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

  @override
  LikedUsersPageState createState() => LikedUsersPageState();
}

class LikedUsersPageState extends State<LikedUsersPage> {
  final String currentUserId = AuthService().getCurrentUser()!.uid;

  Future<List<DocumentSnapshot>> _fetchLikedUsers() async {
    QuerySnapshot likedUsersSnapshot = await FirebaseFirestore.instance
        .collection(Constants.dbCollectionUsers)
        .doc(currentUserId)
        .collection(Constants.dbCollectionSwipes)
        .where('liked', isEqualTo: true)
        .get();

    List<String> likedUserIds =
        likedUsersSnapshot.docs.map((doc) => doc.id).toList();

    List<DocumentSnapshot> likedUsers = [];
    for (String userId in likedUserIds) {
      DocumentSnapshot userDoc = await FirebaseFirestore.instance
          .collection(Constants.dbCollectionUsers)
          .doc(userId)
          .get();
      likedUsers.add(userDoc);
    }

    return likedUsers;
  }

  Future<bool> _hasMatch(String userId) async {
    DocumentSnapshot matchDoc = await FirebaseFirestore.instance
        .collection(Constants.dbCollectionUsers)
        .doc(currentUserId)
        .collection(Constants.dbCollectionMatches)
        .doc(userId)
        .get();
    return matchDoc.exists;
  }

  Future<void> _unlikeUser(String userId) async {
    try {
      await FirebaseFirestore.instance
          .collection(Constants.dbCollectionUsers)
          .doc(currentUserId)
          .collection(Constants.dbCollectionSwipes)
          .doc(userId)
          .delete(); //.update({'liked': false});
      setState(() {}); // Refresh the UI
    } catch (e) {
      showMsg(context, 'Error unlike', e.toString());
    }
  }

  void _showMatchMessage() {
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: const Text('Match Exists'),
          content: const Text(
            'You cannot unlike a user with whom you have a match.',
          ),
          actions: [
            TextButton(
              onPressed: () => Navigator.of(context).pop(),
              child: const Text('Close'),
            ),
          ],
        );
      },
    );
  }

  Future<void> _showConfirmationDialog(String userId, String userName) async {
    bool? confirm = await showDialog<bool>(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: const Text('Confirm Unlike'),
          content: Text('Are you sure you want to unlike $userName?'),
          actions: [
            TextButton(
              onPressed: () => Navigator.of(context).pop(false),
              child: const Text('Cancel'),
            ),
            TextButton(
              onPressed: () => Navigator.of(context).pop(true),
              child: const Text('Confirm'),
            ),
          ],
        );
      },
    );

    if (confirm == true) {
      await _unlikeUser(userId);
    }
  }

  void _showUserInfo(DocumentSnapshot user) {
    Map<String, dynamic> userMap = user.data() as Map<String, dynamic>;
    bool hasName = userMap.containsKey(Constants.dbFieldUsersName);
    bool hasBio = userMap.containsKey(Constants.dbFieldUsersBio);

    showDialog(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: hasName
              ? Text(user[Constants.dbFieldUsersName])
              : const Text('Name: n/a'),
          content: hasBio
              ? Text(user[Constants.dbFieldUsersBio])
              : const Text('Bio: n/a'),
          actions: [
            TextButton(
              onPressed: () => Navigator.of(context).pop(),
              child: const Text('Close'),
            ),
          ],
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Liked Users'),
      ),
      body: FutureBuilder<List<DocumentSnapshot>>(
        future: _fetchLikedUsers(),
        builder: (BuildContext context,
            AsyncSnapshot<List<DocumentSnapshot>> snapshot) {
          if (snapshot.connectionState == ConnectionState.waiting) {
            return const Center(child: CircularProgressIndicator());
          } else if (snapshot.hasError) {
            return Center(child: Text('Error: ${snapshot.error}'));
          } else if (!snapshot.hasData || snapshot.data!.isEmpty) {
            return const Center(child: Text('No liked users found.'));
          } else {
            return ListView.builder(
              itemCount: snapshot.data!.length,
              itemBuilder: (BuildContext context, int index) {
                DocumentSnapshot user = snapshot.data![index];
                return FutureBuilder<bool>(
                  future: _hasMatch(user.id),
                  builder: (context, snapshot) {
                    if (snapshot.connectionState == ConnectionState.waiting) {
                      return const CircularProgressIndicator();
                    }
                    bool hasMatch = snapshot.data ?? false;
                    return UserInfoTile(
                      user: user,
                      hasMatch: hasMatch,
                      onUnlike: () {
                        Map<String, dynamic> userMap =
                            user.data() as Map<String, dynamic>;
                        bool hasName =
                            userMap.containsKey(Constants.dbFieldUsersName);

                        _showConfirmationDialog(
                          user.id,
                          (hasName
                              ? user[Constants.dbFieldUsersName]
                              : 'Name: n/a'),
                        );
                      }, //_unlikeUser(user.id),
                      onShowMatchMessage: _showMatchMessage,
                      onViewInfo: () => _showUserInfo(user),
                    );
                  },
                );
              },
            );
          }
        },
      ),
    );
  }
}

class UserInfoTile extends StatelessWidget {
  final DocumentSnapshot user;
  final bool hasMatch;
  final VoidCallback onUnlike;
  final VoidCallback onShowMatchMessage;
  final VoidCallback onViewInfo;

  const UserInfoTile({
    super.key,
    required this.user,
    required this.hasMatch,
    required this.onUnlike,
    required this.onShowMatchMessage,
    required this.onViewInfo,
  });

  @override
  Widget build(BuildContext context) {
    Map<String, dynamic> userMap = user.data() as Map<String, dynamic>;
    bool hasPictureUrl = userMap.containsKey(Constants.dbFieldUsersProfilePic);
    bool hasName = userMap.containsKey(Constants.dbFieldUsersName);
    bool hasBio = userMap.containsKey(Constants.dbFieldUsersBio);

    return Card(
      margin: const EdgeInsets.all(8.0),
      child: ListTile(
        leading: hasPictureUrl == true &&
                user[Constants.dbFieldUsersProfilePic] != null
            ? CircleAvatar(
                backgroundImage:
                    NetworkImage(user[Constants.dbFieldUsersProfilePic]),
              )
            : const CircleAvatar(child: Icon(Icons.person)),
        title: hasName
            ? Text(
                '${user[Constants.dbFieldUsersName]} ${user[Constants.dbFieldUsersName]} ${user[Constants.dbFieldUsersName]}',
                overflow: TextOverflow.ellipsis,
                maxLines: 1,
              )
            : null,
        subtitle: hasBio
            ? Text(
                user[Constants.dbFieldUsersBio],
                overflow: TextOverflow.ellipsis,
                maxLines: 3,
              )
            : null,
        trailing: Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            IconButton(
              icon: const Icon(Icons.contact_page_outlined),
              onPressed: onViewInfo,
            ),
            IconButton(
              icon: Icon(hasMatch ? Icons.lock_outline : Icons.delete_outline),
              onPressed: hasMatch ? onShowMatchMessage : onUnlike,
            ),
          ],
        ),
      ),
    );
  }
}