mobile-app/lib/presentation/screens/codes/code_page.dart

import 'package:farm_tpf/data/repository/repository.dart';
import 'package:farm_tpf/presentation/custom_widgets/button/button_2_icon.dart';
import 'package:farm_tpf/presentation/custom_widgets/button/second_button.dart';
import 'package:farm_tpf/presentation/screens/codes/code_detail_page.dart';
import 'package:farm_tpf/presentation/screens/codes/create_stamp_page.dart';
import 'package:farm_tpf/presentation/screens/codes/models/stamp.dart';
import 'package:farm_tpf/presentation/screens/codes/widgets/item_code.dart';
import 'package:farm_tpf/themes/app_colors.dart';
import 'package:farm_tpf/utils/const_common.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:get/get.dart';

import '../../../models/item_dropdown.dart';
import '../../../themes/styles_text.dart';
import '../../../utils/const_string.dart';
import '../../../utils/helpers.dart';
import '../../custom_widgets/bottom_loader.dart';
import '../../custom_widgets/dropdown/multiple_select_bottom_sheet.dart';
import '../../custom_widgets/loading_list_page.dart';
import '../plot/widget_search.dart';
import 'bloc/stamp_bloc.dart';

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

  @override
  State<CodePage> createState() => _CodePageState();
}

class _CodePageState extends State<CodePage> {
  final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
  StampBloc bloc = StampBloc(Repository());
  final _scrollController = ScrollController();
  final _scrollThreshold = 250.0;

  @override
  void initState() {
    bloc.add(DataFetched());

    _scrollController.addListener(() {
      final maxScroll = _scrollController.position.maxScrollExtent;
      final currentScroll = _scrollController.position.pixels;
      if (maxScroll - currentScroll < _scrollThreshold) {
        bloc.add(DataFetched());
      }
    });
    super.initState();
  }

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      key: _scaffoldKey,
      body: SafeArea(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            SizedBox(
              height: 8,
            ),
            Container(
              padding: EdgeInsets.all(8),
              color: Colors.white,
              child: Text(
                'Danh sách tem',
                style: TextStyle(fontWeight: FontWeight.w500, fontSize: 22),
              ),
            ),
            WidgetSearch(
              searchController: bloc.searchCtl,
              onPressed: (value) {
                Helpers.hideKeyboard(context);
                bloc.add(OnRefresh());
              },
            ),
            Row(
              children: [
                ValueListenableBuilder<String>(
                  valueListenable: bloc.sort,
                  builder: (context, sort, _) {
                    return Button2Icon(
                      leftIcon: (sort == describeEnum(SortType.asc)) ? CupertinoIcons.arrow_up : CupertinoIcons.arrow_down,
                      title: 'Ngày tạo',
                      onPressed: () {
                        if (sort == describeEnum(SortType.asc)) {
                          bloc.sort.value = describeEnum(SortType.desc);
                        } else {
                          bloc.sort.value = describeEnum(SortType.asc);
                        }
                        bloc.sort.notifyListeners();
                        bloc.add(OnRefresh());
                      },
                    );
                  },
                ),
                ValueListenableBuilder<List<ItemDropDown>>(
                  valueListenable: bloc.selectedStatus,
                  builder: (context, selecteds, _) {
                    return ValueListenableBuilder<List<ItemDropDown>>(
                      valueListenable: bloc.status,
                      builder: (context, status, _) {
                        return MultipleSelectBottomSheet(
                          dataSources: status,
                          initValue: selecteds,
                          onSelected: (val) {
                            bloc.selectedStatus.value = val;
                            Helpers.hideKeyboard(context);
                            bloc.add(OnRefresh());
                          },
                          hint: 'Trạng thái',
                        );
                      },
                    );
                  },
                ),
                const Spacer(),
                SecondButton(
                  onPressed: () {
                    Get.to(() => CreateStampPage())?.then((value) {
                      if (value != null) {
                        bloc.add(OnRefresh());
                      }
                    });
                  },
                  title: 'Tạo tem',
                  leftIcon: CupertinoIcons.add,
                  color: AppColors.primary1,
                  textColor: Colors.white,
                  borderColor: AppColors.primary1,
                ),
              ],
            ),
            Expanded(
              child: mainBody(),
            ),
          ],
        ),
      ),
    );
  }

  Widget mainBody() {
    return BlocBuilder<StampBloc, StampState>(
      bloc: bloc,
      builder: (context, state) {
        if (state is StampFailure) {
          return Center(child: Text(state.errorString));
        }
        if (state is StampSuccess) {
          if ((state.items ?? []).isEmpty) {
            return Center(child: Text(label_list_empty));
          }
          return RefreshIndicator(
              child: ListView.builder(
                physics: AlwaysScrollableScrollPhysics(),
                itemBuilder: (BuildContext context, int index) {
                  return index >= (state.items ?? []).length
                      ? BottomLoader()
                      : ItemCode(
                          item: state.items?[index],
                          onPressed: () {
                            Get.to(
                              () => CodeDetailPage(
                                stampId: state.items?[index].id,
                                stampCode: state.items?[index].code,
                              ),
                            );
                          },
                        );
                },
                itemCount: (state.hasReachedMax ?? false) ? (state.items ?? []).length : (state.items ?? []).length + 1,
                controller: _scrollController,
              ),
              onRefresh: () async {
                bloc.add(OnRefresh());
              });
        }
        return Center(
          child: LoadingListPage(),
        );
      },
    );
  }
}