card-management

lib/features/card/screens/card_management_screen.dart

@@ -0,0 +1,93 @@
+import 'package:flutter/material.dart';
+import 'package:kmobile/features/card/screens/block_card_screen.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+
+class CardManagementScreen extends StatefulWidget {
+  const CardManagementScreen({super.key});
+
+  @override
+  State<CardManagementScreen> createState() => _CardManagementScreen();
+}
+
+class _CardManagementScreen extends State<CardManagementScreen>{
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        automaticallyImplyLeading: false,
+        title: const Text('Card Management', 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: [
+          CardManagementTile(
+            icon: Symbols.add,
+            label: 'Apply Debit Card',
+            onTap: () {
+
+            },
+          ),
+
+          const Divider(height: 1,),
+
+          CardManagementTile(
+            icon: Symbols.remove_moderator,
+            label: 'Block / Unblock Card',
+            onTap: () {
+              Navigator.push(context, MaterialPageRoute(
+                  builder: (context) => const BlockCardScreen()));;
+            },
+          ),
+
+          const Divider(height: 1,),
+
+          CardManagementTile(
+            icon: Symbols.password_2,
+            label: 'Change Card PIN',
+            onTap: () {
+
+            },
+          ),
+
+          const Divider(height: 1,),
+
+        ],
+      ),
+    );
+  }
+}
+
+class CardManagementTile extends StatelessWidget {
+  final IconData icon;
+  final String label;
+  final VoidCallback onTap;
+
+  const CardManagementTile({
+    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: 16),
+      onTap: onTap,
+    );
+  }
+}
+