Add team list and joining

frontend_splatournament_manager/lib/pages/home_page.dart

@@ -1,59 +1,145 @@
 import 'package:flutter/material.dart';
 import 'package:frontend_splatournament_manager/providers/tournament_provider.dart';
+import 'package:frontend_splatournament_manager/providers/team_provider.dart';
 import 'package:frontend_splatournament_manager/widgets/available_tournament_list.dart';
+import 'package:frontend_splatournament_manager/widgets/teams_list_widget.dart';
+import 'package:frontend_splatournament_manager/widgets/my_teams_widget.dart';
 import 'package:frontend_splatournament_manager/pages/create_tournament_page.dart';
+import 'package:frontend_splatournament_manager/pages/create_team_page.dart';
 import 'package:go_router/go_router.dart';
 import 'package:provider/provider.dart';
 
-class HomePage extends StatelessWidget {
+class HomePage extends StatefulWidget {
   const HomePage({super.key});
 
+  @override
+  State<HomePage> createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> with SingleTickerProviderStateMixin {
+  int _selectedIndex = 0;
+  late TabController _tabController;
+
+  @override
+  void initState() {
+    super.initState();
+    _tabController = TabController(length: 2, vsync: this);
+  }
+
+  @override
+  void dispose() {
+    _tabController.dispose();
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text("Splatournament"),
+        title: Text(_selectedIndex == 0 ? "Tournaments" : "Teams"),
+        bottom: _selectedIndex == 1
+            ? TabBar(
+                controller: _tabController,
+                tabs: const [
+                  Tab(text: 'All Teams'),
+                  Tab(text: 'My Teams'),
+                ],
+              )
+            : null,
         actions: [
           IconButton(
             onPressed: () async {
-              final tournamentProvider = Provider.of<TournamentProvider>(
-                context,
-                listen: false,
-              );
               try {
-                await tournamentProvider.refreshAvailableTournaments();
+                if (_selectedIndex == 0) {
+                  final tournamentProvider = Provider.of<TournamentProvider>(
+                    context,
+                    listen: false,
+                  );
+                  await tournamentProvider.refreshAvailableTournaments();
+                } else {
+                  final teamProvider = Provider.of<TeamProvider>(
+                    context,
+                    listen: false,
+                  );
+                  await teamProvider.refreshTeams();
+                }
               } catch (_) {
                 if (!context.mounted) return;
                 ScaffoldMessenger.of(context).showSnackBar(
-                  SnackBar(content: Text('Failed to refresh tournaments')),
+                  SnackBar(
+                    content: Text(
+                      'Failed to refresh ${_selectedIndex == 0 ? "tournaments" : "teams"}',
+                    ),
+                  ),
                 );
               }
             },
-            icon: Icon(Icons.refresh),
+            icon: const Icon(Icons.refresh),
           ),
           PopupMenuButton(
             onSelected: (value) {
               context.go("/settings");
             },
-            offset: Offset(0, 48),
+            offset: const Offset(0, 48),
             itemBuilder: (context) {
-              return [PopupMenuItem(value: 1, child: Text("Settings"))];
+              return [const PopupMenuItem(value: 1, child: Text("Settings"))];
             },
           ),
         ],
       ),
-      body: Container(
-        padding: EdgeInsets.fromLTRB(0, 12, 0, 36),
-        child: Column(children: [Spacer(), AvailableTournamentList()]),
+      body: IndexedStack(
+        index: _selectedIndex,
+        children: [
+          // Tournaments View
+          Container(
+            padding: const EdgeInsets.fromLTRB(0, 12, 0, 36),
+            child: Column(children: [const Spacer(), const AvailableTournamentList()]),
+          ),
+          // Teams View with tabs
+          TabBarView(
+            controller: _tabController,
+            children: const [
+              TeamsListWidget(),
+              MyTeamsWidget(),
+            ],
+          ),
+        ],
+      ),
+      bottomNavigationBar: BottomNavigationBar(
+        currentIndex: _selectedIndex,
+        onTap: (index) {
+          setState(() {
+            _selectedIndex = index;
+          });
+        },
+        items: const [
+          BottomNavigationBarItem(
+            icon: Icon(Icons.emoji_events),
+            label: 'Tournaments',
+          ),
+          BottomNavigationBarItem(
+            icon: Icon(Icons.groups),
+            label: 'Teams',
+          ),
+        ],
       ),
       floatingActionButton: FloatingActionButton(
         onPressed: () {
-          Navigator.push(
-            context,
-            MaterialPageRoute(
-              builder: (context) => const CreateTournamentPage(),
-            ),
-          );
+          if (_selectedIndex == 0) {
+            Navigator.push(
+              context,
+              MaterialPageRoute(
+                builder: (context) => const CreateTournamentPage(),
+              ),
+            );
+          } else {
+            Navigator.push(
+              context,
+              MaterialPageRoute(
+                builder: (context) => const CreateTeamPage(),
+              ),
+            );
+          }
         },
         child: const Icon(Icons.add),
       ),