import 'package:cabo_counter/utility/globals.dart';
import 'package:cabo_counter/views/active_game_view.dart';
import 'package:cabo_counter/views/create_game_view.dart';
import 'package:cabo_counter/views/information_view.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class MainMenuView extends StatefulWidget {
  const MainMenuView({super.key});

  @override
  // ignore: library_private_types_in_public_api
  _MainMenuViewState createState() => _MainMenuViewState();
}

class _MainMenuViewState extends State<MainMenuView> {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        leading: IconButton(
            onPressed: () {
              Navigator.push(
                context,
                CupertinoPageRoute(
                  builder: (context) => const InformationView(),
                ),
              );
            },
            icon: const Icon(
              CupertinoIcons.info_circle,
              size: 30,
            )),
        middle: const Text('Cabo Counter'),
        trailing: IconButton(
            onPressed: () {
              Navigator.push(
                context,
                CupertinoPageRoute(
                  builder: (context) => const CreateGame(),
                ),
              );
            },
            icon: const Icon(CupertinoIcons.add)),
      ),
      child: CupertinoPageScaffold(
        child: SafeArea(
          child: ListView.builder(
            itemCount: Globals.gameList.length,
            itemBuilder: (context, index) {
              final session = Globals.gameList[index];
              return Padding(
                  padding: const EdgeInsets.symmetric(vertical: 10.0),
                  child: CupertinoListTile(
                    title: Text(session.gameTitle),
                    subtitle: session.isGameFinished == true
                        ? Text(
                            '\u{1F947} ${session.winner}',
                            style: const TextStyle(fontSize: 14),
                          )
                        : Text(
                            'Modus: ${_translateGameMode(session.gameHasPointLimit)}',
                            style: const TextStyle(fontSize: 14),
                          ),
                    trailing: Row(
                      children: [
                        Text('${session.roundNumber}'),
                        const SizedBox(width: 3),
                        const Icon(
                            CupertinoIcons.arrow_2_circlepath_circle_fill),
                        const SizedBox(width: 15),
                        Text('${session.players.length}'),
                        const SizedBox(width: 3),
                        const Icon(CupertinoIcons.person_2_fill),
                      ],
                    ),
                    onTap: () async {
                      //ignore: unused_local_variable
                      final val = await Navigator.push(
                        context,
                        CupertinoPageRoute(
                          builder: (context) => ActiveGameView(
                              gameSession: Globals.gameList[index]),
                        ),
                      );
                      setState(() {});
                    },
                  ));
            },
          ),
        ),
      ),
    );
  }

  String _translateGameMode(bool pointLimit) {
    if (pointLimit) return '101 Punkte';
    return 'Unbegrenzt';
  }
}