import 'package:flutter/material.dart';
import 'package:pmsna1/models/popular.dart';

class PopularItem extends StatelessWidget {
  final Popular popular;
  final void Function(bool favorited) onFavorited;
  final void Function() onPressed;

  const PopularItem(
    this.popular, {
    super.key,
    required this.onFavorited,
    required this.onPressed,
  });

  @override
  Widget build(BuildContext context) {
    return Card(
      semanticContainer: true,
      clipBehavior: Clip.antiAliasWithSaveLayer,
      child: InkWell(
        onTap: onPressed,
        child: Stack(
          children: [
            Hero(
              tag: popular.posterPath!,
              child: FadeInImage(
                placeholder: const AssetImage('assets/loading.gif'),
                image: NetworkImage(
                  'https://image.tmdb.org/t/p/w500/${popular.posterPath!}',
                ),
              ),
            ),
            popular.hasFavorite
                ? IconButton(
                    icon: const Icon(Icons.favorite),
                    onPressed: () => onFavorited(!popular.hasFavorite),
                  )
                : IconButton(
                    icon: const Icon(Icons.favorite_outline),
                    onPressed: () => onFavorited(!popular.hasFavorite),
                  ),
          ],
        ),
      ),
    );
  }
}