// ignore_for_file: public_member_api_docs

import 'package:flame/game.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:leaderboard_repository/leaderboard_repository.dart';
import 'package:pinball/assets_manager/assets_manager.dart';
import 'package:pinball/game/game.dart';
import 'package:pinball/l10n/l10n.dart';
import 'package:pinball/select_character/select_character.dart';
import 'package:pinball/start_game/start_game.dart';
import 'package:pinball_audio/pinball_audio.dart';
import 'package:pinball_ui/pinball_ui.dart';

class PinballGamePage extends StatelessWidget {
  const PinballGamePage({
    Key? key,
    this.isDebugMode = kDebugMode,
  }) : super(key: key);

  final bool isDebugMode;

  static Route route({
    bool isDebugMode = kDebugMode,
  }) {
    return MaterialPageRoute<void>(
      builder: (context) {
        return PinballGamePage(
          isDebugMode: isDebugMode,
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    final characterTheme =
        context.read<CharacterThemeCubit>().state.characterTheme;
    final player = context.read<PinballPlayer>();
    final leaderboardRepository = context.read<LeaderboardRepository>();

    final game = isDebugMode
        ? DebugPinballGame(
            characterTheme: characterTheme,
            player: player,
            leaderboardRepository: leaderboardRepository,
            l10n: context.l10n,
          )
        : PinballGame(
            characterTheme: characterTheme,
            player: player,
            leaderboardRepository: leaderboardRepository,
            l10n: context.l10n,
          );

    final loadables = [
      ...game.preLoadAssets(),
      ...player.load(),
      ...BonusAnimation.loadAssets(),
      ...SelectedCharacter.loadAssets(),
    ];

    return MultiBlocProvider(
      providers: [
        BlocProvider(create: (_) => GameBloc()),
        BlocProvider(create: (_) => AssetsManagerCubit(loadables)..load()),
      ],
      child: PinballGameView(game: game),
    );
  }
}

class PinballGameView extends StatelessWidget {
  const PinballGameView({
    Key? key,
    required this.game,
  }) : super(key: key);

  final PinballGame game;

  @override
  Widget build(BuildContext context) {
    final isLoading = context.select(
      (AssetsManagerCubit bloc) => bloc.state.progress != 1,
    );
    return Container(
      decoration: const CrtBackground(),
      child: Scaffold(
        backgroundColor: PinballColors.transparent,
        body: isLoading
            ? const AssetsLoadingPage()
            : PinballGameLoadedView(game: game),
      ),
    );
  }
}

@visibleForTesting
class PinballGameLoadedView extends StatelessWidget {
  const PinballGameLoadedView({
    Key? key,
    required this.game,
  }) : super(key: key);

  final PinballGame game;

  @override
  Widget build(BuildContext context) {
    final isPlaying = context.select(
      (StartGameBloc bloc) => bloc.state.status == StartGameStatus.play,
    );
    final gameWidgetWidth = MediaQuery.of(context).size.height * 9 / 16;
    final screenWidth = MediaQuery.of(context).size.width;
    final leftMargin = (screenWidth / 2) - (gameWidgetWidth / 1.8);
    final clampedMargin = leftMargin > 0 ? leftMargin : 0.0;

    return StartGameListener(
      child: Stack(
        children: [
          Positioned.fill(
            child: GameWidget<PinballGame>(
              game: game,
              initialActiveOverlays: const [PinballGame.playButtonOverlay],
              overlayBuilderMap: {
                PinballGame.playButtonOverlay: (context, game) {
                  return const Positioned(
                    bottom: 20,
                    right: 0,
                    left: 0,
                    child: PlayButtonOverlay(),
                  );
                },
              },
            ),
          ),
          Positioned(
            top: 0,
            left: clampedMargin,
            child: Visibility(
              visible: isPlaying,
              child: const GameHud(),
            ),
          ),
        ],
      ),
    );
  }
}