SpotiFLAC-Mobile/lib/widgets/playlist_picker_sheet.dart

import 'dart:io';

import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:spotiflac_android/l10n/l10n.dart';
import 'package:spotiflac_android/models/track.dart';
import 'package:spotiflac_android/providers/library_collections_provider.dart';
import 'package:spotiflac_android/services/cover_cache_manager.dart';

Future<void> showAddTrackToPlaylistSheet(
  BuildContext context,
  WidgetRef ref,
  Track track,
) async {
  final notifier = ref.read(libraryCollectionsProvider.notifier);
  final state = ref.read(libraryCollectionsProvider);

  if (!context.mounted) return;

  await showModalBottomSheet<void>(
    context: context,
    showDragHandle: true,
    builder: (sheetContext) {
      final playlists = ref.watch(
        libraryCollectionsProvider.select((state) => state.playlists),
      );
      return SafeArea(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            ListTile(
              leading: const Icon(Icons.playlist_add),
              title: Text(sheetContext.l10n.collectionAddToPlaylist),
              subtitle: Text('${track.name} • ${track.artistName}'),
            ),
            const Divider(height: 1),
            ListTile(
              leading: const Icon(Icons.add_circle_outline),
              title: Text(sheetContext.l10n.collectionCreatePlaylist),
              onTap: () async {
                Navigator.of(sheetContext).pop();
                final name = await _promptPlaylistName(context);
                if (name == null || name.trim().isEmpty || !context.mounted) {
                  return;
                }
                final playlistId = await notifier.createPlaylist(name.trim());
                final added = await notifier.addTrackToPlaylist(
                  playlistId,
                  track,
                );
                if (!context.mounted) return;
                ScaffoldMessenger.of(context).showSnackBar(
                  SnackBar(
                    content: Text(
                      added
                          ? context.l10n.collectionAddedToPlaylist(name.trim())
                          : context.l10n.collectionAlreadyInPlaylist(
                              name.trim(),
                            ),
                    ),
                  ),
                );
              },
            ),
            if (playlists.isEmpty)
              Padding(
                padding: const EdgeInsets.fromLTRB(20, 8, 20, 24),
                child: Text(
                  sheetContext.l10n.collectionNoPlaylistsYet,
                  style: Theme.of(sheetContext).textTheme.bodyMedium?.copyWith(
                    color: Theme.of(sheetContext).colorScheme.onSurfaceVariant,
                  ),
                ),
              )
            else
              ConstrainedBox(
                constraints: const BoxConstraints(maxHeight: 320),
                child: ListView.builder(
                  shrinkWrap: true,
                  itemCount: playlists.length,
                  itemBuilder: (context, index) {
                    final playlist = playlists[index];
                    final alreadyInPlaylist = playlist.containsTrack(track);
                    return ListTile(
                      leading: _PlaylistPickerThumbnail(
                        playlist: playlist,
                        isSelected: alreadyInPlaylist,
                      ),
                      title: Text(playlist.name),
                      subtitle: Text(
                        context.l10n.collectionPlaylistTracks(
                          playlist.tracks.length,
                        ),
                      ),
                      enabled: !alreadyInPlaylist,
                      onTap: !alreadyInPlaylist
                          ? () async {
                              final added = await notifier.addTrackToPlaylist(
                                playlist.id,
                                track,
                              );
                              if (!context.mounted) return;
                              Navigator.of(sheetContext).pop();
                              ScaffoldMessenger.of(context).showSnackBar(
                                SnackBar(
                                  content: Text(
                                    added
                                        ? context.l10n
                                              .collectionAddedToPlaylist(
                                                playlist.name,
                                              )
                                        : context.l10n
                                              .collectionAlreadyInPlaylist(
                                                playlist.name,
                                              ),
                                  ),
                                ),
                              );
                            }
                          : null,
                    );
                  },
                ),
              ),
            const SizedBox(height: 8),
          ],
        ),
      );
    },
  );

  if (!context.mounted) return;

  final afterState = ref.read(libraryCollectionsProvider);
  if (afterState.playlists.length != state.playlists.length) {
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text(context.l10n.collectionPlaylistCreated)),
    );
  }
}

/// Batch version: add multiple tracks to a chosen playlist.
Future<void> showAddTracksToPlaylistSheet(
  BuildContext context,
  WidgetRef ref,
  List<Track> tracks,
) async {
  if (tracks.isEmpty) return;

  final notifier = ref.read(libraryCollectionsProvider.notifier);

  if (!context.mounted) return;

  await showModalBottomSheet<void>(
    context: context,
    showDragHandle: true,
    builder: (sheetContext) {
      final playlists = ref.watch(
        libraryCollectionsProvider.select((state) => state.playlists),
      );
      return SafeArea(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            ListTile(
              leading: const Icon(Icons.playlist_add),
              title: Text(sheetContext.l10n.collectionAddToPlaylist),
              subtitle: Text(
                '${tracks.length} ${tracks.length == 1 ? 'track' : 'tracks'}',
              ),
            ),
            const Divider(height: 1),
            ListTile(
              leading: const Icon(Icons.add_circle_outline),
              title: Text(sheetContext.l10n.collectionCreatePlaylist),
              onTap: () async {
                Navigator.of(sheetContext).pop();
                final name = await _promptPlaylistName(context);
                if (name == null || name.trim().isEmpty || !context.mounted) {
                  return;
                }
                final playlistId = await notifier.createPlaylist(name.trim());
                final result = await notifier.addTracksToPlaylist(
                  playlistId,
                  tracks,
                );
                if (!context.mounted) return;
                ScaffoldMessenger.of(context).showSnackBar(
                  SnackBar(
                    content: Text(
                      result.addedCount > 0
                          ? context.l10n.collectionAddedToPlaylist(name.trim())
                          : context.l10n.collectionAlreadyInPlaylist(
                              name.trim(),
                            ),
                    ),
                  ),
                );
              },
            ),
            if (playlists.isEmpty)
              Padding(
                padding: const EdgeInsets.fromLTRB(20, 8, 20, 24),
                child: Text(
                  sheetContext.l10n.collectionNoPlaylistsYet,
                  style: Theme.of(sheetContext).textTheme.bodyMedium?.copyWith(
                    color: Theme.of(sheetContext).colorScheme.onSurfaceVariant,
                  ),
                ),
              )
            else
              ConstrainedBox(
                constraints: const BoxConstraints(maxHeight: 320),
                child: ListView.builder(
                  shrinkWrap: true,
                  itemCount: playlists.length,
                  itemBuilder: (context, index) {
                    final playlist = playlists[index];
                    return ListTile(
                      leading: _PlaylistPickerThumbnail(
                        playlist: playlist,
                        isSelected: false,
                      ),
                      title: Text(playlist.name),
                      subtitle: Text(
                        context.l10n.collectionPlaylistTracks(
                          playlist.tracks.length,
                        ),
                      ),
                      onTap: () async {
                        final result = await notifier.addTracksToPlaylist(
                          playlist.id,
                          tracks,
                        );
                        if (!context.mounted) return;
                        Navigator.of(sheetContext).pop();
                        ScaffoldMessenger.of(context).showSnackBar(
                          SnackBar(
                            content: Text(
                              result.addedCount > 0
                                  ? context.l10n.collectionAddedToPlaylist(
                                      playlist.name,
                                    )
                                  : context.l10n.collectionAlreadyInPlaylist(
                                      playlist.name,
                                    ),
                            ),
                          ),
                        );
                      },
                    );
                  },
                ),
              ),
            const SizedBox(height: 8),
          ],
        ),
      );
    },
  );
}

Future<String?> _promptPlaylistName(BuildContext context) async {
  final controller = TextEditingController();
  final formKey = GlobalKey<FormState>();

  final result = await showDialog<String>(
    context: context,
    builder: (dialogContext) {
      return AlertDialog(
        title: Text(dialogContext.l10n.collectionCreatePlaylist),
        content: Form(
          key: formKey,
          child: TextFormField(
            controller: controller,
            autofocus: true,
            textInputAction: TextInputAction.done,
            decoration: InputDecoration(
              hintText: dialogContext.l10n.collectionPlaylistNameHint,
            ),
            validator: (value) {
              final trimmed = value?.trim() ?? '';
              if (trimmed.isEmpty) {
                return dialogContext.l10n.collectionPlaylistNameRequired;
              }
              return null;
            },
            onFieldSubmitted: (_) {
              if (formKey.currentState?.validate() != true) return;
              Navigator.of(dialogContext).pop(controller.text.trim());
            },
          ),
        ),
        actions: [
          TextButton(
            onPressed: () => Navigator.of(dialogContext).pop(),
            child: Text(dialogContext.l10n.dialogCancel),
          ),
          FilledButton(
            onPressed: () {
              if (formKey.currentState?.validate() != true) return;
              Navigator.of(dialogContext).pop(controller.text.trim());
            },
            child: Text(dialogContext.l10n.actionCreate),
          ),
        ],
      );
    },
  );

  return result;
}

class _PlaylistPickerThumbnail extends StatelessWidget {
  final UserPlaylistCollection playlist;
  final bool isSelected;

  const _PlaylistPickerThumbnail({
    required this.playlist,
    required this.isSelected,
  });

  @override
  Widget build(BuildContext context) {
    final colorScheme = Theme.of(context).colorScheme;
    const double size = 48;
    final borderRadius = BorderRadius.circular(8);

    return SizedBox(
      width: size,
      height: size,
      child: Stack(
        children: [
          ClipRRect(
            borderRadius: borderRadius,
            child: _buildCoverImage(colorScheme, size),
          ),
          if (isSelected) ...[
            Positioned.fill(
              child: Container(
                decoration: BoxDecoration(
                  color: colorScheme.primary.withValues(alpha: 0.3),
                  borderRadius: borderRadius,
                ),
              ),
            ),
            Positioned(
              right: 2,
              top: 2,
              child: Container(
                decoration: BoxDecoration(
                  color: colorScheme.primary,
                  shape: BoxShape.circle,
                  border: Border.all(
                    color: colorScheme.primary,
                    width: 1.5,
                  ),
                ),
                child: Icon(
                  Icons.check,
                  color: colorScheme.onPrimary,
                  size: 14,
                ),
              ),
            ),
          ],
        ],
      ),
    );
  }

  Widget _buildCoverImage(ColorScheme colorScheme, double size) {
    final customCoverPath = playlist.coverImagePath;
    if (customCoverPath != null && customCoverPath.isNotEmpty) {
      return Image.file(
        File(customCoverPath),
        width: size,
        height: size,
        fit: BoxFit.cover,
        errorBuilder: (_, _, _) => _iconFallback(colorScheme, size),
      );
    }

    String? firstCoverUrl;
    for (final entry in playlist.tracks) {
      final coverUrl = entry.track.coverUrl;
      if (coverUrl != null && coverUrl.isNotEmpty) {
        firstCoverUrl = coverUrl;
        break;
      }
    }

    if (firstCoverUrl != null) {
      final isLocalPath =
          !firstCoverUrl.startsWith('http://') &&
          !firstCoverUrl.startsWith('https://');

      if (isLocalPath) {
        return Image.file(
          File(firstCoverUrl),
          width: size,
          height: size,
          fit: BoxFit.cover,
          errorBuilder: (_, _, _) => _iconFallback(colorScheme, size),
        );
      }

      return CachedNetworkImage(
        imageUrl: firstCoverUrl,
        width: size,
        height: size,
        fit: BoxFit.cover,
        memCacheWidth: (size * 2).toInt(),
        cacheManager: CoverCacheManager.instance,
        placeholder: (_, _) => _iconFallback(colorScheme, size),
        errorWidget: (_, _, _) => _iconFallback(colorScheme, size),
      );
    }

    return _iconFallback(colorScheme, size);
  }

  Widget _iconFallback(ColorScheme colorScheme, double size) {
    return Container(
      width: size,
      height: size,
      decoration: BoxDecoration(
        color: colorScheme.surfaceContainerHighest,
        borderRadius: BorderRadius.circular(8),
      ),
      child: Icon(Icons.queue_music, color: colorScheme.onSurfaceVariant),
    );
  }
}