import 'package:cs_resources/theme/app_colors_theme.dart';
import 'package:flutter/material.dart';
import 'package:shared/utils/log_utils.dart';

class MyCheckboxGroup extends StatefulWidget {
  final List<Map<String, dynamic>> items;
  final bool isSingleSelect;
  final String nameStr;
  final String valueStr;
  final ValueChanged<List<Map<String, dynamic>>> onChanged;
  final List<Map<String, dynamic>>? defaultSelectedItems;
  final TextStyle? labelStyle;
  final Color? acviteColor;
  final Color? borderSideColor;

  const MyCheckboxGroup({super.key,
    required this.items,
    this.isSingleSelect = false,
    this.valueStr = 'id',
    this.nameStr = 'name',
    required this.onChanged,
    this.defaultSelectedItems,
    this.acviteColor = const Color(0xFF4161D0),
    this.borderSideColor = const Color(0xFF4161D0),
    this.labelStyle = const TextStyle(
      fontSize: 14,
      fontWeight: FontWeight.w500,
    ),
  });

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

class _MyCheckboxGroupState extends State<MyCheckboxGroup> {
  Set<String> _selectedItemKeys = {};

  @override
  void initState() {
    super.initState();

    if (widget.defaultSelectedItems != null) {
      _selectedItemKeys.addAll(widget.defaultSelectedItems!.map((item) => item[widget.valueStr]!.toString()));
      widget.onChanged(widget.items.where((item) => _selectedItemKeys.contains(item[widget.valueStr]!.toString())).toList());
    }
  }

  void _toggleSelection(String key) {
    if (widget.isSingleSelect) {
      setState(() {
        _selectedItemKeys.clear();
        _selectedItemKeys.add(key);
      });
    } else {
      setState(() {
        if (_selectedItemKeys.contains(key)) {
          _selectedItemKeys.remove(key);
        } else {
          _selectedItemKeys.add(key);
        }
      });
    }
    widget.onChanged(widget.items.where((item) => _selectedItemKeys.contains(item[widget.valueStr]!.toString())).toList());
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: widget.items.map((item) {
        final key = item[widget.valueStr]!.toString();
        final label = item[widget.nameStr]! as String;
        return Container(
          child: Row(
            children: [
              Checkbox(
                activeColor: widget.acviteColor ?? context.appColors.textPrimary,
                side: BorderSide(
                  color: widget.borderSideColor ?? context.appColors.textPrimary,
                ),
                value: _selectedItemKeys.contains(key),
                onChanged: (bool? checked) {
                  if (checked != null) {
                    _toggleSelection(key);
                  }
                },
              ),
              Text(
                label,
                style: widget.labelStyle ?? const TextStyle(
                  fontSize: 14,
                  fontWeight: FontWeight.w500,
                ),
              ),
            ],
          ),
        );
      }).toList(),
    );
  }
}