import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
import 'package:solian/models/post.dart';
import 'package:solian/router.dart';
import 'package:solian/widgets/sized_container.dart';
import 'package:solian/widgets/posts/post_action.dart';
import 'package:solian/widgets/posts/post_item.dart';

class PostListWidget extends StatelessWidget {
  final bool isShowEmbed;
  final bool isClickable;
  final bool isNestedClickable;
  final PagingController<int, Post> controller;

  const PostListWidget({
    super.key,
    required this.controller,
    this.isShowEmbed = true,
    this.isClickable = true,
    this.isNestedClickable = true,
  });

  @override
  Widget build(BuildContext context) {
    return PagedSliverList<int, Post>.separated(
      addRepaintBoundaries: true,
      pagingController: controller,
      builderDelegate: PagedChildBuilderDelegate<Post>(
        itemBuilder: (context, item, index) {
          return CenteredContainer(
            child: PostListEntryWidget(
              isShowEmbed: isShowEmbed,
              isNestedClickable: isNestedClickable,
              isClickable: isClickable,
              item: item,
              onUpdate: () {
                controller.refresh();
              },
            ),
          );
        },
      ),
      separatorBuilder: (_, __) => const Divider(thickness: 0.3, height: 0.3),
    );
  }
}

class PostListEntryWidget extends StatelessWidget {
  final bool isShowEmbed;
  final bool isNestedClickable;
  final bool isClickable;
  final Post item;
  final Function onUpdate;

  const PostListEntryWidget({
    super.key,
    required this.isShowEmbed,
    required this.isNestedClickable,
    required this.isClickable,
    required this.item,
    required this.onUpdate,
  });

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      child: PostItem(
        key: Key('p${item.alias}'),
        item: item,
        isShowEmbed: isShowEmbed,
        isClickable: isNestedClickable,
      ).paddingSymmetric(vertical: 8),
      onTap: () {
        if (!isClickable) return;
        AppRouter.instance.pushNamed(
          'postDetail',
          pathParameters: {'alias': item.alias},
        );
      },
      onLongPress: () {
        showModalBottomSheet(
          useRootNavigator: true,
          context: context,
          builder: (context) => PostAction(item: item),
        ).then((value) {
          if (value != null) onUpdate();
        });
      },
    );
  }
}