fApp/lib/screens/detail_view.dart

import 'dart:io';

import 'package:f0ckapp/utils/animatedtransition.dart';
import 'package:f0ckapp/utils/smartrefreshindicator.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

import 'package:cached_network_image/cached_network_image.dart';
import 'package:get/get.dart';
import 'package:flutter_cache_manager/flutter_cache_manager.dart';
import 'package:share_plus/share_plus.dart';

import 'package:f0ckapp/controller/media_controller.dart';
import 'package:f0ckapp/models/media_item.dart';
import 'package:f0ckapp/screens/media_grid.dart';
import 'package:f0ckapp/screens/fullscreen_screen.dart';
import 'package:f0ckapp/widgets/end_drawer.dart';
import 'package:f0ckapp/widgets/video_widget.dart';

class DetailView extends StatefulWidget {
  final int initialId;
  const DetailView({super.key, required this.initialId});

  @override
  State<DetailView> createState() => _DetailViewState();
}

class _DetailViewState extends State<DetailView> {
  final MediaController controller = Get.find<MediaController>();
  MediaItem? item;
  bool isLoading = false;
  PageController? _pageController;
  int _currentPage = 0;

  @override
  void initState() {
    super.initState();
    _setupInitialView();

    ever(controller.drawerSwipeEnabled, (_) {
      setState(() {});
    });
  }

  Future<void> _setupInitialView() async {
    bool itemExists = controller.mediaItems.any(
      (media) => media.id == widget.initialId,
    );

    if (!itemExists) {
      await _initializeDetail(widget.initialId);
    }
    _initializePageController();
  }

  void _initializePageController() {
    _currentPage = controller.mediaItems.indexWhere(
      (media) => media.id == widget.initialId,
    );
    if (_currentPage < 0) _currentPage = 0;
    _pageController = PageController(initialPage: _currentPage)
      ..addListener(() {
        setState(() => _currentPage = _pageController!.page!.round());
      });
    setState(() {});
  }

  Future<void> _downloadMedia(MediaItem item) async {
    final File file = await DefaultCacheManager().getSingleFile(item.mediaUrl);
    final MethodChannel methodChannel = const MethodChannel('MediaShit');

    bool? success = await methodChannel.invokeMethod<bool>('saveFile', {
      'filePath': file.path,
      'fileName': item.dest,
    });

    success == true
        ? _showMsg('${item.dest} wurde in Downloads/fApp neigespeichert.')
        : _showMsg('${item.dest} konnte nicht heruntergeladen werden.');
  }

  void _showMsg(String message) {
    if (!mounted) return;
    Get
      ..closeAllSnackbars()
      ..snackbar('hehe', message, snackPosition: SnackPosition.BOTTOM);
  }

  Future<void> _initializeDetail(int deepLinkId) async {
    item = controller.mediaItems.firstWhereOrNull(
      (element) => element.id == deepLinkId,
    );

    if (item == null) {
      setState(() => isLoading = true);
      await controller.loadMediaItems(older: deepLinkId + 50);
      item = controller.mediaItems.firstWhereOrNull(
        (element) => element.id == deepLinkId,
      );
      if (item == null) {
        Get.offAll(() => const MediaGrid());
      }
      setState(() => isLoading = false);
    }
  }

  @override
  Widget build(BuildContext context) {
    if (isLoading) {
      return Scaffold(
        appBar: AppBar(
          title: const Text("f0ck"),
          leading: Navigator.canPop(context)
              ? null
              : IconButton(
                  icon: const Icon(Icons.arrow_back),
                  onPressed: () {
                    Get.offAll(() => const MediaGrid());
                  },
                ),
        ),
        body: const Center(child: CircularProgressIndicator()),
      );
    }

    final MediaItem currentItem = controller.mediaItems[_currentPage];

    return Scaffold(
      endDrawer: const EndDrawer(),
      endDrawerEnableOpenDragGesture: controller.drawerSwipeEnabled.value,
      persistentFooterButtons: controller.tag.value != null
          ? [
              Center(
                child: InputChip(
                  label: Text(controller.tag.value!),
                  onDeleted: () {
                    controller.setTag(null);
                    Get.offAllNamed('/');
                  },
                ),
              ),
            ]
          : null,
      body: CustomScrollView(
        slivers: [
          SliverAppBar(
            floating: true,
            pinned: true,
            snap: true,
            centerTitle: true,
            title: Text('f0ck #${currentItem.id.toString()}'),
            leading: IconButton(
              icon: const Icon(Icons.arrow_back),
              onPressed: () => Get.back(),
            ),
            actions: [
              IconButton(
                icon: const Icon(Icons.fullscreen),
                onPressed: () {
                  Get.to(
                    FullScreenMediaView(item: currentItem),
                    fullscreenDialog: true,
                  );
                },
              ),
              IconButton(
                icon: const Icon(Icons.download),
                onPressed: () async {
                  await _downloadMedia(currentItem);
                },
              ),
              PopupMenuButton<String>(
                onSelected: (value) async {
                  switch (value) {
                    case 'media':
                      File file = await DefaultCacheManager().getSingleFile(
                        currentItem.mediaUrl,
                      );
                      Uint8List bytes = await file.readAsBytes();
                      final params = ShareParams(
                        files: [
                          XFile.fromData(bytes, mimeType: currentItem.mime),
                        ],
                      );
                      await SharePlus.instance.share(params);
                      break;
                    case 'direct_link':
                      await SharePlus.instance.share(
                        ShareParams(text: currentItem.mediaUrl),
                      );
                      break;
                    case 'post_link':
                      await SharePlus.instance.share(
                        ShareParams(text: currentItem.postUrl),
                      );
                      break;
                  }
                },
                itemBuilder: (context) => [
                  PopupMenuItem(
                    value: 'media',
                    child: ListTile(
                      leading: const Icon(Icons.image),
                      title: const Text('Als Datei'),
                    ),
                  ),
                  PopupMenuItem(
                    value: 'direct_link',
                    child: ListTile(
                      leading: const Icon(Icons.link),
                      title: const Text('Link zur Datei'),
                    ),
                  ),
                  PopupMenuItem(
                    value: 'post_link',
                    child: ListTile(
                      leading: const Icon(Icons.article),
                      title: const Text('Link zum f0ck'),
                    ),
                  ),
                ],
                icon: const Icon(Icons.share),
              ),
              Builder(
                builder: (context) => IconButton(
                  icon: const Icon(Icons.menu),
                  onPressed: () {
                    Scaffold.of(context).openEndDrawer();
                  },
                ),
              ),
            ],
          ),
          SliverFillRemaining(
            child: PageView.builder(
              controller: _pageController,
              itemCount: controller.mediaItems.length,
              itemBuilder: (context, index) {
                final MediaItem pageItem = controller.mediaItems[index];
                return AnimatedBuilder(
                  animation: _pageController!,
                  builder: (context, child) {
                    return buildAnimatedTransition(
                      context: context,
                      child: child!,
                      pageController: _pageController!,
                      index: index,
                      controller: controller,
                    );
                  },
                  child: SmartRefreshIndicator(
                    onRefresh: () async {
                      _showMsg('not hehe');
                    },
                    child: SafeArea(
                      top: false,
                      child: SingleChildScrollView(
                        child: Column(
                          children: [
                            if (pageItem.mime.startsWith('image'))
                              CachedNetworkImage(
                                imageUrl: pageItem.mediaUrl,
                                fit: BoxFit.contain,
                                placeholder: (context, url) => const Center(
                                  child: CircularProgressIndicator(),
                                ),
                                errorWidget: (context, url, error) =>
                                    const Center(child: Icon(Icons.error)),
                              )
                            else
                              VideoWidget(
                                details: pageItem,
                                isActive: index == _currentPage,
                              ),
                            const SizedBox(height: 10, width: double.infinity),
                            Wrap(
                              alignment: WrapAlignment.center,
                              spacing: 5.0,
                              children: pageItem.tags.map((tag) {
                                return ActionChip(
                                  onPressed: () {
                                    if (tag.tag == 'sfw' || tag.tag == 'nsfw') {
                                      return;
                                    }
                                    controller.setTag(tag.tag);
                                    Get.offAllNamed('/');
                                  },
                                  label: Text(tag.tag),
                                  backgroundColor: switch (tag.id) {
                                    1 => Colors.green,
                                    2 => Colors.red,
                                    _ => const Color(0xFF090909),
                                  },
                                  labelStyle: const TextStyle(
                                    color: Colors.white,
                                  ),
                                );
                              }).toList(),
                            ),
                            const SizedBox(height: 20),
                          ],
                        ),
                      ),
                    ),
                  ),
                );
              },
            ),
          ),
        ],
      ),
    );
  }
}