Implement CustomRadioListTile and update GameResultView to select a winner currently without saving to the db

lib/presentation/views/main_menu/game_result_view.dart

@@ -3,6 +3,8 @@ import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/data/dto/game.dart';
 import 'package:game_tracker/data/dto/player.dart';
 import 'package:game_tracker/presentation/widgets/buttons/custom_width_button.dart';
+import 'package:game_tracker/presentation/widgets/tiles/custom_radio_list_tile.dart';
+import 'package:game_tracker/presentation/widgets/top_centered_message.dart';
 
 class GameResultView extends StatefulWidget {
   final Game game;
@@ -15,6 +17,7 @@ class GameResultView extends StatefulWidget {
 
 class _GameResultViewState extends State<GameResultView> {
   late final List<Player> allPlayers;
+  Player? _player;
 
   @override
   void initState() {
@@ -64,16 +67,36 @@ class _GameResultViewState extends State<GameResultView> {
                         fontWeight: FontWeight.bold,
                       ),
                     ),
-                    Expanded(
-                      child: ListView.builder(
-                        itemCount: allPlayers.length,
-                        itemBuilder: (context, index) {
-                          //TODO: Implement Custom RadioListTile, see text_icon_list_tile
-                          return RadioListTile<Player>(
-                            title: Text(allPlayers[index].name),
-                            value: allPlayers[index],
-                          );
-                        },
+                    Visibility(
+                      visible: allPlayers.isNotEmpty,
+                      replacement: TopCenteredMessage(
+                        icon: Icons.info,
+                        title: "Info",
+                        message: "No players in this game.",
+                      ),
+                      child: Expanded(
+                        child: RadioGroup<Player>(
+                          groupValue: _player,
+                          onChanged: (Player? value) {
+                            setState(() {
+                              _player = value;
+                            });
+                          },
+                          child: ListView.builder(
+                            itemCount: allPlayers.length,
+                            itemBuilder: (context, index) {
+                              return CustomRadioListTile(
+                                text: allPlayers[index].name,
+                                value: allPlayers[index],
+                                onContainerTap: (value) {
+                                  setState(() {
+                                    _player = value;
+                                  });
+                                },
+                              );
+                            },
+                          ),
+                        ),
                       ),
                     ),
                   ],
@@ -83,7 +106,12 @@ class _GameResultViewState extends State<GameResultView> {
             CustomWidthButton(
               text: "Save",
               sizeRelativeToWidth: 0.95,
-              onPressed: null,
+              onPressed: _player != null
+                  ? () {
+                      print("Selected Winner: ${_player!.name}");
+                      Navigator.pop(context);
+                    }
+                  : null,
             ),
             SizedBox(height: 10),
           ],

lib/presentation/widgets/tiles/custom_radio_list_tile.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/material.dart';
+import 'package:game_tracker/core/custom_theme.dart';
+
+class CustomRadioListTile<T> extends StatelessWidget {
+  final String text;
+  final T value;
+  final ValueChanged<T> onContainerTap;
+
+  const CustomRadioListTile({
+    super.key,
+    required this.text,
+    required this.value,
+    required this.onContainerTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () => onContainerTap(value),
+      child: Container(
+        margin: const EdgeInsets.symmetric(horizontal: 5, vertical: 5),
+        padding: const EdgeInsets.symmetric(horizontal: 2),
+        decoration: BoxDecoration(
+          color: CustomTheme.boxColor,
+          border: Border.all(color: CustomTheme.boxBorder),
+          borderRadius: BorderRadius.circular(12),
+        ),
+        child: Padding(
+          padding: const EdgeInsets.symmetric(vertical: 5),
+          child: Row(
+            children: [
+              Radio<T>(value: value, activeColor: CustomTheme.primaryColor),
+              Expanded(
+                child: Text(
+                  text,
+                  overflow: TextOverflow.ellipsis,
+                  style: const TextStyle(
+                    fontSize: 16,
+                    fontWeight: FontWeight.w500,
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}