Remarks Field in Transaction Page

lib/features/quick_pay/screens/quick_pay_outside_bank_screen.dart

@@ -38,6 +38,7 @@ class _QuickPayOutsideBankScreen extends State<QuickPayOutsideBankScreen> {
   final ifscController = TextEditingController();
   final phoneController = TextEditingController();
   final amountController = TextEditingController();
+  final remarksController = TextEditingController();
   final service = getIt<BeneficiaryService>();
 
   late String accountType;
@@ -136,6 +137,7 @@ class _QuickPayOutsideBankScreen extends State<QuickPayOutsideBankScreen> {
     ifscController.dispose();
     phoneController.dispose();
     amountController.dispose();
+    remarksController.dispose();
     super.dispose();
   }
 
@@ -188,6 +190,7 @@ class _QuickPayOutsideBankScreen extends State<QuickPayOutsideBankScreen> {
                   remitterName: "Unknown",
                   beneficiaryName: nameController.text,
                   tpin: tpin,
+                  remarks: remarksController.text,
                 );
                 final neftService = getIt<NeftService>();
                 final completer = Completer<PaymentResponse>();
@@ -253,6 +256,7 @@ class _QuickPayOutsideBankScreen extends State<QuickPayOutsideBankScreen> {
                   remitterName: "Unknown",
                   beneficiaryName: nameController.text,
                   tpin: tpin,
+                  remarks: remarksController.text,
                 );
                 final impsService = getIt<ImpsService>();
                 final completer = Completer<PaymentResponse>();
@@ -312,6 +316,7 @@ class _QuickPayOutsideBankScreen extends State<QuickPayOutsideBankScreen> {
                   remitterName: "Unknown",
                   beneficiaryName: nameController.text,
                   tpin: tpin,
+                  remarks: remarksController.text,
                 );
                 final rtgsService = getIt<RtgsService>();
                 final completer = Completer<PaymentResponse>();
@@ -667,6 +672,25 @@ class _QuickPayOutsideBankScreen extends State<QuickPayOutsideBankScreen> {
                   return null;
                 },
               ),
+                 const SizedBox(height: 25),
+   TextFormField(
+     controller: remarksController,
+     decoration: InputDecoration(
+       labelText: 'Remarks (Optional)',
+       border: const OutlineInputBorder(),
+       isDense: true,
+       filled: true,
+       fillColor: Theme.of(context).scaffoldBackgroundColor,
+       enabledBorder: OutlineInputBorder(
+         borderSide: BorderSide(
+             color: Theme.of(context).colorScheme.outline),
+       ),
+       focusedBorder: OutlineInputBorder(
+         borderSide: BorderSide(
+             color: Theme.of(context).colorScheme.primary, width: 2),
+       ),
+     ),
+   ),
               const SizedBox(height: 25),
               Row(
                 children: [

lib/features/quick_pay/screens/quick_pay_within_bank_screen.dart

@@ -24,6 +24,7 @@ class _QuickPayWithinBankScreen extends State<QuickPayWithinBankScreen> {
   final TextEditingController confirmAccountNumberController =
       TextEditingController();
   final TextEditingController amountController = TextEditingController();
+  final TextEditingController remarksController = TextEditingController();
   String? _selectedAccountType;
 
   String? _beneficiaryName;
@@ -57,6 +58,7 @@ class _QuickPayWithinBankScreen extends State<QuickPayWithinBankScreen> {
     accountNumberController.dispose();
     confirmAccountNumberController.dispose();
     amountController.dispose();
+    remarksController.dispose(); 
     super.dispose();
   }
 
@@ -276,6 +278,25 @@ class _QuickPayWithinBankScreen extends State<QuickPayWithinBankScreen> {
                 },
               ),
               const SizedBox(height: 25),
+TextFormField(
+  controller: remarksController,
+  decoration: InputDecoration(
+    labelText: 'Remarks (Optional)',
+    border: const OutlineInputBorder(),
+    isDense: true,
+    filled: true,
+    fillColor: Theme.of(context).scaffoldBackgroundColor,
+    enabledBorder: OutlineInputBorder(
+      borderSide: BorderSide(
+          color: Theme.of(context).colorScheme.outline),
+    ),
+    focusedBorder: OutlineInputBorder(
+      borderSide: BorderSide(
+          color: Theme.of(context).colorScheme.primary, width: 2),
+    ),
+  ),
+),
+              const SizedBox(height: 25),
               TextFormField(
                 decoration: InputDecoration(
                   labelText: AppLocalizations.of(context).amount,
@@ -343,6 +364,7 @@ class _QuickPayWithinBankScreen extends State<QuickPayWithinBankScreen> {
                                 toAccountType: _selectedAccountType!,
                                 amount: amountController.text,
                                 tpin: tpin,
+                                remarks: remarksController.text,
                               );
 
                               final paymentService = getIt<PaymentService>();