cancellation_bottom_sheet.dart

Go to the documentation of this file.

import 'package:fluentui_system_icons/fluentui_system_icons.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
import '../../../../../../core/ui/theme/color_palette.dart';
import '../../../bloc/collections_bloc/collections_bloc.dart';
 
class CancellationBottomSheet extends StatefulWidget {
  final int collectionId;
  final Function(int) onReasonSelected;
 
  const CancellationBottomSheet({
    super.key, 
    required this.collectionId,
    required this.onReasonSelected,
  });
 
  @override
  State<CancellationBottomSheet> createState() => _CancellationBottomSheetState();
}
 
class _CancellationBottomSheetState extends State<CancellationBottomSheet> {
  @override
  void initState() {
    context.read<CollectionsBloc>().add(LoadCancellationReasonsEvent());
    super.initState();
  }
 
  @override
  Widget build(BuildContext context) {
    return BlocBuilder<CollectionsBloc, CollectionsState>(
      buildWhen: (previous, current) => current is CancellationReasonsLoading || current is CancellationReasonsLoaded || current is CancellationReasonsError,
      builder: (context, state) {
        if (state is CancellationReasonsLoading) {
          return Container(
            height: MediaQuery.sizeOf(context).height * 0.4,
            decoration: const BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
            ),
            child: const Center(child: CircularProgressIndicator(color: ColorPalette.lightGreen)),
          );
        }
        if (state is CancellationReasonsLoaded) {
          return Container(
            constraints: BoxConstraints(
              maxHeight: MediaQuery.sizeOf(context).height * 0.7,
            ),
            decoration: const BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
            ),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                Container(
                  margin: EdgeInsets.only(top: 12.sp),
                  width: 40.sp,
                  height: 4.sp,
                  decoration: BoxDecoration(
                    color: Colors.grey[300],
                    borderRadius: BorderRadius.circular(2),
                  ),
                ),
                Padding(
                  padding: EdgeInsets.all(16.sp),
                  child: Column(
                    children: [
                      Text(
                        'Select Cancellation Reason',
                        style: Theme.of(context).textTheme.titleMedium?.copyWith(
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                      const SizedBox(height: 8),
                      Divider(color: Colors.grey[300]),
                    ],
                  ),
                ),
                Flexible(
                  child: ListView.builder(
                    shrinkWrap: true,
                    physics: const BouncingScrollPhysics(),
                    itemCount: state.reasons.length,
                    itemBuilder: (context, index) {
                      final reason = state.reasons[index];
                      return Material(
                        color: Colors.transparent,
                        child: InkWell(
                          onTap: () => widget.onReasonSelected(reason.id ?? 0),
                          child: Padding(
                            padding: const EdgeInsets.symmetric(
                              horizontal: 16,
                              vertical: 12,
                            ),
                            child: Row(
                              children: [
                                Container(
                                  padding: const EdgeInsets.all(8),
                                  decoration: BoxDecoration(
                                    color: Colors.red[50],
                                    borderRadius: BorderRadius.circular(8),
                                  ),
                                  child: const Icon(
                                    FluentIcons.shield_error_16_regular,
                                    color: ColorPalette.red
                                  ),
                                ),
                                const SizedBox(width: 16),
                                Expanded(
                                  child: Text(
                                    reason.name ?? '',
                                    style: Theme.of(context).textTheme.displaySmall,
                                  ),
                                ),
                                Icon(
                                  Icons.chevron_right,
                                  color: Colors.grey[400],
                                ),
                              ],
                            ),
                          ),
                        ),
                      );
                    },
                  ),
                ),
                const SizedBox(height: 16),
              ],
            ),
          );
        }
        return Container(
          height: MediaQuery.sizeOf(context).height * 0.4,
          decoration: const BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
          ),
          child: const Center(
            child: Text('Error loading reasons'),
          ),
        );
      },
    );
  }
}