MovieLab/lib/pages/show/show_page/show_page.dart

import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter_spinkit/flutter_spinkit.dart';
import 'package:movielab/constants/colors.dart';
import 'package:movielab/constants/types.dart';
import 'package:movielab/modules/get_show_info.dart';
import 'package:movielab/modules/preferences_shareholder.dart';
import 'package:movielab/modules/system_ui_overlay_style.dart';
import 'package:movielab/pages/show/show_page/sections/media.dart';
import 'package:movielab/pages/show/show_page/sections/other_ratings/other_ratings.dart';
import 'package:movielab/widgets/error.dart';
import 'sections/bottom_bar/bottom_bar.dart';
import 'sections/bottom_bar/sections/external_sites/external_sites.dart';
import 'sections/index.dart';
import 'sections/bottom_bar/watchtime.dart';

// ignore: must_be_immutable
class ShowPage extends StatefulWidget {
  String id;
  ShowPage({Key? key, required this.id}) : super(key: key);

  @override
  State<ShowPage> createState() => _ShowPageState();
}

class _ShowPageState extends State<ShowPage> with TickerProviderStateMixin {
  RequestResult _loadingStatus = RequestResult.LOADING;
  dynamic show;
  Map<String, bool> _isThereInLists = {};
  ScrollController _scrollController = ScrollController();
  bool _isBottomAppBarVisible = true;
  final preferencesShareholder = PreferencesShareholder();

  @override
  void initState() {
    super.initState();
    setSystemUIOverlayStyle(
        systemUIOverlayStyle: SystemUIOverlayStyle.DARK,
        color: const Color(0xff132D4E));
    _scrollController = ScrollController();
    _scrollController.addListener(() {
      if (_scrollController.position.userScrollDirection ==
          ScrollDirection.reverse) {
        if (_isBottomAppBarVisible) {
          setState(() {
            _isBottomAppBarVisible = false;
          });
        }
      }
      if (_scrollController.position.userScrollDirection ==
          ScrollDirection.forward) {
        if (!_isBottomAppBarVisible) {
          setState(() {
            _isBottomAppBarVisible = true;
          });
        }
      }
    });
    loadShowData();
  }

  @override
  void dispose() {
    super.dispose();
    setSystemUIOverlayStyle(systemUIOverlayStyle: SystemUIOverlayStyle.DARK);
    _scrollController.removeListener(() {});
  }

  @override
  Widget build(BuildContext context) {
    return AnimatedSwitcher(
        duration: const Duration(milliseconds: 200), child: _buildBody());
  }

  Widget _buildBody() {
    switch (show) {
      case null:
        return Scaffold(
          backgroundColor: kBackgroundColor,
          body: AnimatedSwitcher(
              duration: const Duration(milliseconds: 300),
              child: _buildLoadingError()),
        );
      default:
        return Scaffold(
          resizeToAvoidBottomInset: true,
          backgroundColor: kBackgroundColor,
          extendBody: true,
          bottomNavigationBar: AnimatedContainer(
            duration: const Duration(milliseconds: 300),
            curve: Curves.easeInOut,
            height: _isBottomAppBarVisible ? 60 : 0.0,
            child: BottomAppBar(
                shape: const CircularNotchedRectangle(),
                clipBehavior: Clip.antiAlias,
                notchMargin: 7.5,
                color: kSecondaryColor,
                child: ShowPageBottonBar(
                  show: show,
                  isThereInLists: _isThereInLists,
                  updateShowData: loadShowData,
                )),
          ),
          floatingActionButton: FloatingActionButton(
            onPressed: () {
              _isThereInLists["history"] != true
                  ? showModalBottomSheet(
                      context: context,
                      shape: const RoundedRectangleBorder(
                          borderRadius: BorderRadius.vertical(
                        top: Radius.circular(20),
                      )),
                      clipBehavior: Clip.antiAliasWithSaveLayer,
                      backgroundColor: kSecondaryColor,
                      transitionAnimationController: AnimationController(
                          duration: const Duration(milliseconds: 225),
                          vsync: this),
                      builder: (context) {
                        return ShowPageAddWatchDate(
                          show: show,
                          updateShowData: loadShowData,
                        );
                      })
                  : null;
            },
            backgroundColor: kPrimaryColor,
            child: _isThereInLists["history"] != true
                ? const Icon(Icons.add)
                : const Icon(Icons.check),
          ),
          floatingActionButtonLocation: _isBottomAppBarVisible
              ? FloatingActionButtonLocation.endDocked
              : FloatingActionButtonLocation.endFloat,
          endDrawerEnableOpenDragGesture: false,
          endDrawer: Drawer(
            backgroundColor: kSecondaryColor,
            width: MediaQuery.of(context).size.width * 0.66,
            child: ShowPageExternalSites(show: show),
          ),
          body: SingleChildScrollView(
            controller: _scrollController,
            physics: const BouncingScrollPhysics(),
            child: Column(
              children: [
                SizedBox(
                  height: MediaQuery.of(context).size.height * (2 / 3),
                  width: MediaQuery.of(context).size.width,
                  child: Stack(
                    fit: StackFit.loose,
                    children: [
                      ShaderMask(
                          shaderCallback: (rect) {
                            // ignore: prefer_const_constructors
                            return LinearGradient(
                              begin: Alignment.topCenter,
                              end: Alignment.bottomCenter,
                              colors: const [Colors.black, Colors.transparent],
                            ).createShader(Rect.fromLTRB(
                                100, 250, rect.width, rect.height));
                          },
                          blendMode: BlendMode.dstIn,
                          child: Hero(
                            tag: "show_${widget.id}",
                            child: CachedNetworkImage(
                              fit: BoxFit.cover,
                              height:
                                  MediaQuery.of(context).size.height * (2 / 3) -
                                      35,
                              width: MediaQuery.of(context).size.width,
                              imageUrl: show.image,
                              errorWidget: (context, url, error) =>
                                  const Icon(Icons.error),
                              placeholder: (context, url) => const Center(
                                child: SpinKitThreeBounce(
                                  color: Colors.white,
                                  size: 30.0,
                                ),
                              ),
                            ),
                          )),
                      Padding(
                        padding: const EdgeInsets.only(bottom: 15),
                        child: Column(
                          mainAxisAlignment: MainAxisAlignment.end,
                          children: [
                            ShowPageTitle(title: show.title),
                            ShowPageMainInfo(
                              year: show.year,
                              genres: show.genres,
                              runTime: show.runTime,
                              contentRating: show.contentRating,
                              countries: show.countries,
                            ),
                            ShowPageRating(
                              imDbRating: show.imDbRating,
                              imDbVotes: show.imDbVotes,
                            ),
                          ],
                        ),
                      ),
                      // ShowPageNavBar(
                      //   show: show,
                      //   isBookmarked: isBookmarked,
                      // )
                    ],
                  ),
                ),
                ShowPagePlot(plot: show.plot),
                ShowPageCast(
                  actorList: show.actorList,
                ),
                ShowPageEpisodeGuide(show: show),
                ShowPageMedia(
                  images: show.images,
                  posters: show.posters,
                ),
                ShowPageMoreInfo(show: show),
                ShowPageBoxOffice(show: show),
                ShowPageOtherRatings(show: show),
                ShowPageSimilars(
                  show: show,
                ),
                ShowPageKeywords(show: show)
              ],
            ),
          ),
        );
    }
  }

  Widget _buildLoadingError() {
    switch (_loadingStatus) {
      case RequestResult.FAILURE:
        return Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                ConnectionErrorWidget(tryAgain: () {
                  setState(() {
                    _loadingStatus = RequestResult.LOADING;
                  });
                  loadShowData();
                }),
              ],
            ),
          ],
        );
      default:
        return const SpinKitThreeBounce(
          size: 30,
          color: Colors.white,
        );
    }
  }

  Future loadShowData() async {
    if (show == null) {
      await getShowInfo(id: widget.id).then((response) {
        if (response != null) {
          setState(() {
            show = response;
            _loadingStatus = RequestResult.SUCCESS;
          });
          preferencesShareholder
              .isThereInLists(showId: widget.id)
              .then((value) => {
                    setState(() {
                      _isThereInLists = value;
                    })
                  });
        } else {
          setState(() {
            _loadingStatus = RequestResult.FAILURE;
          });
        }
      });
    } else {
      preferencesShareholder.isThereInLists(showId: widget.id).then((value) => {
            setState(() {
              _isThereInLists = value;
            })
          });
    }
  }
}