import 'package:cabo_counter/core/custom_theme.dart';
import 'package:cabo_counter/data/game_session.dart';
import 'package:cabo_counter/l10n/generated/app_localizations.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class PointsView extends StatefulWidget {
  final GameSession gameSession;

  const PointsView({super.key, required this.gameSession});

  @override
  State<PointsView> createState() => _PointsViewState();
}

class _PointsViewState extends State<PointsView> {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
        navigationBar: CupertinoNavigationBar(
          middle: Text(AppLocalizations.of(context).point_overview),
          previousPageTitle: AppLocalizations.of(context).overview,
        ),
        child: SafeArea(child: LayoutBuilder(builder: (context, constraints) {
          const double caboFieldWidthFactor = 0.2;
          const double tablePadding = 8;
          final int playerCount = widget.gameSession.players.length;
          const double roundColWidth = 35;
          final double playerColWidth =
              (constraints.maxWidth - roundColWidth - (tablePadding)) /
                  playerCount;

          return Column(
            children: [
              ConstrainedBox(
                constraints: BoxConstraints(maxWidth: constraints.maxWidth),
                child: Padding(
                  padding: const EdgeInsets.symmetric(horizontal: tablePadding),
                  child: DataTable(
                    dataRowMaxHeight: 0,
                    dataRowMinHeight: 0,
                    columnSpacing: 0,
                    horizontalMargin: 0,
                    columns: [
                      const DataColumn(
                        label: SizedBox(
                          width: roundColWidth,
                          child: Text(
                            '#',
                            style: TextStyle(fontWeight: FontWeight.bold),
                            textAlign: TextAlign.center,
                          ),
                        ),
                        numeric: true,
                      ),
                      ...widget.gameSession.players.map(
                        (player) => DataColumn(
                          label: SizedBox(
                            width: playerColWidth,
                            child: Padding(
                              padding:
                                  const EdgeInsets.symmetric(horizontal: 8),
                              child: Text(
                                player,
                                style: const TextStyle(
                                    fontWeight: FontWeight.bold),
                                overflow: TextOverflow.ellipsis,
                                softWrap: true,
                                maxLines: 2,
                                textAlign: TextAlign.center,
                              ),
                            ),
                          ),
                        ),
                      ),
                    ],
                    rows: const [],
                  ),
                ),
              ),
              Expanded(
                child: SingleChildScrollView(
                    scrollDirection: Axis.vertical,
                    child: ConstrainedBox(
                      constraints:
                          BoxConstraints(maxWidth: constraints.maxWidth),
                      child: Padding(
                        padding: const EdgeInsets.symmetric(
                            horizontal: tablePadding),
                        child: DataTable(
                          dataRowMaxHeight: 75,
                          dataRowMinHeight: 75,
                          columnSpacing: 0,
                          horizontalMargin: 0,
                          headingRowHeight: 0,
                          columns: [
                            const DataColumn(
                              label: SizedBox(
                                width: roundColWidth,
                                child: Text(
                                  '#',
                                  style: TextStyle(fontWeight: FontWeight.bold),
                                  textAlign: TextAlign.center,
                                ),
                              ),
                              numeric: true,
                            ),
                            ...widget.gameSession.players.map(
                              (player) => DataColumn(
                                label: SizedBox(
                                  width: playerColWidth,
                                  child: Padding(
                                    padding: const EdgeInsets.symmetric(
                                        horizontal: 8),
                                    child: Text(
                                      player,
                                      style: const TextStyle(
                                          fontWeight: FontWeight.bold),
                                      overflow: TextOverflow.ellipsis,
                                      softWrap: true,
                                      maxLines: 2,
                                      textAlign: TextAlign.center,
                                    ),
                                  ),
                                ),
                              ),
                            ),
                          ],
                          rows: [
                            ...List<DataRow>.generate(
                              widget.gameSession.roundList.length,
                              (roundIndex) {
                                final round =
                                    widget.gameSession.roundList[roundIndex];
                                return DataRow(
                                  cells: [
                                    DataCell(Align(
                                      alignment: Alignment.center,
                                      child: Text(
                                        '${roundIndex + 1}',
                                        style: const TextStyle(fontSize: 20),
                                      ),
                                    )),
                                    ...List.generate(
                                        widget.gameSession.players.length,
                                        (playerIndex) {
                                      final int score =
                                          round.scores[playerIndex];
                                      final int update =
                                          round.scoreUpdates[playerIndex];
                                      final bool saidCabo =
                                          round.caboPlayerIndex == playerIndex;
                                      return DataCell(Center(
                                        child: Padding(
                                          padding: const EdgeInsets.symmetric(
                                              vertical: 6.0),
                                          child: Container(
                                            width: playerColWidth *
                                                (playerCount *
                                                    caboFieldWidthFactor), // Adjust width based on amount of players
                                            decoration: BoxDecoration(
                                              color: saidCabo
                                                  ? CustomTheme
                                                      .buttonBackgroundColor
                                                  : CupertinoColors.transparent,
                                              borderRadius:
                                                  BorderRadius.circular(5),
                                            ),
                                            child: Column(
                                              mainAxisAlignment:
                                                  MainAxisAlignment.center,
                                              children: [
                                                const SizedBox(
                                                  height: 5,
                                                ),
                                                Container(
                                                  padding: const EdgeInsets
                                                      .symmetric(
                                                      horizontal: 6,
                                                      vertical: 2),
                                                  decoration: BoxDecoration(
                                                    color: update <= 0
                                                        ? CustomTheme
                                                            .pointLossColor
                                                        : CustomTheme
                                                            .pointGainColor,
                                                    borderRadius:
                                                        BorderRadius.circular(
                                                            6),
                                                  ),
                                                  child: Text(
                                                    '${update >= 0 ? '+' : ''}$update',
                                                    style: const TextStyle(
                                                      color:
                                                          CupertinoColors.white,
                                                      fontWeight:
                                                          FontWeight.bold,
                                                    ),
                                                  ),
                                                ),
                                                const SizedBox(height: 4),
                                                Text(
                                                  '$score',
                                                  style: TextStyle(
                                                    color: CustomTheme.white,
                                                    fontWeight: saidCabo
                                                        ? FontWeight.bold
                                                        : FontWeight.normal,
                                                  ),
                                                ),
                                              ],
                                            ),
                                          ),
                                        ),
                                      ));
                                    }),
                                  ],
                                );
                              },
                            ),
                            DataRow(
                              cells: [
                                const DataCell(Align(
                                  alignment: Alignment.center,
                                  child: Text(
                                    'Σ',
                                    style: TextStyle(
                                        fontSize: 25,
                                        fontWeight: FontWeight.bold),
                                  ),
                                )),
                                ...widget.gameSession.playerScores.map(
                                  (score) => DataCell(
                                    Center(
                                      child: Text(
                                        '$score',
                                        style: const TextStyle(
                                            fontSize: 20,
                                            fontWeight: FontWeight.bold),
                                      ),
                                    ),
                                  ),
                                ),
                              ],
                            ),
                          ],
                        ),
                      ),
                    )),
              ),
            ],
          );
        })));
  }
}