import 'dart:async';

import "package:flutter/foundation.dart";
import 'package:flutter/material.dart';
import 'package:logging/logging.dart';
import 'package:photos/core/configuration.dart';
import 'package:photos/core/event_bus.dart';
import "package:photos/db/files_db.dart";
// import "package:photos/events/people_changed_event.dart";
import 'package:photos/events/subscription_purchased_event.dart';
// import "package:photos/face/db.dart";
import "package:photos/face/model/person.dart";
import 'package:photos/models/gallery_type.dart';
import 'package:photos/models/selected_files.dart';
import 'package:photos/services/collections_service.dart';
import "package:photos/services/machine_learning/face_ml/face_ml_result.dart";
import "package:photos/services/machine_learning/face_ml/feedback/cluster_feedback.dart";
import 'package:photos/ui/actions/collection/collection_sharing_actions.dart';
import "package:photos/ui/viewer/people/cluster_page.dart";
// import "package:photos/utils/dialog_util.dart";

class ClusterAppBar extends StatefulWidget {
  final GalleryType type;
  final String? title;
  final SelectedFiles selectedFiles;
  final int clusterID;
  final Person? person;

  const ClusterAppBar(
    this.type,
    this.title,
    this.selectedFiles,
    this.clusterID, {
    this.person,
    Key? key,
  }) : super(key: key);

  @override
  State<ClusterAppBar> createState() => _AppBarWidgetState();
}

enum ClusterPopupAction {
  setCover,
  breakupCluster,
  hide,
}

class _AppBarWidgetState extends State<ClusterAppBar> {
  final _logger = Logger("_AppBarWidgetState");
  late StreamSubscription _userAuthEventSubscription;
  late Function() _selectedFilesListener;
  String? _appBarTitle;
  late CollectionActions collectionActions;
  final GlobalKey shareButtonKey = GlobalKey();
  bool isQuickLink = false;
  late GalleryType galleryType;

  @override
  void initState() {
    super.initState();
    _selectedFilesListener = () {
      setState(() {});
    };
    collectionActions = CollectionActions(CollectionsService.instance);
    widget.selectedFiles.addListener(_selectedFilesListener);
    _userAuthEventSubscription =
        Bus.instance.on<SubscriptionPurchasedEvent>().listen((event) {
      setState(() {});
    });
    _appBarTitle = widget.title;
    galleryType = widget.type;
  }

  @override
  void dispose() {
    _userAuthEventSubscription.cancel();
    widget.selectedFiles.removeListener(_selectedFilesListener);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return AppBar(
      elevation: 0,
      centerTitle: false,
      title: Text(
        _appBarTitle!,
        style:
            Theme.of(context).textTheme.headlineSmall!.copyWith(fontSize: 16),
        maxLines: 2,
        overflow: TextOverflow.ellipsis,
      ),
      actions: kDebugMode ? _getDefaultActions(context) : null,
    );
  }

  List<Widget> _getDefaultActions(BuildContext context) {
    final List<Widget> actions = <Widget>[];
    // If the user has selected files, don't show any actions
    if (widget.selectedFiles.files.isNotEmpty ||
        !Configuration.instance.hasConfiguredAccount()) {
      return actions;
    }

    final List<PopupMenuItem<ClusterPopupAction>> items = [];

    items.addAll(
      [
        // PopupMenuItem(
        //   value: ClusterPopupAction.setCover,
        //   child: Row(
        //     children: [
        //       const Icon(Icons.image_outlined),
        //       const Padding(
        //         padding: EdgeInsets.all(8),
        //       ),
        //       Text(S.of(context).setCover),
        //     ],
        //   ),
        // ),
        const PopupMenuItem(
          value: ClusterPopupAction.breakupCluster,
          child: Row(
            children: [
              Icon(Icons.analytics_outlined),
              Padding(
                padding: EdgeInsets.all(8),
              ),
              Text('Break up cluster'),
            ],
          ),
        ),
        // PopupMenuItem(
        //   value: ClusterPopupAction.hide,
        //   child: Row(
        //     children: [
        //       const Icon(Icons.visibility_off_outlined),
        //       const Padding(
        //         padding: EdgeInsets.all(8),
        //       ),
        //       Text(S.of(context).hide),
        //     ],
        //   ),
        // ),
      ],
    );

    if (items.isNotEmpty) {
      actions.add(
        PopupMenuButton(
          itemBuilder: (context) {
            return items;
          },
          onSelected: (ClusterPopupAction value) async {
            if (value == ClusterPopupAction.breakupCluster) {
              // ignore: unawaited_futures
              await _breakUpCluster(context);
            }
            // else if (value == ClusterPopupAction.setCover) {
            //   await setCoverPhoto(context);
            // } else if (value == ClusterPopupAction.hide) {
            //   // ignore: unawaited_futures
            // }
          },
        ),
      );
    }

    return actions;
  }

  Future<void> _breakUpCluster(BuildContext context) async {
    final newClusterIDToFaceIDs =
        await ClusterFeedbackService.instance.breakUpCluster(widget.clusterID);

    for (final cluster in newClusterIDToFaceIDs.entries) {
      // ignore: unawaited_futures
      final newClusterID = cluster.key;
      final faceIDs = cluster.value;
      final files = await FilesDB.instance
          .getFilesFromIDs(faceIDs.map((e) => getFileIdFromFaceId(e)).toList());
      unawaited(
        Navigator.of(context).push(
          MaterialPageRoute(
            builder: (context) => ClusterPage(
              files.values.toList(),
              appendTitle:
                  (newClusterID == -1) ? "(Analysis noise)" : "(Analysis)",
              clusterID: newClusterID,
            ),
          ),
        ),
      );
    }
  }
}