feat: main page

lib/presentation/pages/auth/pin/pin_page.dart

@@ -5,6 +5,7 @@ import 'package:flutter/services.dart';
 
 import '../../../../common/theme/theme.dart';
 import '../../../components/button/button.dart';
+import '../../../router/app_router.gr.dart';
 
 @RoutePage()
 class PinPage extends StatefulWidget {
@@ -92,6 +93,8 @@ class _PinPageState extends State<PinPage> {
         _verifyPin(currentPin);
       }
     }
+
+    context.router.push(MainRoute());
   }
 
   void _clearPinFields() {

lib/presentation/pages/main/main_page.dart

@@ -0,0 +1,24 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+
+import '../../router/app_router.gr.dart';
+import 'widgets/bottom_navbar.dart';
+
+@RoutePage()
+class MainPage extends StatelessWidget {
+  const MainPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return AutoTabsRouter.pageView(
+      routes: [HomeRoute(), VoucherRoute(), OrderRoute(), ProfileRoute()],
+      physics: const NeverScrollableScrollPhysics(),
+      builder: (context, child, pageController) => Scaffold(
+        body: child,
+        bottomNavigationBar: MainBottomNavbar(
+          tabsRouter: AutoTabsRouter.of(context),
+        ),
+      ),
+    );
+  }
+}

lib/presentation/pages/main/pages/home/home_page.dart

@@ -0,0 +1,12 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+
+@RoutePage()
+class HomePage extends StatelessWidget {
+  const HomePage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(child: Text('Home Page'));
+  }
+}

lib/presentation/pages/main/pages/order/order_page.dart

@@ -0,0 +1,12 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+
+@RoutePage()
+class OrderPage extends StatelessWidget {
+  const OrderPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(child: Text('Order Page'));
+  }
+}

lib/presentation/pages/main/pages/profile/profile_page.dart

@@ -0,0 +1,12 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+
+@RoutePage()
+class ProfilePage extends StatelessWidget {
+  const ProfilePage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(child: Text('Profile Page'));
+  }
+}

lib/presentation/pages/main/pages/voucher/voucher_page.dart

@@ -0,0 +1,12 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+
+@RoutePage()
+class VoucherPage extends StatelessWidget {
+  const VoucherPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(child: Text('Voucher Page'));
+  }
+}

lib/presentation/pages/main/widgets/bottom_navbar.dart

@@ -0,0 +1,39 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+
+class MainBottomNavbar extends StatelessWidget {
+  final TabsRouter tabsRouter;
+  const MainBottomNavbar({super.key, required this.tabsRouter});
+
+  @override
+  Widget build(BuildContext context) {
+    return BottomNavigationBar(
+      currentIndex: tabsRouter.activeIndex,
+      onTap: (index) {
+        tabsRouter.setActiveIndex(index);
+      },
+      items: const [
+        BottomNavigationBarItem(
+          icon: Icon(Icons.home),
+          label: 'Home',
+          tooltip: 'Home',
+        ),
+        BottomNavigationBarItem(
+          icon: Icon(Icons.card_giftcard),
+          label: 'Voucher',
+          tooltip: 'Voucher',
+        ),
+        BottomNavigationBarItem(
+          icon: Icon(Icons.list),
+          label: 'Pesanan',
+          tooltip: 'Pesanan',
+        ),
+        BottomNavigationBarItem(
+          icon: Icon(Icons.person),
+          label: 'Profil',
+          tooltip: 'Profil',
+        ),
+      ],
+    );
+  }
+}