immich/mobile/lib/presentation/pages/drift_album_options.page.dart

import 'dart:async';

import 'package:auto_route/auto_route.dart';
import 'package:collection/collection.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:immich_mobile/domain/models/album/album.model.dart';
import 'package:immich_mobile/domain/models/user.model.dart';
import 'package:immich_mobile/extensions/build_context_extensions.dart';
import 'package:immich_mobile/extensions/theme_extensions.dart';
import 'package:immich_mobile/generated/translations.g.dart';
import 'package:immich_mobile/presentation/pages/drift_user_selection.page.dart';
import 'package:immich_mobile/providers/auth.provider.dart';
import 'package:immich_mobile/providers/infrastructure/album.provider.dart';
import 'package:immich_mobile/providers/infrastructure/current_album.provider.dart';
import 'package:immich_mobile/providers/infrastructure/remote_album.provider.dart';
import 'package:immich_mobile/providers/user.provider.dart';
import 'package:immich_mobile/routing/router.dart';
import 'package:immich_mobile/widgets/common/immich_toast.dart';
import 'package:immich_mobile/widgets/common/user_circle_avatar.dart';

@RoutePage()
class DriftAlbumOptionsPage extends HookConsumerWidget {
  final RemoteAlbum album;
  const DriftAlbumOptionsPage({super.key, required this.album});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final sharedUsersAsync = ref.watch(remoteAlbumSharedUsersProvider(album.id));
    final userId = ref.watch(authProvider).userId;
    final activityEnabled = useState(album.isActivityEnabled);
    final isOwner = album.ownerId == userId;

    void showErrorMessage() {
      ContextHelper(context).pop();
      ImmichToast.show(
        context: context,
        msg: context.t.shared_album_section_people_action_error,
        toastType: ToastType.error,
        gravity: ToastGravity.BOTTOM,
      );
    }

    Future<void> leaveAlbum() async {
      try {
        await ref.read(remoteAlbumProvider.notifier).leaveAlbum(album.id, userId: userId);
        if (!context.mounted) {
          return;
        }

        unawaited(context.navigateTo(const DriftAlbumsRoute()));
      } catch (_) {
        showErrorMessage();
      }
    }

    Future<void> removeUserFromAlbum(UserDto user) async {
      try {
        await ref.read(remoteAlbumProvider.notifier).removeUser(album.id, user.id);
        ref.invalidate(remoteAlbumSharedUsersProvider(album.id));
      } catch (_) {
        showErrorMessage();
      }

      ContextHelper(context).pop();
    }

    Future<void> addUsers() async {
      final newUsers = await context.pushRoute<List<String>>(DriftUserSelectionRoute(album: album));

      if (newUsers == null || newUsers.isEmpty) {
        return;
      }

      try {
        if (!context.mounted) {
          return;
        }

        await ref.read(remoteAlbumProvider.notifier).addUsers(album.id, newUsers);
        ref.invalidate(remoteAlbumSharedUsersProvider(album.id));
        if (!context.mounted) {
          return;
        }

        ImmichToast.show(
          context: context,
          msg: context.t.users_added_to_album_count(count: newUsers.length),
          toastType: ToastType.success,
        );
      } catch (e) {
        if (!context.mounted) {
          return;
        }

        ImmichToast.show(context: context, msg: "Failed to add users to album: $e", toastType: ToastType.error);
      }
    }

    void handleUserClick(UserDto user) {
      var actions = [];

      if (user.id == userId) {
        actions = [
          ListTile(
            leading: const Icon(Icons.exit_to_app_rounded),
            title: Text(context.t.leave_album),
            onTap: leaveAlbum,
          ),
        ];
      }

      if (isOwner) {
        actions = [
          ListTile(
            leading: const Icon(Icons.person_remove_rounded),
            title: Text(context.t.remove_user),
            onTap: () => removeUserFromAlbum(user),
          ),
        ];
      }

      unawaited(
        showModalBottomSheet(
          backgroundColor: context.colorScheme.surfaceContainer,
          isScrollControlled: false,
          context: context,
          builder: (context) {
            return SafeArea(
              child: Padding(
                padding: const EdgeInsets.only(top: 24.0),
                child: Column(mainAxisSize: MainAxisSize.min, children: [...actions]),
              ),
            );
          },
        ),
      );
    }

    Widget buildOwnerInfo() {
      if (isOwner) {
        final owner = ref.read(currentUserProvider);
        return ListTile(
          leading: owner != null ? UserCircleAvatar(user: owner) : const SizedBox(),
          title: Text(album.ownerName, style: const TextStyle(fontWeight: FontWeight.w500)),
          subtitle: Text(owner?.email ?? "", style: TextStyle(color: context.colorScheme.onSurfaceSecondary)),
          trailing: Text(context.t.owner, style: context.textTheme.labelLarge),
        );
      } else {
        final usersProvider = ref.read(driftUsersProvider);
        return usersProvider.maybeWhen(
          data: (users) {
            final user = users.firstWhereOrNull((u) => u.id == album.ownerId);

            if (user == null) {
              return const SizedBox();
            }

            return ListTile(
              leading: UserCircleAvatar(user: user),
              title: Text(user.name, style: const TextStyle(fontWeight: FontWeight.w500)),
              subtitle: Text(user.email, style: TextStyle(color: context.colorScheme.onSurfaceSecondary)),
              trailing: Text(context.t.owner, style: context.textTheme.labelLarge),
            );
          },
          orElse: () => const SizedBox(),
        );
      }
    }

    Widget buildSharedUsersList() {
      return sharedUsersAsync.maybeWhen(
        data: (sharedUsers) => ListView.builder(
          primary: false,
          shrinkWrap: true,
          itemCount: sharedUsers.length,
          itemBuilder: (context, index) {
            final user = sharedUsers[index];
            return ListTile(
              leading: UserCircleAvatar(user: user),
              title: Text(user.name, style: const TextStyle(fontWeight: FontWeight.w500)),
              subtitle: Text(user.email, style: TextStyle(color: context.colorScheme.onSurfaceSecondary)),
              trailing: userId == user.id || isOwner ? const Icon(Icons.more_horiz_rounded) : const SizedBox(),
              onTap: userId == user.id || isOwner ? () => handleUserClick(user) : null,
            );
          },
        ),
        orElse: () => const Center(child: CircularProgressIndicator()),
      );
    }

    Padding buildSectionTitle(String text) {
      return Padding(
        padding: const EdgeInsets.all(16.0),
        child: Text(text, style: context.textTheme.bodySmall),
      );
    }

    return ProviderScope(
      overrides: [currentRemoteAlbumScopedProvider.overrideWithValue(album)],
      child: Scaffold(
        appBar: AppBar(
          leading: IconButton(
            icon: const Icon(Icons.arrow_back_ios_new_rounded),
            onPressed: () => context.maybePop(null),
          ),
          centerTitle: true,
          title: Text(context.t.options),
        ),
        body: ListView(
          children: [
            const SizedBox(height: 8),
            if (isOwner)
              SwitchListTile.adaptive(
                value: activityEnabled.value,
                onChanged: (bool value) async {
                  activityEnabled.value = value;
                  await ref.read(remoteAlbumProvider.notifier).setActivityStatus(album.id, value);
                },
                activeThumbColor: activityEnabled.value ? context.primaryColor : context.themeData.disabledColor,
                dense: true,
                title: Text(
                  context.t.comments_and_likes,
                  style: context.textTheme.titleMedium?.copyWith(fontWeight: FontWeight.w500),
                ),
                subtitle: Text(
                  context.t.let_others_respond,
                  style: context.textTheme.labelLarge?.copyWith(color: context.colorScheme.onSurfaceSecondary),
                ),
              ),
            buildSectionTitle(context.t.shared_album_section_people_title),
            if (isOwner) ...[
              ListTile(
                leading: const Icon(Icons.person_add_rounded),
                title: Text(context.t.invite_people),
                onTap: () async => addUsers(),
              ),
              const Divider(indent: 16),
            ],
            buildOwnerInfo(),
            buildSharedUsersList(),
          ],
        ),
      ),
    );
  }
}