import 'package:aves/model/entry.dart';
import 'package:aves/model/source/collection_lens.dart';
import 'package:aves/widgets/common/magnifier/pan/gesture_detector_scope.dart';
import 'package:aves/widgets/common/magnifier/pan/scroll_physics.dart';
import 'package:aves/widgets/viewer/multipage/conductor.dart';
import 'package:aves/widgets/viewer/page_entry_builder.dart';
import 'package:aves/widgets/viewer/visual/entry_page_view.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

class MultiEntryScroller extends StatefulWidget {
  final CollectionLens collection;
  final PageController pageController;
  final ValueChanged<int> onPageChanged;
  final void Function(AvesEntry mainEntry, AvesEntry? pageEntry) onViewDisposed;

  const MultiEntryScroller({
    Key? key,
    required this.collection,
    required this.pageController,
    required this.onPageChanged,
    required this.onViewDisposed,
  }) : super(key: key);

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

class _MultiEntryScrollerState extends State<MultiEntryScroller> with AutomaticKeepAliveClientMixin {
  List<AvesEntry> get entries => widget.collection.sortedEntries;

  PageController get pageController => widget.pageController;

  @override
  Widget build(BuildContext context) {
    super.build(context);

    return MagnifierGestureDetectorScope(
      axis: const [Axis.horizontal, Axis.vertical],
      child: PageView.builder(
        // key is expected by test driver
        key: const Key('horizontal-pageview'),
        scrollDirection: Axis.horizontal,
        controller: pageController,
        physics: const MagnifierScrollerPhysics(parent: BouncingScrollPhysics()),
        onPageChanged: widget.onPageChanged,
        itemBuilder: (context, index) {
          final mainEntry = entries[index];

          var child = mainEntry.isMultiPage
              ? PageEntryBuilder(
                  multiPageController: context.read<MultiPageConductor>().getController(mainEntry),
                  builder: (pageEntry) => _buildViewer(mainEntry, pageEntry: pageEntry),
                )
              : _buildViewer(mainEntry);

          child = AnimatedBuilder(
            animation: pageController,
            builder: (context, child) {
              // parallax scrolling
              double dx = 0;
              if (pageController.hasClients && pageController.position.haveDimensions) {
                final delta = pageController.page! - index;
                dx = delta * pageController.position.viewportDimension / 2;
              }
              return Transform.translate(
                offset: Offset(dx, 0),
                child: child,
              );
            },
            child: child,
          );

          return ClipRect(
            child: child,
          );
        },
        itemCount: entries.length,
      ),
    );
  }

  Widget _buildViewer(AvesEntry mainEntry, {AvesEntry? pageEntry}) {
    return EntryPageView(
      // key is expected by test driver
      key: const Key('imageview'),
      mainEntry: mainEntry,
      pageEntry: pageEntry ?? mainEntry,
      onDisposed: () => widget.onViewDisposed(mainEntry, pageEntry),
    );
  }

  @override
  bool get wantKeepAlive => true;
}

class SingleEntryScroller extends StatefulWidget {
  final AvesEntry entry;

  const SingleEntryScroller({
    Key? key,
    required this.entry,
  }) : super(key: key);

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

class _SingleEntryScrollerState extends State<SingleEntryScroller> with AutomaticKeepAliveClientMixin {
  AvesEntry get mainEntry => widget.entry;

  @override
  Widget build(BuildContext context) {
    super.build(context);

    var child = mainEntry.isMultiPage
        ? PageEntryBuilder(
            multiPageController: context.read<MultiPageConductor>().getController(mainEntry),
            builder: (pageEntry) => _buildViewer(pageEntry: pageEntry),
          )
        : _buildViewer();

    return MagnifierGestureDetectorScope(
      axis: const [Axis.vertical],
      child: child,
    );
  }

  Widget _buildViewer({AvesEntry? pageEntry}) {
    return EntryPageView(
      mainEntry: mainEntry,
      pageEntry: pageEntry ?? mainEntry,
    );
  }

  @override
  bool get wantKeepAlive => true;
}