fApp/lib/screens/DetailView.dart

import 'dart:io';
import 'dart:typed_data';

import 'package:flutter/material.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:provider/provider.dart';
import 'package:f0ckapp/models/MediaItem.dart';
import 'package:f0ckapp/services/Api.dart';
import 'package:f0ckapp/widgets/VideoWidget.dart';
import 'package:f0ckapp/utils/SmartRefreshIndicator.dart';
import 'package:f0ckapp/utils/PageTransformer.dart';
import 'package:f0ckapp/providers/MediaProvider.dart';
import 'package:flutter_cache_manager/flutter_cache_manager.dart';
import 'package:share_plus/share_plus.dart';

class DetailView extends StatefulWidget {
  final int initialItemId;

  const DetailView({super.key, required this.initialItemId});

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

class _DetailViewState extends State<DetailView> {
  late PageController _pageController;
  bool isLoading = false;
  int _currentIndex = 0;

  @override
  void initState() {
    super.initState();
    final provider = Provider.of<MediaProvider>(context, listen: false);

    final initialIndex = provider.mediaItems.indexWhere(
      (item) => item.id == widget.initialItemId,
    );

    _pageController = PageController(initialPage: initialIndex);

    _currentIndex = initialIndex;
    _pageController.addListener(() {
      setState(() => _currentIndex = _pageController.page?.round() ?? 0);
    });

    _preloadAdjacentMedia(initialIndex);
  }

  void _preloadAdjacentMedia(int index) async {
    final provider = Provider.of<MediaProvider>(context, listen: false);
    if (index + 1 < provider.mediaItems.length) {
      final nextUrl = provider.mediaItems[index + 1].mediaUrl;
      if (await DefaultCacheManager().getFileFromCache(nextUrl) == null) {
        await DefaultCacheManager().downloadFile(nextUrl);
      }
    }

    if (index - 1 >= 0) {
      final prevUrl = provider.mediaItems[index - 1].mediaUrl;
      if (await DefaultCacheManager().getFileFromCache(prevUrl) == null) {
        await DefaultCacheManager().downloadFile(prevUrl);
      }
    }
  }

  Future<void> _loadMoreMedia() async {
    if (isLoading) return;
    setState(() => isLoading = true);

    final provider = Provider.of<MediaProvider>(context, listen: false);

    try {
      final newMedia = await fetchMedia(
        older: provider.mediaItems.last.id,
        type: provider.type,
        mode: provider.mode,
        random: provider.random,
        tag: provider.tag,
      );
      if (mounted && newMedia.isNotEmpty) {
        setState(() => provider.mediaItems.addAll(newMedia));
      }
    } catch (e) {
      _showError("Fehler beim Laden der Medien: $e");
    } finally {
      setState(() => isLoading = false);
    }
  }

  void _showError(String message) {
    if (!mounted) return;
    ScaffoldMessenger.of(
      context,
    ).showSnackBar(SnackBar(content: Text(message)));
  }

  @override
  Widget build(BuildContext context) {
    final provider = Provider.of<MediaProvider>(context);

    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: Text(
          'f0ck #${provider.mediaItems.elementAt(_currentIndex).id.toString()}',
        ),
        actions: [
          PopupMenuButton<String>(
            onSelected: (value) async {
              final item = provider.mediaItems.elementAt(_currentIndex);
              switch (value) {
                case 'media':
                  File file = await DefaultCacheManager().getSingleFile(
                    item.mediaUrl,
                  );
                  Uint8List bytes = await file.readAsBytes();

                  final params = ShareParams(
                    files: [XFile.fromData(bytes, mimeType: item.mime)],
                  );
                  await SharePlus.instance.share(params);
                  break;
                case 'direct_link':
                  await SharePlus.instance.share(ShareParams(text: item.mediaUrl));
                  break;
                case 'post_link':
                  await SharePlus.instance.share(ShareParams(text: item.postUrl));
                  break;
              }
            },
            itemBuilder: (context) => [
              PopupMenuItem(
                value: 'media',
                child: ListTile(
                  leading: Icon(Icons.image),
                  title: Text('Als Datei'),
                ),
              ),
              PopupMenuItem(
                value: 'direct_link',
                child: ListTile(
                  leading: Icon(Icons.link),
                  title: Text('Link zum Bild'),
                ),
              ),
              PopupMenuItem(
                value: 'post_link',
                child: ListTile(
                  leading: Icon(Icons.article),
                  title: Text('Link zum Post'),
                ),
              ),
            ],
            icon: Icon(Icons.share),
          ),
        ],
      ),
      body: Stack(
        children: [
          PageTransformer(
            controller: _pageController,
            pages: provider.mediaItems.map((item) {
              int itemIndex = provider.mediaItems.indexOf(item);

              return SafeArea(
                child: SmartRefreshIndicator(
                  onRefresh: _loadMoreMedia,
                  child: _buildMediaItem(item, _currentIndex == itemIndex),
                ),
              );
            }).toList(),
          ),
        ],
      ),
      persistentFooterButtons: provider.tag != null
          ? [
              InputChip(
                label: Text(provider.tag!),
                backgroundColor: const Color(0xFF090909),
                labelStyle: const TextStyle(color: Colors.white),
                onDeleted: () {
                  provider.setTag(null);
                  Navigator.pop(context);
                },
              ),
            ]
          : null,
    );
  }

  Widget _buildMediaItem(MediaItem item, bool isActive) {
    final provider = Provider.of<MediaProvider>(context);

    return SingleChildScrollView(
      child: Column(
        children: [
          if (item.mime.startsWith('image'))
            CachedNetworkImage(
              imageUrl: item.mediaUrl,
              fit: BoxFit.contain,
              placeholder: (context, url) => CircularProgressIndicator(),
              errorWidget: (context, url, error) => Icon(Icons.error),
            )
          else
            VideoWidget(details: item, isActive: isActive),
          /*const SizedBox(height: 20),
          Text(
            'f0ck #${item.id.toString()}',
            style: const TextStyle(color: Colors.white, fontSize: 18),
          ),*/
          const SizedBox(height: 10, width: double.infinity),
          Wrap(
            alignment: WrapAlignment.center,
            spacing: 5.0,
            children: item.tags.map((tag) {
              return ActionChip(
                onPressed: () {
                  if (tag.tag == 'sfw' || tag.tag == 'nsfw') return;
                  setState(() {
                    provider.setTag(tag.tag);
                    Navigator.pop(context, true);
                  });
                },
                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),
        ],
      ),
    );
  }
}