import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:immich_mobile/domain/models/render_list_element.model.dart';
import 'package:immich_mobile/presentation/components/grid/asset_grid.state.dart';
import 'package:immich_mobile/presentation/components/image/immich_image.widget.dart';
import 'package:immich_mobile/presentation/components/image/immich_thumbnail.widget.dart';
import 'package:immich_mobile/utils/extensions/async_snapshot.extension.dart';

class ImStaticGrid extends StatelessWidget {
  final RenderListAssetElement section;

  const ImStaticGrid({super.key, required this.section});

  @override
  Widget build(BuildContext context) {
    return BlocSelector<AssetGridCubit, AssetGridState, bool>(
      selector: (state) => state.isDragScrolling,
      builder: (_, isDragging) => FutureBuilder(
        future: isDragging
            ? Future.value(null)
            // ignore: avoid-async-call-in-sync-function
            : context.read<AssetGridCubit>().loadAssets(
                  section.assetOffset,
                  section.assetCount,
                ),
        builder: (_, assetsSnap) {
          final assets = assetsSnap.data;
          return GridView.builder(
            physics: const NeverScrollableScrollPhysics(),
            shrinkWrap: true,
            padding: const EdgeInsets.all(0),
            gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
              crossAxisCount: 4,
              mainAxisSpacing: 3,
              crossAxisSpacing: 3,
            ),
            itemBuilder: (_, i) {
              if (isDragging) {
                return const ImImagePlaceholder();
              }

              final asset = assetsSnap.isWaiting || assets == null
                  ? null
                  : assets.elementAtOrNull(i);
              return SizedBox.square(
                dimension: 200,
                // Show Placeholder when drag scrolled
                child: asset == null
                    ? const ImImagePlaceholder()
                    : ImThumbnail(asset),
              );
            },
            itemCount: section.assetCount,
            addAutomaticKeepAlives: false,
            cacheExtent: 100,
          );
        },
      ),
    );
  }
}