IMPS implementation

lib/features/service/screens/branch_locator_screen.dart

@@ -1,43 +1,148 @@
 import '../../../l10n/app_localizations.dart';
 import 'package:flutter/material.dart';
 
-class BranchLocatorScreen extends StatelessWidget {
+class Branch {
+  final String name;
+  final String code;
+  final String ifsc;
+  final String address;
+
+  Branch({required this.name, required this.code, required this.ifsc, required this.address,});
+}
+
+class BranchLocatorScreen extends StatefulWidget {
   const BranchLocatorScreen({super.key});
 
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        title: Text(AppLocalizations.of(context).branchLocator),
-      ),
-      body: Center(
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            Icon(
-              Icons.location_on,
-              size: 80,
-              color: Theme.of(context).primaryColor,
-            ),
-            const SizedBox(height: 16),
-            Text(
-              AppLocalizations.of(context).findnearbybranched,
-              style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
-            ),
-            const SizedBox(height: 24),
-            ElevatedButton.icon(
-              icon: const Icon(Icons.search),
-              label: Text( AppLocalizations.of(context).searchbranch),
-              onPressed: () {
-                // Place API here
-                ScaffoldMessenger.of(context).showSnackBar(
-                  SnackBar(content: Text( AppLocalizations.of(context).branchsearchsoon)),
-                );
-              },
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-}
+@override
+State<BranchLocatorScreen> createState() => _BranchLocatorScreenState();
+}
+
+class _BranchLocatorScreenState extends State<BranchLocatorScreen> {
+final TextEditingController _searchController = TextEditingController();
+
+// Static list of 5 branches
+final List<Branch> _branches = [
+Branch(name: "Dharamsala - Head Office", code: "002", ifsc: "KACE0000002", address: "Civil Lines Dharmashala, Kangra, HP - 176215"),
+Branch(name: "Kangra", code: "033", ifsc: "KACE0000033", address: "Rajput Bhawankangrapo Kangra, Kangra, HP "),
+];
+
+List<Branch> _filteredBranches = [];
+
+@override
+void initState() {
+super.initState();
+_filteredBranches = _branches; // Initially show all branches
+}
+
+void _filterBranches(String query) {
+setState(() {
+if (query.isEmpty) {
+_filteredBranches = _branches;
+} else {
+_filteredBranches = _branches.where((branch) {
+final lowerQuery = query.toLowerCase();
+return branch.name.toLowerCase().contains(lowerQuery) ||
+branch.code.toLowerCase().contains(lowerQuery) ||
+branch.ifsc.toLowerCase().contains(lowerQuery) ||
+branch.address.toLowerCase().contains(lowerQuery);
+}).toList();
+}
+});
+}
+
+
+
+//   @override
+//   Widget build(BuildContext context) {
+//     return Scaffold(
+//       appBar: AppBar(
+//         title: Text(AppLocalizations.of(context).branchLocator),
+//       ),
+//       body: Center(
+//         child: Column(
+//           mainAxisAlignment: MainAxisAlignment.center,
+//           children: [
+//             Icon(
+//               Icons.location_on,
+//               size: 80,
+//               color: Theme.of(context).primaryColor,
+//             ),
+//             const SizedBox(height: 16),
+//             Text(
+//               AppLocalizations.of(context).findnearbybranched,
+//               style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
+//             ),
+//             const SizedBox(height: 24),
+//             ElevatedButton.icon(
+//               icon: const Icon(Icons.search),
+//               label: Text( AppLocalizations.of(context).searchbranch),
+//               onPressed: () {
+//                 // Place API here
+                
+//                 // ScaffoldMessenger.of(context).showSnackBar(
+//                 //   SnackBar(content: Text( AppLocalizations.of(context).branchsearchsoon)),
+//                 // );
+//               },
+//             ),
+//           ],
+//         ),
+//       ),
+//     );
+//   }
+// }
+
+@override
+Widget build(BuildContext context) {
+return Scaffold(
+appBar: AppBar(
+title: Text(AppLocalizations.of(context).branchLocator),
+),
+body: Column(
+children: [
+// Search bar
+Padding(
+padding: const EdgeInsets.all(12.0),
+child: TextField(
+controller: _searchController,
+onChanged: _filterBranches,
+decoration: InputDecoration(
+hintText: AppLocalizations.of(context).searchbranchby,
+prefixIcon: const Icon(Icons.search),
+border: OutlineInputBorder(
+borderRadius: BorderRadius.circular(12),
+),
+),
+),
+),
+
+// List of branches
+Expanded(
+child: _filteredBranches.isEmpty
+? const Center(child: Text("No matching branches found"))
+: ListView.builder(
+itemCount: _filteredBranches.length,
+itemBuilder: (context, index) {
+final branch = _filteredBranches[index];
+return Card(
+margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+child: ListTile(
+leading: Icon(Icons.location_city, color: Theme.of(context).primaryColor),
+title: Text(branch.name, style: const TextStyle(fontWeight: FontWeight.bold)),
+subtitle: Text("Code: ${branch.code} | IFSC: ${branch.ifsc} \nBranch Address: ${branch.address}"),
+onTap: () {
+ScaffoldMessenger.of(context).showSnackBar(
+SnackBar(content: Text("Selected ${branch.name}")),
+);
+},
+),
+);
+},
+),
+),
+],
+),
+);
+}
+}
+
+