import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:spotiflac_android/l10n/l10n.dart';
import 'package:spotiflac_android/providers/extension_provider.dart';
import 'package:spotiflac_android/providers/settings_provider.dart';
import 'package:spotiflac_android/screens/settings/lyrics_provider_priority_page.dart';
import 'package:spotiflac_android/widgets/settings_group.dart';
import 'package:spotiflac_android/widgets/app_sliver_header.dart';

class LyricsSettingsPage extends ConsumerWidget {
  const LyricsSettingsPage({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final settings = ref.watch(settingsProvider);
    final extensionProviderNames = <String, String>{
      for (final extension in ref.watch(extensionProvider).extensions)
        'extension:${extension.id.toLowerCase()}': extension.displayName,
    };

    return PopScope(
      canPop: true,
      child: Scaffold(
        body: CustomScrollView(
          slivers: [
            AppSliverHeader.page(title: context.l10n.settingsLyrics),

            SliverToBoxAdapter(
              child: SettingsSectionHeader(title: context.l10n.sectionLyrics),
            ),
            SliverToBoxAdapter(
              child: SettingsGroup(
                children: [
                  SettingsSwitchItem(
                    icon: Icons.subtitles_outlined,
                    title: context.l10n.optionsEmbedLyrics,
                    subtitle: settings.embedMetadata
                        ? context.l10n.optionsEmbedLyricsSubtitle
                        : context.l10n.downloadEmbedLyricsDisabled,
                    value: settings.embedLyrics,
                    enabled: settings.embedMetadata,
                    onChanged: (value) => ref
                        .read(settingsProvider.notifier)
                        .setEmbedLyrics(value),
                    showDivider: settings.embedMetadata && settings.embedLyrics,
                  ),
                  if (settings.embedMetadata && settings.embedLyrics) ...[
                    SettingsItem(
                      icon: Icons.lyrics_outlined,
                      title: context.l10n.lyricsMode,
                      subtitle: _getLyricsModeLabel(
                        context,
                        settings.lyricsMode,
                      ),
                      onTap: () => _showLyricsModePicker(
                        context,
                        ref,
                        settings.lyricsMode,
                      ),
                    ),
                    SettingsItem(
                      icon: Icons.source_outlined,
                      title: context.l10n.lyricsProvidersTitle,
                      subtitle: _getLyricsProvidersSubtitle(
                        context,
                        settings.lyricsProviders,
                        extensionProviderNames,
                      ),
                      onTap: () => Navigator.push(
                        context,
                        MaterialPageRoute<void>(
                          builder: (_) => const LyricsProviderPriorityPage(),
                        ),
                      ),
                      showDivider: false,
                    ),
                  ],
                ],
              ),
            ),

            if (settings.embedMetadata && settings.embedLyrics) ...[
              SliverToBoxAdapter(
                child: SettingsSectionHeader(
                  title: context.l10n.sectionLyricsProviderOptions,
                ),
              ),
              SliverToBoxAdapter(
                child: SettingsGroup(
                  children: [
                    SettingsSwitchItem(
                      icon: Icons.translate_outlined,
                      title: context.l10n.downloadNeteaseIncludeTranslation,
                      subtitle: settings.lyricsIncludeTranslationNetease
                          ? context
                                .l10n
                                .downloadNeteaseIncludeTranslationEnabled
                          : context
                                .l10n
                                .downloadNeteaseIncludeTranslationDisabled,
                      value: settings.lyricsIncludeTranslationNetease,
                      onChanged: (value) => ref
                          .read(settingsProvider.notifier)
                          .setLyricsIncludeTranslationNetease(value),
                    ),
                    SettingsSwitchItem(
                      icon: Icons.text_fields_outlined,
                      title: context.l10n.downloadNeteaseIncludeRomanization,
                      subtitle: settings.lyricsIncludeRomanizationNetease
                          ? context
                                .l10n
                                .downloadNeteaseIncludeRomanizationEnabled
                          : context
                                .l10n
                                .downloadNeteaseIncludeRomanizationDisabled,
                      value: settings.lyricsIncludeRomanizationNetease,
                      onChanged: (value) => ref
                          .read(settingsProvider.notifier)
                          .setLyricsIncludeRomanizationNetease(value),
                    ),
                    SettingsSwitchItem(
                      icon: Icons.record_voice_over_outlined,
                      title: context.l10n.downloadAppleQqMultiPerson,
                      subtitle: settings.lyricsMultiPersonWordByWord
                          ? context.l10n.downloadAppleQqMultiPersonEnabled
                          : context.l10n.downloadAppleQqMultiPersonDisabled,
                      value: settings.lyricsMultiPersonWordByWord,
                      onChanged: (value) => ref
                          .read(settingsProvider.notifier)
                          .setLyricsMultiPersonWordByWord(value),
                    ),
                    SettingsSwitchItem(
                      icon: Icons.graphic_eq_outlined,
                      title: context.l10n.downloadAppleElrcWordSync,
                      subtitle: settings.lyricsAppleElrcWordSync
                          ? context.l10n.downloadAppleElrcWordSyncEnabled
                          : context.l10n.downloadAppleElrcWordSyncDisabled,
                      value: settings.lyricsAppleElrcWordSync,
                      onChanged: (value) => ref
                          .read(settingsProvider.notifier)
                          .setLyricsAppleElrcWordSync(value),
                    ),
                    SettingsItem(
                      icon: Icons.language_outlined,
                      title: context.l10n.downloadMusixmatchLanguage,
                      subtitle: settings.musixmatchLanguage.isEmpty
                          ? context.l10n.downloadMusixmatchLanguageAuto
                          : settings.musixmatchLanguage.toUpperCase(),
                      onTap: () => _showMusixmatchLanguagePicker(
                        context,
                        ref,
                        settings.musixmatchLanguage,
                      ),
                      showDivider: false,
                    ),
                  ],
                ),
              ),
            ],

            const SliverToBoxAdapter(child: SizedBox(height: 32)),
          ],
        ),
      ),
    );
  }

  String _getLyricsModeLabel(BuildContext context, String mode) {
    switch (mode) {
      case 'external':
        return context.l10n.lyricsModeExternal;
      case 'both':
        return context.l10n.lyricsModeBoth;
      default:
        return context.l10n.lyricsModeEmbed;
    }
  }

  static const _providerDisplayNames = <String, String>{
    'lrclib': 'LRCLIB',
    'netease': 'Netease',
    'musixmatch': 'Musixmatch',
    'apple_music': 'Apple Music',
    'qqmusic': 'QQ Music',
    'spotify': 'Spotify',
    'deezer': 'Deezer',
    'youtube': 'YouTube',
    'kugou': 'Kugou',
    'genius': 'Genius',
    'lyricsplus': 'LyricsPlus',
  };

  String _getLyricsProvidersSubtitle(
    BuildContext context,
    List<String> providers,
    Map<String, String> extensionProviderNames,
  ) {
    if (providers.isEmpty) return context.l10n.downloadProvidersNoneEnabled;
    return providers
        .map(
          (provider) =>
              _providerDisplayNames[provider] ??
              extensionProviderNames[provider] ??
              (provider.startsWith('extension:')
                  ? provider.substring('extension:'.length)
                  : provider),
        )
        .join(' > ');
  }

  void _showLyricsModePicker(
    BuildContext context,
    WidgetRef ref,
    String current,
  ) {
    final colorScheme = Theme.of(context).colorScheme;
    showModalBottomSheet<void>(
      context: context,
      useRootNavigator: true,
      backgroundColor: colorScheme.surfaceContainerHigh,
      builder: (context) => SafeArea(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Padding(
              padding: const EdgeInsets.fromLTRB(24, 24, 24, 8),
              child: Text(
                context.l10n.lyricsMode,
                style: Theme.of(
                  context,
                ).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.bold),
              ),
            ),
            Padding(
              padding: const EdgeInsets.fromLTRB(24, 0, 24, 16),
              child: Text(
                context.l10n.lyricsModeDescription,
                style: Theme.of(context).textTheme.bodyMedium?.copyWith(
                  color: colorScheme.onSurfaceVariant,
                ),
              ),
            ),
            ListTile(
              leading: const Icon(Icons.audiotrack),
              title: Text(context.l10n.lyricsModeEmbed),
              subtitle: Text(context.l10n.lyricsModeEmbedSubtitle),
              trailing: current == 'embed' ? const Icon(Icons.check) : null,
              onTap: () {
                ref.read(settingsProvider.notifier).setLyricsMode('embed');
                Navigator.pop(context);
              },
            ),
            ListTile(
              leading: const Icon(Icons.insert_drive_file_outlined),
              title: Text(context.l10n.lyricsModeExternal),
              subtitle: Text(context.l10n.lyricsModeExternalSubtitle),
              trailing: current == 'external' ? const Icon(Icons.check) : null,
              onTap: () {
                ref.read(settingsProvider.notifier).setLyricsMode('external');
                Navigator.pop(context);
              },
            ),
            ListTile(
              leading: const Icon(Icons.library_music_outlined),
              title: Text(context.l10n.lyricsModeBoth),
              subtitle: Text(context.l10n.lyricsModeBothSubtitle),
              trailing: current == 'both' ? const Icon(Icons.check) : null,
              onTap: () {
                ref.read(settingsProvider.notifier).setLyricsMode('both');
                Navigator.pop(context);
              },
            ),
            const SizedBox(height: 16),
          ],
        ),
      ),
    );
  }

  void _showMusixmatchLanguagePicker(
    BuildContext context,
    WidgetRef ref,
    String currentLanguage,
  ) {
    final colorScheme = Theme.of(context).colorScheme;
    final controller = TextEditingController(text: currentLanguage);

    showModalBottomSheet<void>(
      context: context,
      useRootNavigator: true,
      backgroundColor: colorScheme.surfaceContainerHigh,
      isScrollControlled: true,
      builder: (context) => Padding(
        padding: EdgeInsets.only(
          left: 24,
          right: 24,
          top: 24,
          bottom: 24 + MediaQuery.viewInsetsOf(context).bottom,
        ),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              context.l10n.downloadMusixmatchLanguage,
              style: Theme.of(
                context,
              ).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.bold),
            ),
            const SizedBox(height: 8),
            Text(
              context.l10n.downloadMusixmatchLanguageDesc,
              style: Theme.of(context).textTheme.bodyMedium?.copyWith(
                color: colorScheme.onSurfaceVariant,
              ),
            ),
            const SizedBox(height: 16),
            TextField(
              controller: controller,
              textInputAction: TextInputAction.done,
              decoration: InputDecoration(
                labelText: context.l10n.downloadMusixmatchLanguageCode,
                hintText: context.l10n.downloadMusixmatchLanguageHint,
              ),
            ),
            const SizedBox(height: 16),
            Row(
              mainAxisAlignment: MainAxisAlignment.end,
              children: [
                TextButton(
                  onPressed: () => Navigator.pop(context),
                  child: Text(context.l10n.dialogCancel),
                ),
                const SizedBox(width: 8),
                TextButton(
                  onPressed: () {
                    ref
                        .read(settingsProvider.notifier)
                        .setMusixmatchLanguage('');
                    Navigator.pop(context);
                  },
                  child: Text(context.l10n.downloadMusixmatchAuto),
                ),
                const SizedBox(width: 8),
                FilledButton(
                  onPressed: () {
                    final normalized = controller.text
                        .trim()
                        .toLowerCase()
                        .replaceAll(RegExp(r'[^a-z0-9\-_]'), '');
                    ref
                        .read(settingsProvider.notifier)
                        .setMusixmatchLanguage(normalized);
                    Navigator.pop(context);
                  },
                  child: Text(context.l10n.dialogSave),
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}