AudiOhm/frontend/lib/presentation/widgets/search/search_album_card.dart

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

import '../../../../domain/entities/album.dart';
import '../../../../core/theme/colors.dart';
import '../common/cached_network_image_with_fallback.dart';

/// Search result card for an album with hover state and click cursor
class SearchAlbumCard extends StatefulWidget {
  final Album album;
  final VoidCallback? onTap;

  const SearchAlbumCard({
    required this.album,
    this.onTap,
    super.key,
  });

  @override
  State<SearchAlbumCard> createState() => _SearchAlbumCardState();
}

class _SearchAlbumCardState extends State<SearchAlbumCard> {
  bool _isHovered = false;

  @override
  Widget build(BuildContext context) {
    return MouseRegion(
      onEnter: (_) => setState(() => _isHovered = true),
      onExit: (_) => setState(() => _isHovered = false),
      cursor: SystemMouseCursors.click,
      child: GestureDetector(
        onTap: widget.onTap,
        child: AnimatedContainer(
          duration: const Duration(milliseconds: 200),
          decoration: BoxDecoration(
            color: AppColors.surface,
            borderRadius: BorderRadius.circular(12),
            border: Border.all(
              color: _isHovered
                  ? AppColors.rose
                  : AppColors.rose.withOpacity(0.3),
              width: _isHovered ? 2 : 1,
            ),
            boxShadow: _isHovered
                ? [
                    BoxShadow(
                      color: AppColors.rose.withOpacity(0.3),
                      blurRadius: 20,
                      offset: const Offset(0, 4),
                    ),
                  ]
                : null,
          ),
          child: Column(
            children: [
              // Album cover or placeholder
              Expanded(
                child: ClipRRect(
                  borderRadius: const BorderRadius.vertical(
                    top: Radius.circular(12),
                  ),
                  child: Container(
                    width: double.infinity,
                    decoration: BoxDecoration(
                      gradient: AppColors.fullGradient,
                    ),
                    child: CachedNetworkImageWithFallback(
                      imageUrl: widget.album.imageUrl,
                      fallbackIcon: Icons.album,
                      progressColor: AppColors.rose,
                    ),
                  ),
                ),
              ),
              // Album info
              Padding(
                padding: const EdgeInsets.all(8),
                child: Column(
                  children: [
                    Text(
                      widget.album.title,
                      style: const TextStyle(
                        color: AppColors.onSurface,
                        fontWeight: FontWeight.w500,
                        fontSize: 14,
                      ),
                      maxLines: 1,
                      overflow: TextOverflow.ellipsis,
                      textAlign: TextAlign.center,
                    ),
                    if (widget.album.artist != null)
                      Text(
                        widget.album.artist!.name,
                        style: const TextStyle(
                          color: AppColors.muted,
                          fontSize: 12,
                        ),
                        maxLines: 1,
                        overflow: TextOverflow.ellipsis,
                        textAlign: TextAlign.center,
                      ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}