mnemo_cards/lib/widgets/card_game/card_game_page.dart

import 'dart:math';

import 'package:auto_route/auto_route.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:mnemo_cards/features/tests/progress_widget.dart';
import 'package:mnemo_cards/main.dart';
import 'package:mnemo_cards/theme/themes.dart';
import 'package:mnemo_cards/utils/string_helper.dart';
import 'package:mnemo_cards_common/mnemo_cards_common.dart';
import 'package:rxdart/rxdart.dart';
import '../../di/locator.dart';
import '../../features/card_flipper/flip_card.dart';
import '../../features/card_flipper/flip_card_controllers.dart';
import '../../features/card_swiper/flutter_card_swiper.dart';
import 'card_game_main.dart';

@RoutePage()
class CardGamePage extends StatefulWidget {
  final int? startCardId;
  final CardPackDto cardPack;
  final bool infinite;

  const CardGamePage({
    required this.cardPack,
    this.startCardId,
    this.infinite = false,
    super.key,
  });

  @override
  State<StatefulWidget> createState() => _CardGamePageState();
}

class _CardGamePageState extends State<CardGamePage> {
  final CardSwiperController cardSwiperController = CardSwiperController();
  final FlipCardController flipCardController = FlipCardController();

  GameCardDto? get activeCard {
    final index = cardSwiperController.currentIndex;
    final cards = widget.cardPack.cards;
    if (index >= 0) {
      return cards[index % cards.length];
    }
    return null;
  }

  int get gameLength =>
      widget.infinite ? 10000000 : widget.cardPack.cards.length;

  @override
  Widget build(BuildContext context) {
    // todo move to controller
    final timer = Stream.periodic(Duration(seconds: 1), (tick) {
      return Duration(seconds: tick + 1);
    }).asBroadcastStream().take(3600).startWith(Duration.zero);

    return Scaffold(
      body: PopScope(
        child: SafeArea(
          child: LayoutBuilder(builder: (context, constraints) {
            return Column(
              children: [
                Expanded(
                  child: LayoutBuilder(
                    builder: (context, constraints) {
                      final aspectRatio =
                          constraints.maxHeight / constraints.maxWidth;
                      return Column(
                        children: [
                          if (aspectRatio > 14 / 9)
                            SizedBox(
                              height: (64.h -
                                      20.h -
                                      MediaQuery.of(context).padding.top) /
                                  2,
                            ),
                          if (aspectRatio > 14 / 9)
                            Padding(
                              padding: EdgeInsets.symmetric(horizontal: 10.w),
                              child: StreamBuilder(
                                stream: cardSwiperController.asStream,
                                builder: (context, snapshot) {
                                  if (!snapshot.hasData) {
                                    return SizedBox(
                                      height: 30,
                                    );
                                  }
                                  return ProgressWidget(
                                    widget.infinite
                                        ? null
                                        : List.filled(
                                            cardSwiperController.progress,
                                            Result.correct,
                                          ),
                                    widget.cardPack.cards.length,
                                    widget.cardPack.color?.asColor ??
                                        borderGray,
                                    timer: timer,
                                    popText: widget.infinite ? 'к теме' : null,
                                    key: ValueKey('CARDS PROGRESS'),
                                  );
                                },
                              ),
                            ),
                          if (aspectRatio > 14 / 9)
                            SizedBox(
                              height: (64.h -
                                      20.h -
                                      MediaQuery.of(context).padding.top) /
                                  2,
                            ),
                          Expanded(
                            child: Stack(
                              children: [
                                CardGameMainWidget(
                                  widget.cardPack,
                                  widget.startCardId,
                                  cardSwiperController,
                                  flipCardController,
                                  gameLength,
                                ),
                                if (aspectRatio <= 14 / 9)
                                  Align(
                                    alignment: Alignment.topLeft,
                                    child: IconButton(
                                      onPressed:
                                          AutoRouter.of(context).maybePop,
                                      icon: Icon(
                                        Icons.arrow_back_ios,
                                        color: Colors.black26,
                                      ),
                                    ),
                                  )
                              ],
                            ),
                          ),
                        ],
                      );
                    },
                  ),
                ),
                if (constraints.maxHeight / constraints.maxWidth > 17 / 9)
                  Hero(
                    tag: 'bottom',
                    createRectTween: (a, b) => RectTween(begin: a, end: b),
                    child: Material(
                      color: Colors.transparent,
                      child: StreamBuilder(
                          stream: cardSwiperController.asStream,
                          builder: (context, snapshot) {
                            return AnimatedContainer(
                              duration: Duration(milliseconds: 200),
                              height: activeCard == null ? 0 : 90.h,
                              padding: EdgeInsets.only(
                                left: 10.0.w,
                                right: 10.0.w,
                                bottom: 10.0.h,
                              ),
                              child: Row(
                                children: [
                                  Expanded(
                                    flex: 1,
                                    child: GestureDetector(
                                      onTap: () async {
                                        if (activeCard != null)
                                          await locator.favoriteCardsController
                                              .switchFavoriteCard(activeCard!);
                                      },
                                      child: StreamBuilder(
                                          stream: locator
                                              .favoriteCardsController.asStream,
                                          initialData: locator
                                              .favoriteCardsController.state,
                                          builder: (context, snapshot) {
                                            return Container(
                                              alignment: Alignment.center,
                                              decoration: BoxDecoration(
                                                color: Colors.white,
                                                border: Border.all(
                                                    color: borderGray),
                                                borderRadius:
                                                    BorderRadius.circular(16.0),
                                              ),
                                              padding: EdgeInsets.all(10.0.w),
                                              child: Image.asset(
                                                "icons/heart.png",
                                                width: 29.w,
                                                height: 29.h,
                                                color: locator
                                                        .favoriteCardsController
                                                        .isFavoriteCard(
                                                  activeCard?.id,
                                                )
                                                    ? Colors.red
                                                    : Colors.grey,
                                              ),
                                            );
                                          }),
                                    ),
                                  ),
                                  SizedBox(
                                    width: 10.0.w,
                                  ),
                                  Expanded(
                                    flex: 3,
                                    child: InkWell(
                                      onTap: () async {
                                        final direction = Random().nextBool()
                                            ? CardSwiperState.swipeLeft
                                            : CardSwiperState.swipeRight;
                                        cardSwiperController.swipe(
                                          direction: direction,
                                        );
                                      },
                                      child: Container(
                                        alignment: Alignment.center,
                                        decoration: BoxDecoration(
                                          color: Colors.white,
                                          border: Border.all(color: borderGray),
                                          borderRadius:
                                              BorderRadius.circular(16.0),
                                        ),
                                        padding: EdgeInsets.all(10.0.w),
                                        child: Text(
                                          'Дальше',
                                          style: TextStyle(
                                            fontSize: 25.sp,
                                            fontWeight: FontWeight.w500,
                                            height: 0.85,
                                          ),
                                        ),
                                      ),
                                    ),
                                  ),
                                ],
                              ),
                            );
                          }),
                    ),
                  )
              ],
            );
          }),
        ),
      ),
    );
  }

  @override
  void dispose() {
    // cardSwiperController.removeListener(cardSwiperListener);
    cardSwiperController.dispose();
    super.dispose();
  }
}