feat: merchant page

2025-08-28 01:11:19 +07:00
parent 627de219cb
commit d86c38e77c
12 changed files with 618 additions and 121 deletions
@@ -0,0 +1,193 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+
+import '../../../common/theme/theme.dart';
+import '../../components/field/field.dart';
+import 'widgets/empty_merchant_card.dart';
+import 'widgets/merchant_card.dart';
+
+@RoutePage()
+class MerchantPage extends StatefulWidget {
+  const MerchantPage({super.key});
+
+  @override
+  State<MerchantPage> createState() => _MerchantPageState();
+}
+
+class _MerchantPageState extends State<MerchantPage> {
+  final TextEditingController _searchController = TextEditingController();
+  final List<MerchantModel> _allMerchants = _generateMockMerchants();
+  List<MerchantModel> _filteredMerchants = [];
+
+  @override
+  void initState() {
+    super.initState();
+    _filteredMerchants = _allMerchants;
+  }
+
+  @override
+  void dispose() {
+    _searchController.dispose();
+    super.dispose();
+  }
+
+  void _filterMerchants(String query) {
+    setState(() {
+      if (query.isEmpty) {
+        _filteredMerchants = _allMerchants;
+      } else {
+        _filteredMerchants = _allMerchants
+            .where(
+              (merchant) =>
+                  merchant.name.toLowerCase().contains(query.toLowerCase()) ||
+                  merchant.category.toLowerCase().contains(query.toLowerCase()),
+            )
+            .toList();
+      }
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: AppColor.background,
+      appBar: AppBar(
+        title: Text('Merchants'),
+        bottom: PreferredSize(
+          preferredSize: const Size.fromHeight(70),
+          child: SearchTextField(
+            hintText: 'Search merchants...',
+            prefixIcon: Icons.search,
+            controller: _searchController,
+            onClear: () {
+              _searchController.clear();
+              _filterMerchants('');
+            },
+          ),
+        ),
+      ),
+      body: _filteredMerchants.isEmpty
+          ? _buildEmptyState()
+          : Padding(
+              padding: const EdgeInsets.all(16),
+              child: GridView.builder(
+                gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
+                  crossAxisCount: 2,
+                  crossAxisSpacing: 16,
+                  mainAxisSpacing: 16,
+                  childAspectRatio: 0.85,
+                ),
+                itemCount: _filteredMerchants.length,
+                itemBuilder: (context, index) {
+                  return _buildMerchantCard(_filteredMerchants[index]);
+                },
+              ),
+            ),
+    );
+  }
+
+  Widget _buildMerchantCard(MerchantModel merchant) {
+    return MerchantCard(
+      merchant: merchant,
+      onTap: () {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text('Selected ${merchant.name}'),
+            backgroundColor: AppColor.primary,
+          ),
+        );
+      },
+    );
+  }
+
+  Widget _buildEmptyState() {
+    return const EmptyMerchantCard();
+  }
+
+  static List<MerchantModel> _generateMockMerchants() {
+    return [
+      MerchantModel(
+        id: '1',
+        name: 'Warung Makan Sederhana',
+        category: 'Food & Beverage',
+        rating: 4.5,
+        isOpen: true,
+        imageUrl: 'https://via.placeholder.com/150',
+      ),
+      MerchantModel(
+        id: '2',
+        name: 'Toko Elektronik',
+        category: 'Electronics',
+        rating: 4.2,
+        isOpen: true,
+        imageUrl: 'https://via.placeholder.com/150',
+      ),
+      MerchantModel(
+        id: '3',
+        name: 'Apotek Sehat',
+        category: 'Healthcare',
+        rating: 4.8,
+        isOpen: false,
+        imageUrl: 'https://via.placeholder.com/150',
+      ),
+      MerchantModel(
+        id: '4',
+        name: 'Fashion Store',
+        category: 'Clothing',
+        rating: 4.1,
+        isOpen: true,
+        imageUrl: 'https://via.placeholder.com/150',
+      ),
+      MerchantModel(
+        id: '5',
+        name: 'Bengkel Motor',
+        category: 'Automotive',
+        rating: 4.3,
+        isOpen: true,
+        imageUrl: 'https://via.placeholder.com/150',
+      ),
+      MerchantModel(
+        id: '6',
+        name: 'Minimarket 24',
+        category: 'Retail',
+        rating: 4.0,
+        isOpen: true,
+        imageUrl: 'https://via.placeholder.com/150',
+      ),
+      MerchantModel(
+        id: '7',
+        name: 'Salon Kecantikan',
+        category: 'Beauty',
+        rating: 4.6,
+        isOpen: false,
+        imageUrl: 'https://via.placeholder.com/150',
+      ),
+      MerchantModel(
+        id: '8',
+        name: 'Laundry Express',
+        category: 'Service',
+        rating: 4.4,
+        isOpen: true,
+        imageUrl: 'https://via.placeholder.com/150',
+      ),
+    ];
+  }
+}
+
+class MerchantModel {
+  final String id;
+  final String name;
+  final String category;
+  final double rating;
+  final bool isOpen;
+  final String imageUrl;
+
+  MerchantModel({
+    required this.id,
+    required this.name,
+    required this.category,
+    required this.rating,
+    required this.isOpen,
+    required this.imageUrl,
+  });
+}