import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:mchess/chess_bloc/chess_bloc.dart';

import 'package:mchess/chessapp/chess_board.dart';
import 'package:mchess/chessapp/turn_indicator_widget.dart';
import 'package:mchess/connection_cubit/connection_cubit.dart';

import '../connection/ws_connection.dart';
import '../utils/widgets/server_log_widget.dart';

class ChessApp extends StatelessWidget {
  const ChessApp({super.key});

  @override
  Widget build(BuildContext context) {
    return BlocProvider(
      create: (_) => ConnectionCubit.getInstance(),
      child: BlocProvider(
        create: (_) => ChessBloc.getInstance(),
        child: MaterialApp(
          title: 'mChess v0.1.20',
          home: Scaffold(
            body: Container(
              decoration: const BoxDecoration(
                gradient: LinearGradient(
                  begin: Alignment.topCenter,
                  end: Alignment.bottomCenter,
                  colors: [
                    Color.fromARGB(255, 20, 20, 20),
                    Color.fromARGB(255, 30, 30, 30),
                    Color.fromARGB(255, 40, 40, 40),
                  ],
                ),
              ),
              child: Center(
                  child: FittedBox(
                fit: BoxFit.contain,
                child: Row(
                  children: [
                    StreamBuilder(
                      stream: ServerConnection.getInstance().broadcast,
                      builder: (context, snapshot) {
                        return ServerLogWidget(
                          snapshot.data ?? "<snapshot empty>",
                          textColor: Colors.white,
                        );
                      },
                    ),
                    Container(
                      margin: const EdgeInsets.all(20),
                      child: BlocBuilder<ChessBloc, ChessBoardState>(
                        builder: (context, state) {
                          return ChessBoard(
                            bState: state,
                          );
                        },
                      ),
                    ),
                    const TurnIndicator(),
                  ],
                ),
              )),
            ),
            floatingActionButton: FloatingActionButton(
              onPressed: () {
                ConnectionCubit.getInstance().reconnect();
              },
              child: const Icon(Icons.network_wifi),
            ),
          ),
        ),
      ),
    );
  }
}