import 'dart:math';

import 'package:aves/model/entry.dart';
import 'package:aves/model/metadata/overlay.dart';
import 'package:aves/model/settings/settings.dart';
import 'package:aves/services/common/services.dart';
import 'package:aves/utils/constants.dart';
import 'package:aves/widgets/common/extensions/media_query.dart';
import 'package:aves/widgets/common/fx/blurred.dart';
import 'package:aves/widgets/viewer/multipage/controller.dart';
import 'package:aves/widgets/viewer/overlay/bottom/details.dart';
import 'package:aves/widgets/viewer/overlay/bottom/multipage.dart';
import 'package:aves/widgets/viewer/overlay/bottom/thumbnail_preview.dart';
import 'package:aves/widgets/viewer/overlay/common.dart';
import 'package:aves/widgets/viewer/page_entry_builder.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:tuple/tuple.dart';

class ViewerBottomOverlay extends StatefulWidget {
  final List<AvesEntry> entries;
  final int index;
  final bool showPosition;
  final EdgeInsets? viewInsets, viewPadding;
  final MultiPageController? multiPageController;

  const ViewerBottomOverlay({
    Key? key,
    required this.entries,
    required this.index,
    required this.showPosition,
    this.viewInsets,
    this.viewPadding,
    required this.multiPageController,
  }) : super(key: key);

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

class _ViewerBottomOverlayState extends State<ViewerBottomOverlay> {
  late Future<OverlayMetadata?> _detailLoader;
  AvesEntry? _lastEntry;
  OverlayMetadata? _lastDetails;

  List<AvesEntry> get entries => widget.entries;

  AvesEntry? get entry {
    final index = widget.index;
    return index < entries.length ? entries[index] : null;
  }

  MultiPageController? get multiPageController => widget.multiPageController;

  @override
  void initState() {
    super.initState();
    _initDetailLoader();
  }

  @override
  void didUpdateWidget(covariant ViewerBottomOverlay oldWidget) {
    super.didUpdateWidget(oldWidget);
    if (entry != _lastEntry) {
      _initDetailLoader();
    }
  }

  void _initDetailLoader() {
    final requestEntry = entry;
    _detailLoader = requestEntry != null ? metadataFetchService.getOverlayMetadata(requestEntry) : SynchronousFuture(null);
  }

  @override
  Widget build(BuildContext context) {
    final hasEdgeContent = settings.showOverlayThumbnailPreview || settings.showOverlayInfo || multiPageController != null;
    final blurred = settings.enableOverlayBlurEffect;
    return BlurredRect(
      enabled: hasEdgeContent && blurred,
      child: Selector<MediaQueryData, double>(
        selector: (context, mq) => max(mq.effectiveBottomPadding, mq.systemGestureInsets.bottom),
        builder: (context, mqPaddingBottom, child) {
          return Container(
            color: hasEdgeContent ? overlayBackgroundColor(blurred: blurred) : Colors.transparent,
            padding: EdgeInsets.only(bottom: mqPaddingBottom),
            child: child,
          );
        },
        child: FutureBuilder<OverlayMetadata?>(
          future: _detailLoader,
          builder: (context, snapshot) {
            if (snapshot.connectionState == ConnectionState.done && !snapshot.hasError) {
              _lastDetails = snapshot.data;
              _lastEntry = entry;
            }
            if (_lastEntry == null) return const SizedBox();
            final mainEntry = _lastEntry!;

            Widget _buildContent({AvesEntry? pageEntry}) => _BottomOverlayContent(
                  entries: entries,
                  index: widget.index,
                  mainEntry: mainEntry,
                  pageEntry: pageEntry ?? mainEntry,
                  details: _lastDetails,
                  showPosition: widget.showPosition,
                  multiPageController: multiPageController,
                );

            return multiPageController != null
                ? PageEntryBuilder(
                    multiPageController: multiPageController!,
                    builder: (pageEntry) => _buildContent(pageEntry: pageEntry),
                  )
                : _buildContent();
          },
        ),
      ),
    );
  }
}

class _BottomOverlayContent extends AnimatedWidget {
  final List<AvesEntry> entries;
  final int index;
  final AvesEntry mainEntry, pageEntry;
  final OverlayMetadata? details;
  final bool showPosition;
  final MultiPageController? multiPageController;

  _BottomOverlayContent({
    Key? key,
    required this.entries,
    required this.index,
    required this.mainEntry,
    required this.pageEntry,
    required this.details,
    required this.showPosition,
    required this.multiPageController,
  }) : super(
          key: key,
          listenable: Listenable.merge([
            mainEntry.metadataChangeNotifier,
            pageEntry.metadataChangeNotifier,
          ]),
        );

  @override
  Widget build(BuildContext context) {
    return DefaultTextStyle(
      style: Theme.of(context).textTheme.bodyText2!.copyWith(
            shadows: Constants.embossShadows,
          ),
      softWrap: false,
      overflow: TextOverflow.fade,
      maxLines: 1,
      child: Selector<MediaQueryData, double>(
        selector: (context, mq) => mq.size.width,
        builder: (context, mqWidth, child) {
          return SizedBox(
            width: mqWidth,
            child: Column(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                if (mainEntry.isMultiPage && multiPageController != null)
                  MultiPageOverlay(
                    controller: multiPageController!,
                    availableWidth: mqWidth,
                  ),
                if (settings.showOverlayInfo)
                  SafeArea(
                    top: false,
                    bottom: false,
                    child: LayoutBuilder(
                      builder: (context, constraints) {
                        return ViewerDetailOverlay(
                          pageEntry: pageEntry,
                          details: details,
                          position: showPosition ? '${index + 1}/${entries.length}' : null,
                          availableWidth: constraints.maxWidth,
                          multiPageController: multiPageController,
                        );
                      },
                    ),
                  ),
                if (settings.showOverlayThumbnailPreview)
                  ViewerThumbnailPreview(
                    availableWidth: mqWidth,
                    displayedIndex: index,
                    entries: entries,
                  ),
              ],
            ),
          );
        },
      ),
    );
  }
}

class ExtraBottomOverlay extends StatelessWidget {
  final EdgeInsets? viewInsets, viewPadding;
  final Widget child;

  const ExtraBottomOverlay({
    Key? key,
    this.viewInsets,
    this.viewPadding,
    required this.child,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final mq = context.select<MediaQueryData, Tuple3<double, EdgeInsets, EdgeInsets>>((mq) => Tuple3(mq.size.width, mq.viewInsets, mq.viewPadding));
    final mqWidth = mq.item1;
    final mqViewInsets = mq.item2;
    final mqViewPadding = mq.item3;

    final viewInsets = this.viewInsets ?? mqViewInsets;
    final viewPadding = this.viewPadding ?? mqViewPadding;
    final safePadding = (viewInsets + viewPadding).copyWith(bottom: 8) + const EdgeInsets.symmetric(horizontal: 8.0);

    return Padding(
      padding: safePadding,
      child: SizedBox(
        width: mqWidth - safePadding.horizontal,
        child: child,
      ),
    );
  }
}