import 'package:flutter/material.dart';

class SelectableChips<T, K> extends StatelessWidget {
  final List<T> availableItems;
  final T? selectedItem;
  final int maxCount;

  final K Function(T item) itemId;
  final Widget Function(T item) itemLabel;
  final Widget Function(T item)? itemAvatar;

  final void Function(T item)? onSelected;
  final void Function(T item)? onDeleted;

  const SelectableChips({
    required this.itemId,
    required this.itemLabel,
    this.itemAvatar,
    required this.availableItems,
    this.selectedItem,
    this.maxCount = 25,
    this.onSelected,
    this.onDeleted,
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    var items = availableItems.take(maxCount).toList();
    if (selectedItem case final T selectedItem) {
      final selectedIndex = items.indexWhere(
        (item) => itemId(item) == itemId(selectedItem),
      );
      if (selectedIndex < 0) {
        items = [
          selectedItem,
          ...items,
        ];
      } else {
        items = [
          items.removeAt(selectedIndex),
          ...items,
        ];
      }
    }

    return ListView.builder(
      scrollDirection: Axis.horizontal,
      shrinkWrap: true,
      itemCount: items.length,
      itemBuilder: (context, index) {
        final item = items[index];
        return Padding(
          padding: const EdgeInsets.only(right: 8.0),
          child: FilterChip(
            selected: selectedItem != null &&
                itemId(item) == itemId(selectedItem as T),
            showCheckmark: false,
            onSelected: (value) {
              if (value) {
                onSelected?.call(item);
              } else {
                onDeleted?.call(item);
              }
            },
            onDeleted: () {
              onDeleted?.call(item);
            },
            label: itemLabel.call(item),
            avatar: itemAvatar?.call(item),
          ),
        );
      },
    );
  }
}