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

import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:immich_mobile/domain/models/user.model.dart';
import 'package:immich_mobile/extensions/build_context_extensions.dart';
import 'package:immich_mobile/presentation/widgets/bottom_sheet/partner_detail_bottom_sheet.widget.dart';
import 'package:immich_mobile/presentation/widgets/timeline/timeline.widget.dart';
import 'package:immich_mobile/providers/infrastructure/timeline.provider.dart';
import 'package:immich_mobile/providers/infrastructure/user.provider.dart';
import 'package:immich_mobile/providers/user.provider.dart';
import 'package:immich_mobile/widgets/common/immich_toast.dart';
import 'package:immich_mobile/widgets/common/mesmerizing_sliver_app_bar.dart';

@RoutePage()
class DriftPartnerDetailPage extends StatelessWidget {
  final PartnerUserDto partner;

  const DriftPartnerDetailPage({
    super.key,
    required this.partner,
  });

  @override
  Widget build(BuildContext context) {
    return ProviderScope(
      overrides: [
        timelineServiceProvider.overrideWith(
          (ref) {
            final timelineService = ref.watch(timelineFactoryProvider).remoteAssets(partner.id);
            ref.onDispose(timelineService.dispose);
            return timelineService;
          },
        ),
      ],
      child: Timeline(
        appBar: MesmerizingSliverAppBar(
          title: partner.name,
          icon: Icons.person_outline,
        ),
        topSliverWidget: _InfoBox(partner: partner),
        topSliverWidgetHeight: 110,
        bottomSheet: const PartnerDetailBottomSheet(),
      ),
    );
  }
}

class _InfoBox extends ConsumerStatefulWidget {
  final PartnerUserDto partner;

  const _InfoBox({
    required this.partner,
  });

  @override
  ConsumerState<_InfoBox> createState() => _InfoBoxState();
}

class _InfoBoxState extends ConsumerState<_InfoBox> {
  bool _inTimeline = false;

  @override
  void initState() {
    super.initState();
    _inTimeline = widget.partner.inTimeline;
  }

  _toggleInTimeline() async {
    final user = ref.read(currentUserProvider);
    if (user == null) {
      return;
    }

    try {
      await ref.read(partnerUsersProvider.notifier).toggleShowInTimeline(
            widget.partner.id,
            user.id,
          );

      setState(() {
        _inTimeline = !_inTimeline;
      });
    } catch (error, stack) {
      debugPrint("Failed to toggle in timeline: $error $stack");
      ImmichToast.show(
        context: context,
        toastType: ToastType.error,
        durationInSecond: 1,
        msg: "Failed to toggle the timeline setting",
      );
      return;
    }
  }

  @override
  Widget build(BuildContext context) {
    return SliverToBoxAdapter(
      child: SizedBox(
        height: 110,
        child: Padding(
          padding: const EdgeInsets.only(left: 8.0, right: 8.0, top: 16.0),
          child: Container(
            decoration: BoxDecoration(
              border: Border.all(
                color: context.colorScheme.onSurface.withAlpha(10),
                width: 1,
              ),
              borderRadius: const BorderRadius.all(
                Radius.circular(20),
              ),
              gradient: LinearGradient(
                colors: [
                  context.colorScheme.primary.withAlpha(10),
                  context.colorScheme.primary.withAlpha(15),
                ],
                begin: Alignment.topCenter,
                end: Alignment.bottomCenter,
              ),
            ),
            child: Padding(
              padding: const EdgeInsets.all(8.0),
              child: ListTile(
                title: Text(
                  "Show in timeline",
                  style: context.textTheme.titleSmall?.copyWith(
                    color: context.colorScheme.primary,
                  ),
                ),
                subtitle: Text(
                  "Show photos and videos from this user in your timeline",
                  style: context.textTheme.bodyMedium,
                ),
                trailing: Switch(
                  value: _inTimeline,
                  onChanged: (_) => _toggleInTimeline(),
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}