cloudsolutions-atoms/lib/views/widgets/fullscreen_dialogs/selection_fullscreen_dialog.dart

import 'package:flutter/material.dart';
import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/extensions/text_extensions.dart';
import 'package:test_sa/extensions/widget_extensions.dart';
import 'package:test_sa/new_views/app_style/app_color.dart';
import 'package:test_sa/new_views/common_widgets/app_filled_button.dart';

typedef SelectionBuilderString = String Function(dynamic);

class SelectionFullScreenDialog<T> extends StatefulWidget {
  final List<T>? items;
  final T? selectedItem; // Now nullable
  final String title;
  final SelectionBuilderString builderString;

  const SelectionFullScreenDialog({Key? key, this.items, this.selectedItem, this.title = "", required this.builderString}) : super(key: key);

  @override
  _SelectionBottomSheetState createState() => _SelectionBottomSheetState<T>();
}

class _SelectionBottomSheetState<T> extends State<SelectionFullScreenDialog<T>> {
  T? _selectedValue; // Now nullable

  String query = "";

  List<T>? get filteredList => widget.items?.where((element) => widget.builderString(element).toLowerCase().contains(query.toLowerCase())).toList();

  @override
  void initState() {
    _selectedValue = widget.selectedItem;
    super.initState();
  }

  FocusNode searchFocusNode = FocusNode();

  @override
  void dispose() {
    searchFocusNode.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: widget.title.heading5(context)),
      body: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          SearchBar(
            focusNode: searchFocusNode,
            elevation: WidgetStateProperty.all<double>(0),
            leading: const Icon(Icons.search, color: AppColor.neutral50),
            textStyle: WidgetStateProperty.all<TextStyle>(
              const TextStyle(color: AppColor.neutral50, fontSize: 16.0),
            ),
            hintStyle: WidgetStateProperty.all<TextStyle>(
              const TextStyle(color: AppColor.neutral20, fontSize: 14.0),
            ),
            hintText: 'Search by name',
            onChanged: (queryString) {
              query = queryString;
              setState(() {});
            },
          ).paddingOnly(top: 16, start: 16, end: 16, bottom: 8),
          // TextField(
          //   onChanged: (queryString) {
          //     query = queryString;
          //     setState(() {});
          //   },
          //   style: const TextStyle(fontSize: 14),
          //   focusNode: searchFocusNode,
          //   decoration: InputDecoration(
          //     hintText: 'Search by name',
          //     labelText: 'Search',
          //     hintStyle: const TextStyle(fontSize: 14),
          //     focusedBorder: OutlineInputBorder(
          //       borderSide: BorderSide(color: AppColor.blueStatus(context), width: 2.0),
          //       borderRadius: const BorderRadius.all(Radius.circular(12.0)),
          //     ),
          //     enabledBorder: OutlineInputBorder(
          //       borderSide: BorderSide(color: AppColor.blueStatus(context), width: 1.0),
          //       borderRadius: const BorderRadius.all(Radius.circular(12.0)),
          //     ),
          //     contentPadding: const EdgeInsets.symmetric(vertical: 8.0, horizontal: 16.0),
          //   ),
          // ),
          8.height,
          Expanded(
            child: ListView.builder(
              itemCount: filteredList?.length,
              padding: EdgeInsets.zero,
              itemBuilder: (cxt, index) => RadioListTile<T>(
                // Specify type for RadioListTile
                value: filteredList![index],
                dense: true,
                contentPadding: const EdgeInsets.only(left: 16, right: 16),
                groupValue: _selectedValue,
                activeColor: Colors.black87,
                hoverColor: Colors.transparent,
                onChanged: (value) {
                  _selectedValue = value;
                  searchFocusNode.unfocus();
                  setState(() {});
                },
                title: Text(
                  widget.builderString(filteredList![index]).cleanupWhitespace.capitalizeFirstOfEach ?? "",
                  style: Theme.of(context).textTheme.bodyLarge,
                ),
              ),
            ),
          ),
          8.height,
          if (_selectedValue != null)
            AppFilledButton(
              label: context.translation.select,
              maxWidth: true,
              onPressed: () {
                Navigator.pop(context, _selectedValue);
              },
            ).paddingAll(16),
        ],
      ),
    );
  }
}