import 'package:flutter/material.dart';
import 'package:chewie/chewie.dart';
import 'package:solian/models/post.dart';
import 'package:solian/utils/service_url.dart';
import 'package:flutter_carousel_widget/flutter_carousel_widget.dart';
import 'package:solian/widgets/posts/attachment_screen.dart';
import 'package:uuid/uuid.dart';
import 'package:video_player/video_player.dart';

class AttachmentItem extends StatefulWidget {
  final int type;
  final String url;
  final String? tag;
  final String? badge;

  const AttachmentItem({
    super.key,
    required this.type,
    required this.url,
    this.tag,
    this.badge,
  });

  @override
  State<AttachmentItem> createState() => _AttachmentItemState();
}

class _AttachmentItemState extends State<AttachmentItem> {
  String getTag() => 'attachment-${widget.tag ?? const Uuid().v4()}';

  VideoPlayerController? _vpController;
  ChewieController? _chewieController;

  @override
  Widget build(BuildContext context) {
    const borderRadius = Radius.circular(8);
    final tag = getTag();

    Widget content;

    if (widget.type == 1) {
      content = GestureDetector(
        child: ClipRRect(
          borderRadius: const BorderRadius.all(borderRadius),
          child: Hero(
            tag: tag,
            child: Stack(
              children: [
                Image.network(
                  widget.url,
                  width: double.infinity,
                  height: double.infinity,
                  fit: BoxFit.cover,
                ),
                widget.badge == null
                    ? Container()
                    : Positioned(
                        right: 12,
                        bottom: 8,
                        child: Chip(label: Text(widget.badge!)),
                      )
              ],
            ),
          ),
        ),
        onTap: () {
          Navigator.push(
            context,
            MaterialPageRoute(builder: (_) {
              return AttachmentScreen(
                tag: tag,
                url: widget.url,
              );
            }),
          );
        },
      );
    } else {
      _vpController = VideoPlayerController.networkUrl(Uri.parse(widget.url));
      _chewieController = ChewieController(
        videoPlayerController: _vpController!,
      );

      content = FutureBuilder(
        future: () async {
          await _vpController?.initialize();
          return true;
        }(),
        builder: (context, snapshot) {
          if (snapshot.hasData) {
            return ClipRRect(
              borderRadius: const BorderRadius.all(borderRadius),
              child: Chewie(
                controller: _chewieController!,
              ),
            );
          } else {
            return const Center(
              child: CircularProgressIndicator(),
            );
          }
        },
      );
    }

    return Container(
      width: MediaQuery.of(context).size.width,
      decoration: BoxDecoration(
        borderRadius: const BorderRadius.all(borderRadius),
        border: Border.all(
          color: Theme.of(context).dividerColor,
          width: 0.9,
        ),
      ),
      child: content,
    );
  }

  @override
  void dispose() {
    _vpController?.dispose();
    _chewieController?.dispose();
    super.dispose();
  }
}

class AttachmentList extends StatelessWidget {
  final List<Attachment> items;

  const AttachmentList({super.key, required this.items});

  Uri getFileUri(String fileId) =>
      getRequestUri('interactive', '/api/attachments/o/$fileId');

  @override
  Widget build(BuildContext context) {
    var renderProgress = 0;
    return FlutterCarousel(
      options: CarouselOptions(
        aspectRatio: 16 / 9,
        viewportFraction: 1,
        showIndicator: false,
      ),
      items: items.map((item) {
        renderProgress++;
        final badge = '$renderProgress/${items.length}';
        return Builder(
          builder: (BuildContext context) {
            return Padding(
              padding: const EdgeInsets.symmetric(horizontal: 4),
              child: AttachmentItem(
                type: item.type,
                tag: item.fileId,
                url: getFileUri(item.fileId).toString(),
                badge: items.length <= 1 ? null : badge,
              ),
            );
          },
        );
      }).toList(),
    );
  }
}