import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:twonly/src/database/tables/mediafiles.table.dart';
import 'package:twonly/src/model/memory_item.model.dart';

class MemoriesItemThumbnail extends StatefulWidget {
  const MemoriesItemThumbnail({
    required this.galleryItem,
    required this.onTap,
    super.key,
  });

  final MemoryItem galleryItem;
  final GestureTapCallback onTap;

  @override
  State<MemoriesItemThumbnail> createState() => _MemoriesItemThumbnailState();
}

class _MemoriesItemThumbnailState extends State<MemoriesItemThumbnail> {
  @override
  void initState() {
    initAsync();
    super.initState();
  }

  Future<void> initAsync() async {
    if (!widget.galleryItem.mediaService.thumbnailPath.existsSync()) {
      if (widget.galleryItem.mediaService.storedPath.existsSync()) {
        await widget.galleryItem.mediaService.createThumbnail();
        if (mounted) setState(() {});
      }
    }
  }

  @override
  void dispose() {
    super.dispose();
  }

  String formatDuration(Duration duration) {
    String twoDigits(int n) => n.toString().padLeft(2, '0');
    final twoDigitMinutes = twoDigits(duration.inMinutes.remainder(60));
    final twoDigitSeconds = twoDigits(duration.inSeconds.remainder(60));
    return '$twoDigitMinutes:$twoDigitSeconds';
  }

  @override
  Widget build(BuildContext context) {
    final media = widget.galleryItem.mediaService;
    return GestureDetector(
      onTap: widget.onTap,
      child: Hero(
        tag: media.mediaFile.mediaId,
        child: Stack(
          children: [
            if (media.thumbnailPath.existsSync())
              Image.file(media.thumbnailPath)
            else if (media.storedPath.existsSync() &&
                    media.mediaFile.type == MediaType.image ||
                media.mediaFile.type == MediaType.gif)
              Image.file(media.storedPath)
            else
              const Text('Media file removed.'),
            if (widget.galleryItem.mediaService.mediaFile.type ==
                MediaType.video)
              const Positioned.fill(
                child: Center(
                  child: FaIcon(FontAwesomeIcons.circlePlay),
                ),
              ),
          ],
        ),
      ),
    );
  }
}