Start adding a team profile dialog

Author: SiekamCebule

lib/ui/screens/simulation/large/subscreens/__teams_screen.dart

@@ -152,16 +152,30 @@ class _ListView extends StatelessWidget {
         return CountryTeamOverviewListTile(
           team: teams.elementAt(index),
           onTap: () async {
+            final team = teams.elementAt(index);
+            final flagsRepo = context.read<CountryFlagsRepo>();
             await showDialog(
               context: context,
               builder: (context) {
-                return SizedBox(
-                  child: AlertDialog(
-                    title: Text('Profil drużyny'),
-                    content: SizedBox(
-                      width: MediaQuery.of(context).size.width * 0.8,
-                      height: MediaQuery.of(context).size.height * 0.8,
-                      child: Placeholder(),
+                return MultiProvider(
+                  providers: [
+                    Provider.value(value: flagsRepo),
+                  ],
+                  child: Center(
+                    child: ClipRRect(
+                      borderRadius: BorderRadius.circular(15),
+                      child: Container(
+                        width: MediaQuery.of(context).size.width * 0.7,
+                        height: MediaQuery.of(context).size.height * 0.8,
+                        padding: const EdgeInsets.all(6),
+                        decoration: BoxDecoration(
+                          color: Theme.of(context).colorScheme.surfaceContainerHigh,
+                          borderRadius: BorderRadius.circular(15),
+                        ),
+                        child: CountryTeamProfileWidget(
+                          team: team,
+                        ),
+                      ),
                     ),
                   ),
                 );

lib/ui/screens/simulation/large/widgets/teams/country_team_overview_list_tile.dart

@@ -1,8 +1,7 @@
 import 'package:flutter/material.dart';
-import 'package:material_symbols_icons/material_symbols_icons.dart';
-import 'package:sj_manager/models/user_db/sex.dart';
 import 'package:sj_manager/models/user_db/team/country_team/country_team.dart';
 import 'package:sj_manager/ui/reusable_widgets/countries/country_flag.dart';
+import 'package:sj_manager/utils/icons.dart';
 
 class CountryTeamOverviewListTile extends StatelessWidget {
   const CountryTeamOverviewListTile({
@@ -20,10 +19,6 @@ class CountryTeamOverviewListTile extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final sexIconData = switch (team.sex) {
-      Sex.male => Symbols.male,
-      Sex.female => Symbols.female,
-    };
     final countryName = team.country.multilingualName.translate(context);
     final titleText = countryName;
 
@@ -33,7 +28,7 @@ class CountryTeamOverviewListTile extends StatelessWidget {
         width: 30,
       ),
       title: Text(titleText),
-      trailing: Icon(sexIconData),
+      trailing: Icon(sexIconData(team.sex)),
       onTap: onTap,
       selected: selected,
     );

lib/ui/screens/simulation/large/widgets/teams/country_team_profile_widget.dart

@@ -0,0 +1,66 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+import 'package:sj_manager/models/user_db/team/country_team/country_team.dart';
+import 'package:sj_manager/ui/reusable_widgets/countries/country_flag.dart';
+import 'package:sj_manager/utils/icons.dart';
+
+class CountryTeamProfileWidget extends StatefulWidget {
+  const CountryTeamProfileWidget({
+    super.key,
+    required this.team,
+  });
+
+  final CountryTeam team;
+
+  @override
+  State<CountryTeamProfileWidget> createState() => _CountryTeamProfileWidgetState();
+}
+
+class _CountryTeamProfileWidgetState extends State<CountryTeamProfileWidget> {
+  @override
+  Widget build(BuildContext context) {
+    final backgroundColor = Theme.of(context).colorScheme.surfaceContainerHigh;
+    return Scaffold(
+      backgroundColor: backgroundColor,
+      appBar: AppBar(
+        backgroundColor: backgroundColor,
+        title: Row(
+          children: [
+            CountryFlag(
+              country: widget.team.country,
+              height: 20,
+            ),
+            const Gap(13),
+            Text(widget.team.country.multilingualName.translate(context)),
+            const Gap(8),
+            Icon(sexIconData(widget.team.sex)),
+          ],
+        ),
+      ),
+      body: DefaultTabController(
+        length: 3,
+        child: Column(
+          children: [
+            TabBar(
+              tabs: [
+                Tab(
+                  text: 'Przegląd',
+                  icon: Icon(Symbols.overview),
+                ),
+                Tab(
+                  text: 'Kadry',
+                  icon: Icon(Symbols.groups),
+                ),
+                Tab(
+                  text: 'Statystyki',
+                  icon: Icon(Symbols.analytics),
+                ),
+              ],
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/ui/screens/simulation/simulation_route.dart

@@ -20,6 +20,7 @@ import 'package:sj_manager/models/simulation/database/helper/simulation_database
 import 'package:sj_manager/models/simulation/flow/simulation_mode.dart';
 import 'package:sj_manager/models/user_db/sex.dart';
 import 'package:sj_manager/repositories/countries/countries_repo.dart';
+import 'package:sj_manager/repositories/countries/country_flags/country_flags_repo.dart';
 import 'package:sj_manager/ui/database_item_editors/fields/my_search_bar.dart';
 import 'package:sj_manager/ui/responsiveness/responsive_builder.dart';
 import 'package:sj_manager/ui/reusable_widgets/card_with_title.dart';
@@ -39,6 +40,7 @@ import 'package:sj_manager/ui/screens/simulation/large/widgets/team/team_screen/
 import 'package:sj_manager/ui/screens/simulation/large/widgets/team/team_screen/team_screen_personal_coach_bottom_bar.dart';
 import 'package:sj_manager/ui/screens/simulation/large/widgets/team/team_screen/team_summary_card.dart';
 import 'package:sj_manager/ui/screens/simulation/large/widgets/teams/country_team_overview_list_tile.dart';
+import 'package:sj_manager/ui/screens/simulation/large/widgets/teams/country_team_profile_widget.dart';
 import 'package:sj_manager/utils/filtering.dart';
 import 'package:sj_manager/utils/show_dialog.dart';
 import 'package:sj_manager/utils/translating.dart';

lib/utils/icons.dart

@@ -0,0 +1,10 @@
+import 'package:flutter/material.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+import 'package:sj_manager/models/user_db/sex.dart';
+
+IconData sexIconData(Sex sex) {
+  return switch (sex) {
+    Sex.male => Symbols.male,
+    Sex.female => Symbols.female,
+  };
+}