import 'dart:collection';
import 'package:fixnum/fixnum.dart';
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:twonly/src/components/headline.dart';
import 'package:twonly/src/components/initialsavatar.dart';
import 'package:twonly/src/model/contacts_model.dart';

class BestFriendsSelector extends StatelessWidget {
  final List<Contact> users;
  final Function(Int64, bool) updateStatus;
  final HashSet<Int64> selectedUserIds;

  const BestFriendsSelector({
    super.key,
    required this.users,
    required this.updateStatus,
    required this.selectedUserIds,
  });

  @override
  Widget build(BuildContext context) {
    if (users.isEmpty) {
      return Container();
    }

    final limitedUsers = users.length > 8 ? users.sublist(0, 8) : users;
    return Column(
      children: [
        HeadLineComponent(AppLocalizations.of(context)!.shareImageBestFriends),
        Column(
          spacing: 8,
          children: List.generate(
            (limitedUsers.length + 1) ~/ 2,
            (rowIndex) {
              final firstUserIndex = rowIndex * 2;
              final secondUserIndex = firstUserIndex + 1;
              return Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: [
                  Expanded(
                    child: UserCheckbox(
                      isChecked: selectedUserIds
                          .contains(limitedUsers[firstUserIndex].userId),
                      user: limitedUsers[firstUserIndex],
                      onChanged: updateStatus,
                    ),
                  ),
                  (secondUserIndex < limitedUsers.length)
                      ? Expanded(
                          child: UserCheckbox(
                            isChecked: selectedUserIds
                                .contains(limitedUsers[secondUserIndex].userId),
                            user: limitedUsers[secondUserIndex],
                            onChanged: updateStatus,
                          ),
                        )
                      : Expanded(
                          child: Container(),
                        ),
                ],
              );
            },
          ),
        ),
      ],
    );
  }
}

class UserCheckbox extends StatelessWidget {
  final Contact user;
  final Function(Int64, bool) onChanged;
  final bool isChecked;

  const UserCheckbox({
    super.key,
    required this.user,
    required this.onChanged,
    required this.isChecked,
  });

  @override
  Widget build(BuildContext context) {
    return Container(
      padding:
          EdgeInsets.symmetric(horizontal: 3), // Padding inside the container
      child: GestureDetector(
        onTap: () {
          onChanged(user.userId, !isChecked);
        },
        child: Container(
          padding: EdgeInsets.symmetric(horizontal: 10, vertical: 0),
          decoration: BoxDecoration(
            border: Border.all(
              color: Theme.of(context).colorScheme.outline,
              width: 1.0,
            ),
            borderRadius: BorderRadius.circular(8.0),
          ),
          child: Row(
            children: [
              InitialsAvatar(
                fontSize: 15,
                displayName: user.displayName,
              ),
              SizedBox(width: 8),
              Expanded(
                child: Text(
                  user.displayName.length > 10
                      ? '${user.displayName.substring(0, 10)}...'
                      : user.displayName,
                  overflow: TextOverflow.ellipsis,
                ),
              ),
              Checkbox(
                value: isChecked,
                onChanged: (bool? value) {
                  onChanged(user.userId, value ?? false);
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}