payment_method_section.dart

Go to the documentation of this file.

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:shimmer/shimmer.dart';
 
import '../../../../../../core/ui/theme/color_palette.dart';
import '../../../../domain/entities/res/res_partner_payment_entity.dart';
import '../../../bloc/collections_information_bloc/collections_information_bloc.dart';
 
class PaymentMethodSection extends StatelessWidget {
  final int restaurantId;
  final String? selectedPaymentMethod;
  final ValueChanged<String?> onChanged;
 
  const PaymentMethodSection({
    super.key,
    required this.restaurantId,
    required this.selectedPaymentMethod,
    required this.onChanged,
  });
 
  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          'full_fill_collection.payment_methods'.tr(),
          style: Theme.of(context).textTheme.titleSmall?.copyWith(
                color: ColorPalette.grey,
              ),
        ),
        SizedBox(height: 8.sp),
        BlocBuilder<CollectionsInformationBloc, CollectionsInformationState>(
          buildWhen: (previous, current) =>
              current is CollectionPaymentModeListLoaded ||
              current is CollectionPaymentModeListLoading ||
              current is CollectionPaymentModeListError,
          builder: (context, state) {
            if (state is CollectionPaymentModeListInitial) {
              context.read<CollectionsInformationBloc>().add(
                    GetCollectionPaymentModeListEvent(
                        restaurentId: restaurantId),
                  );
              return _buildShimmer();
            }
 
            if (state is CollectionPaymentModeListLoading) {
              return _buildShimmer();
            }
 
            if (state is CollectionPaymentModeListError) {
              // return _buildErrorContainer(state.failure.message);
              return _buildDropdown([]);
            }
 
            if (state is CollectionPaymentModeListLoaded) {
              return _buildDropdown(state.paymentModes);
            }
 
            return const SizedBox.shrink();
          },
        ),
      ],
    );
  }
 
  Widget _buildShimmer() {
    return Shimmer.fromColors(
      baseColor: Colors.grey[300]!,
      highlightColor: Colors.grey[100]!,
      child: Container(
        height: 48.sp,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(20.sp),
          color: Colors.white,
        ),
      ),
    );
  }
 
  // Widget _buildErrorContainer(String message) {
  //   return Container(
  //     padding: EdgeInsets.all(16.sp),
  //     decoration: BoxDecoration(
  //       borderRadius: BorderRadius.circular(20.sp),
  //       border: Border.all(color: Colors.red.withValues(alpha: 0.5)),
  //     ),
  //     child: Row(
  //       children: [
  //         Icon(Icons.error_outline, color: Colors.red, size: 20.sp),
  //         SizedBox(width: 8.sp),
  //         Expanded(
  //           child: Text(
  //             message,
  //             style: TextStyle(
  //               color: Colors.red,
  //               fontSize: 14.sp,
  //             ),
  //           ),
  //         ),
  //       ],
  //     ),
  //   );
  // }
 
  Widget _buildDropdown(List<ResPartnerPaymentEntity> paymentModes) {
    // Check if the list is empty
    if (paymentModes.isEmpty) {
      return Container(
        padding: EdgeInsets.symmetric(horizontal: 16.sp),
        height: 48.sp,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(20.sp),
          border: Border.all(color: ColorPalette.grey.withValues(alpha: 0.2)),
          color: Colors.white,
        ),
        child: Center(
          child: Text('full_fill_collection.deffered_payment'.tr()),
        ),
      );
    }
 
    // Verify if selectedPaymentMethod exists in the items
    final bool valueExists = selectedPaymentMethod == null
        ? true
        : paymentModes.any((payment) =>
            payment.paymentModeId.id.toString() == selectedPaymentMethod);
 
    // If selected value doesn't exist, use null
    final String? validValue = valueExists ? selectedPaymentMethod : null;
 
    return Container(
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(20.sp),
        border: Border.all(color: ColorPalette.grey.withValues(alpha: 0.2)),
        color: Colors.white,
      ),
      child: DropdownButtonHideUnderline(
        child: DropdownButton<String>(
          isExpanded: true,
          value: validValue,
          hint: Text('full_fill_collection.select_payment_method'.tr()),
          icon: const Icon(Icons.keyboard_arrow_down, color: ColorPalette.grey),
          padding: EdgeInsets.symmetric(horizontal: 16.sp),
          borderRadius: BorderRadius.circular(8.sp),
          items: paymentModes.map((payment) {
            return DropdownMenuItem<String>(
              value: payment.paymentModeId.id
                  .toString(), // Use ID instead of name as value
              child: Text(
                payment.paymentModeId.name, // Still display the name
                style: TextStyle(fontSize: 14.sp),
              ),
            );
          }).toList(),
          onChanged: onChanged,
        ),
      ),
    );
  }
}