quick-pay-screens

lib/features/quick_pay/screens/quick_pay_screen.dart

@@ -0,0 +1,95 @@
+import 'package:flutter/material.dart';
+import 'package:kmobile/features/quick_pay/screens/quick_pay_outside_bank_screen.dart';
+import 'package:kmobile/features/quick_pay/screens/quick_pay_within_bank_screen.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+
+class QuickPayScreen extends StatefulWidget {
+  const QuickPayScreen({super.key});
+
+  @override
+  State<QuickPayScreen> createState() => _QuickPayScreen();
+}
+
+class _QuickPayScreen extends State<QuickPayScreen> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(
+          icon: const Icon(Symbols.arrow_back_ios_new),
+          onPressed: () {
+            Navigator.pop(context);
+          },
+        ),
+        title: const Text(
+          'Quick Pay',
+          style: TextStyle(color: Colors.black, fontWeight: FontWeight.w500),
+        ),
+        centerTitle: false,
+        actions: const [
+          Padding(
+            padding: EdgeInsets.only(right: 10.0),
+            child: CircleAvatar(
+              backgroundImage: AssetImage('assets/images/avatar.jpg'),
+              // Replace with your image
+              radius: 20,
+            ),
+          ),
+        ],
+      ),
+      body: ListView(
+        children: [
+          QuickPayManagementTile(
+            icon: Symbols.input_circle,
+            label: 'Own Bank',
+            onTap: () {
+              Navigator.push(
+                  context,
+                  MaterialPageRoute(
+                      builder: (context) => const QuickPayWithinBankScreen()));
+            },
+          ),
+          const Divider(
+            height: 1,
+          ),
+          QuickPayManagementTile(
+            icon: Symbols.output_circle,
+            label: 'Outside Bank',
+            onTap: () {
+              Navigator.push(
+                  context,
+                  MaterialPageRoute(
+                      builder: (context) => const QuickPayOutsideBankScreen()));
+            },
+          ),
+          const Divider(
+            height: 1,
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class QuickPayManagementTile extends StatelessWidget {
+  final IconData icon;
+  final String label;
+  final VoidCallback onTap;
+
+  const QuickPayManagementTile({
+    super.key,
+    required this.icon,
+    required this.label,
+    required this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return ListTile(
+      leading: Icon(icon),
+      title: Text(label),
+      trailing: const Icon(Symbols.arrow_right, size: 20),
+      onTap: onTap,
+    );
+  }
+}