353 lines
11 KiB
Dart
353 lines
11 KiB
Dart
|
// ignore_for_file: library_private_types_in_public_api, unused_result
|
||
|
|
|
||
|
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:flutter/services.dart';
|
||
|
|
import 'package:flutter_easyloading/flutter_easyloading.dart';
|
||
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||
|
|
import 'package:hugeicons/hugeicons.dart';
|
||
|
|
import 'package:nb_utils/nb_utils.dart';
|
||
|
|
import '../../Screens/cash and bank/bank account/provider/bank_account_provider.dart';
|
||
|
|
import '../../constant.dart';
|
||
|
|
import '../../generated/l10n.dart' as lang;
|
||
|
|
import 'model/payment_transaction_model.dart';
|
||
|
|
|
||
|
|
class PaymentEntry {
|
||
|
|
String? type;
|
||
|
|
final TextEditingController amountController = TextEditingController();
|
||
|
|
final TextEditingController chequeNumberController = TextEditingController();
|
||
|
|
final GlobalKey<FormFieldState> typeKey = GlobalKey<FormFieldState>();
|
||
|
|
final GlobalKey<FormFieldState> amountKey = GlobalKey<FormFieldState>();
|
||
|
|
|
||
|
|
PaymentEntry({this.type});
|
||
|
|
|
||
|
|
void dispose() {
|
||
|
|
amountController.dispose();
|
||
|
|
chequeNumberController.dispose();
|
||
|
|
}
|
||
|
|
|
||
|
|
Map<String, dynamic> toJson() {
|
||
|
|
return {
|
||
|
|
'type': type,
|
||
|
|
'amount': num.tryParse(amountController.text) ?? 0,
|
||
|
|
'cheque_number': chequeNumberController.text,
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
class MultiPaymentWidget extends ConsumerStatefulWidget {
|
||
|
|
final TextEditingController totalAmountController;
|
||
|
|
final bool showChequeOption;
|
||
|
|
final bool showWalletOption;
|
||
|
|
final bool hideAddButton;
|
||
|
|
final bool disableDropdown;
|
||
|
|
|
||
|
|
final VoidCallback? onPaymentListChanged;
|
||
|
|
final List<PaymentsTransaction>? initialTransactions;
|
||
|
|
|
||
|
|
const MultiPaymentWidget({
|
||
|
|
super.key,
|
||
|
|
required this.totalAmountController,
|
||
|
|
this.showChequeOption = false,
|
||
|
|
this.showWalletOption = false,
|
||
|
|
this.hideAddButton = false,
|
||
|
|
this.disableDropdown = false,
|
||
|
|
this.onPaymentListChanged,
|
||
|
|
this.initialTransactions,
|
||
|
|
});
|
||
|
|
|
||
|
|
@override
|
||
|
|
MultiPaymentWidgetState createState() => MultiPaymentWidgetState();
|
||
|
|
}
|
||
|
|
|
||
|
|
class MultiPaymentWidgetState extends ConsumerState<MultiPaymentWidget> {
|
||
|
|
List<PaymentEntry> _paymentEntries = [];
|
||
|
|
bool _isSyncing = false;
|
||
|
|
|
||
|
|
/// Public method to get payment entries
|
||
|
|
/// This can be accessed via a GlobalKey
|
||
|
|
List<PaymentEntry> getPaymentEntries() {
|
||
|
|
return _paymentEntries;
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
void initState() {
|
||
|
|
super.initState();
|
||
|
|
_initializePaymentEntries();
|
||
|
|
// This listener syncs from TOTAL -> PAYMENT (if 1 row)
|
||
|
|
widget.totalAmountController.addListener(_onTotalAmountSync);
|
||
|
|
|
||
|
|
// This listener syncs from PAYMENT -> TOTAL (for all cases)
|
||
|
|
_paymentEntries[0].amountController.addListener(_calculateTotalsFromPayments);
|
||
|
|
}
|
||
|
|
|
||
|
|
void _initializePaymentEntries() {
|
||
|
|
if (widget.initialTransactions != null && widget.initialTransactions!.isNotEmpty) {
|
||
|
|
for (var trans in widget.initialTransactions!) {
|
||
|
|
String type = 'Cash';
|
||
|
|
|
||
|
|
if (trans.transactionType?.toLowerCase().contains('cheque') ?? false) {
|
||
|
|
type = 'Cheque';
|
||
|
|
} else if (trans.paymentTypeId != null) {
|
||
|
|
type = trans.paymentTypeId.toString();
|
||
|
|
} else if (trans.transactionType?.toLowerCase().contains('cash') ?? false) {
|
||
|
|
type = 'Cash';
|
||
|
|
}
|
||
|
|
|
||
|
|
PaymentEntry entry = PaymentEntry(type: type);
|
||
|
|
entry.amountController.text = trans.amount?.toString() ?? '0';
|
||
|
|
entry.amountController.addListener(_calculateTotalsFromPayments);
|
||
|
|
if (type == 'Cheque') {
|
||
|
|
entry.chequeNumberController.text = trans.meta?.chequeNumber ?? '';
|
||
|
|
}
|
||
|
|
|
||
|
|
_paymentEntries.add(entry);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
_paymentEntries = [PaymentEntry(type: 'Cash')];
|
||
|
|
_paymentEntries[0].amountController.addListener(_calculateTotalsFromPayments);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
void dispose() {
|
||
|
|
widget.totalAmountController.removeListener(_onTotalAmountSync);
|
||
|
|
|
||
|
|
for (var entry in _paymentEntries) {
|
||
|
|
entry.amountController.removeListener(_calculateTotalsFromPayments);
|
||
|
|
entry.dispose();
|
||
|
|
}
|
||
|
|
super.dispose();
|
||
|
|
}
|
||
|
|
|
||
|
|
// Listener for the main "Total Amount" field
|
||
|
|
void _onTotalAmountSync() {
|
||
|
|
if (_isSyncing || _paymentEntries.length != 1) return;
|
||
|
|
_isSyncing = true;
|
||
|
|
|
||
|
|
final totalText = widget.totalAmountController.text;
|
||
|
|
if (_paymentEntries[0].amountController.text != totalText) {
|
||
|
|
_paymentEntries[0].amountController.text = totalText;
|
||
|
|
}
|
||
|
|
setState(() {});
|
||
|
|
|
||
|
|
_isSyncing = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Listener for all payment amount fields
|
||
|
|
void _calculateTotalsFromPayments() {
|
||
|
|
if (_isSyncing) return;
|
||
|
|
_isSyncing = true;
|
||
|
|
|
||
|
|
double total = 0.0;
|
||
|
|
for (var entry in _paymentEntries) {
|
||
|
|
total += double.tryParse(entry.amountController.text) ?? 0.0;
|
||
|
|
}
|
||
|
|
|
||
|
|
setState(() {
|
||
|
|
if (mounted) {
|
||
|
|
// Only update parent if value is different to avoid infinite loop
|
||
|
|
if (widget.totalAmountController.text != total.toStringAsFixed(2)) {
|
||
|
|
widget.totalAmountController.text = total.toStringAsFixed(2);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
_isSyncing = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Add listener when adding a new row
|
||
|
|
void _addPaymentRow() {
|
||
|
|
final newEntry = PaymentEntry();
|
||
|
|
newEntry.amountController.addListener(_calculateTotalsFromPayments);
|
||
|
|
|
||
|
|
setState(() {
|
||
|
|
_paymentEntries.add(newEntry);
|
||
|
|
});
|
||
|
|
|
||
|
|
widget.onPaymentListChanged?.call();
|
||
|
|
_calculateTotalsFromPayments();
|
||
|
|
}
|
||
|
|
|
||
|
|
// Remove listener when removing a row
|
||
|
|
void _removePaymentRow(int index) {
|
||
|
|
if (_paymentEntries.length > 1) {
|
||
|
|
final entry = _paymentEntries[index];
|
||
|
|
entry.amountController.removeListener(_calculateTotalsFromPayments);
|
||
|
|
entry.dispose();
|
||
|
|
|
||
|
|
setState(() {
|
||
|
|
_paymentEntries.removeAt(index);
|
||
|
|
});
|
||
|
|
|
||
|
|
widget.onPaymentListChanged?.call();
|
||
|
|
_calculateTotalsFromPayments();
|
||
|
|
} else {
|
||
|
|
EasyLoading.showError('At least one payment method is required');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
final _theme = Theme.of(context);
|
||
|
|
final _lang = lang.S.of(context);
|
||
|
|
final bankListAsync = ref.watch(bankListProvider);
|
||
|
|
|
||
|
|
return Column(
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
|
children: [
|
||
|
|
///________PaymentType__________________________________
|
||
|
|
Text(
|
||
|
|
lang.S.of(context).paymentTypes,
|
||
|
|
style: _theme.textTheme.bodyMedium?.copyWith(
|
||
|
|
fontWeight: FontWeight.w600,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
const SizedBox(height: 10),
|
||
|
|
|
||
|
|
// Build dynamic payment rows
|
||
|
|
bankListAsync.when(
|
||
|
|
data: (bankData) {
|
||
|
|
List<DropdownMenuItem<String>> paymentTypeItems = [
|
||
|
|
DropdownMenuItem(
|
||
|
|
value: 'Cash',
|
||
|
|
child: Text(lang.S.of(context).cash),
|
||
|
|
),
|
||
|
|
if (widget.showWalletOption)
|
||
|
|
const DropdownMenuItem(
|
||
|
|
value: 'wallet',
|
||
|
|
child: Text("Wallet"),
|
||
|
|
),
|
||
|
|
if (widget.showChequeOption)
|
||
|
|
const DropdownMenuItem(
|
||
|
|
value: 'Cheque',
|
||
|
|
child: Text("Cheque"),
|
||
|
|
),
|
||
|
|
...(bankData.data?.map((bank) => DropdownMenuItem(
|
||
|
|
value: bank.id.toString(),
|
||
|
|
child: Text(bank.name ?? 'Unknown Bank'),
|
||
|
|
)) ??
|
||
|
|
[]),
|
||
|
|
];
|
||
|
|
|
||
|
|
return Column(
|
||
|
|
children: [
|
||
|
|
..._paymentEntries.asMap().entries.map((entry) {
|
||
|
|
int index = entry.key;
|
||
|
|
PaymentEntry payment = entry.value;
|
||
|
|
|
||
|
|
return _buildPaymentRow(payment, index, paymentTypeItems,
|
||
|
|
readonly: widget.hideAddButton, disableDropdown: widget.disableDropdown);
|
||
|
|
}),
|
||
|
|
if (!widget.hideAddButton) const SizedBox(height: 4),
|
||
|
|
// "Add Payment" Button
|
||
|
|
if (!widget.hideAddButton)
|
||
|
|
SizedBox(
|
||
|
|
width: double.infinity,
|
||
|
|
child: TextButton.icon(
|
||
|
|
icon: const Icon(Icons.add),
|
||
|
|
label: Text(_lang.addPayment),
|
||
|
|
onPressed: _addPaymentRow,
|
||
|
|
style: TextButton.styleFrom(
|
||
|
|
foregroundColor: kMainColor,
|
||
|
|
side: const BorderSide(color: kMainColor),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
);
|
||
|
|
},
|
||
|
|
loading: () => const Center(child: CircularProgressIndicator()),
|
||
|
|
error: (err, stack) => Text('Error loading banks: $err'),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
Widget _buildPaymentRow(PaymentEntry payment, int index, List<DropdownMenuItem<String>> paymentTypeItems,
|
||
|
|
{bool readonly = false, bool disableDropdown = false}) {
|
||
|
|
return Column(
|
||
|
|
children: [
|
||
|
|
Row(
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
|
children: [
|
||
|
|
// Payment Type Dropdown
|
||
|
|
Expanded(
|
||
|
|
flex: 3,
|
||
|
|
child: DropdownButtonFormField<String>(
|
||
|
|
isExpanded: true,
|
||
|
|
icon: Icon(
|
||
|
|
Icons.keyboard_arrow_down,
|
||
|
|
color: kGreyTextColor,
|
||
|
|
),
|
||
|
|
key: payment.typeKey,
|
||
|
|
value: payment.type,
|
||
|
|
hint: Text(lang.S.of(context).selectType),
|
||
|
|
items: paymentTypeItems,
|
||
|
|
onChanged: disableDropdown
|
||
|
|
? null
|
||
|
|
: (value) {
|
||
|
|
setState(() {
|
||
|
|
payment.type = value;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
validator: (value) {
|
||
|
|
if (value == null) {
|
||
|
|
return 'Required';
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
},
|
||
|
|
),
|
||
|
|
),
|
||
|
|
const SizedBox(width: 10),
|
||
|
|
|
||
|
|
// Amount Field
|
||
|
|
Expanded(
|
||
|
|
flex: 2,
|
||
|
|
child: TextFormField(
|
||
|
|
key: payment.amountKey,
|
||
|
|
readOnly: readonly,
|
||
|
|
controller: payment.amountController,
|
||
|
|
decoration: kInputDecoration.copyWith(labelText: lang.S.of(context).amount, hintText: 'Ex: 10'),
|
||
|
|
keyboardType: TextInputType.number,
|
||
|
|
inputFormatters: [FilteringTextInputFormatter.allow(RegExp(r'^\d*\.?\d{0,2}'))],
|
||
|
|
validator: (value) {
|
||
|
|
if (value.isEmptyOrNull) {
|
||
|
|
return 'Required';
|
||
|
|
}
|
||
|
|
if ((double.tryParse(value!) ?? 0) < 0) {
|
||
|
|
return 'Invalid';
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
},
|
||
|
|
onChanged: (val) {},
|
||
|
|
),
|
||
|
|
),
|
||
|
|
// Remove Button
|
||
|
|
if (_paymentEntries.length > 1)
|
||
|
|
IconButton(
|
||
|
|
icon: HugeIcon(
|
||
|
|
icon: HugeIcons.strokeRoundedDelete02,
|
||
|
|
color: Colors.red,
|
||
|
|
),
|
||
|
|
onPressed: () => _removePaymentRow(index),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
// Conditional Cheque Number field
|
||
|
|
if (payment.type == 'Cheque')
|
||
|
|
Padding(
|
||
|
|
padding: const EdgeInsets.only(top: 20.0),
|
||
|
|
child: TextFormField(
|
||
|
|
controller: payment.chequeNumberController,
|
||
|
|
decoration: kInputDecoration.copyWith(
|
||
|
|
labelText: lang.S.of(context).chequeNumber,
|
||
|
|
hintText: 'Ex: 12345689',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
const SizedBox(height: 15),
|
||
|
|
],
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|