SpotiFLAC-Mobile/lib/screens/settings_tab.dart

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:file_picker/file_picker.dart';
import 'package:url_launcher/url_launcher.dart';
import 'package:spotiflac_android/constants/app_info.dart';
import 'package:spotiflac_android/providers/settings_provider.dart';
import 'package:spotiflac_android/providers/theme_provider.dart';

class SettingsTab extends ConsumerStatefulWidget {
  const SettingsTab({super.key});

  @override
  ConsumerState<SettingsTab> createState() => _SettingsTabState();
}

class _SettingsTabState extends ConsumerState<SettingsTab> with AutomaticKeepAliveClientMixin {
  @override
  bool get wantKeepAlive => true;

  @override
  Widget build(BuildContext context) {
    super.build(context);
    final settings = ref.watch(settingsProvider);
    final themeSettings = ref.watch(themeProvider);
    final colorScheme = Theme.of(context).colorScheme;

    return ListView(
      children: [
        // Theme Section
        _buildSectionHeader(context, 'Appearance', colorScheme),
        
        // Theme Mode
        ListTile(
          leading: Icon(Icons.brightness_6, color: colorScheme.primary),
          title: const Text('Theme Mode'),
          subtitle: Text(_getThemeModeName(themeSettings.themeMode)),
          onTap: () => _showThemeModePicker(context, ref, themeSettings.themeMode),
        ),
        
        // Dynamic Color Toggle
        SwitchListTile(
          secondary: Icon(Icons.palette, color: colorScheme.primary),
          title: const Text('Dynamic Color'),
          subtitle: const Text('Use colors from your wallpaper'),
          value: themeSettings.useDynamicColor,
          onChanged: (value) => ref.read(themeProvider.notifier).setUseDynamicColor(value),
        ),
        
        // Seed Color Picker (only when dynamic color is disabled)
        if (!themeSettings.useDynamicColor)
          ListTile(
            leading: Container(
              width: 24,
              height: 24,
              decoration: BoxDecoration(
                color: Color(themeSettings.seedColorValue),
                shape: BoxShape.circle,
                border: Border.all(color: colorScheme.outline),
              ),
            ),
            title: const Text('Accent Color'),
            subtitle: const Text('Choose your preferred color'),
            onTap: () => _showColorPicker(context, ref, themeSettings.seedColorValue),
          ),
        
        const Divider(),
        
        // Download Section
        _buildSectionHeader(context, 'Download', colorScheme),

        // Download Service
        ListTile(
          leading: Icon(Icons.cloud_download, color: colorScheme.primary),
          title: const Text('Default Service'),
          subtitle: Text(_getServiceName(settings.defaultService)),
          onTap: () => _showServicePicker(context, ref, settings.defaultService),
        ),

        // Audio Quality
        ListTile(
          leading: Icon(Icons.high_quality, color: colorScheme.primary),
          title: const Text('Audio Quality'),
          subtitle: Text(_getQualityName(settings.audioQuality)),
          onTap: () => _showQualityPicker(context, ref, settings.audioQuality),
        ),

        // Filename Format
        ListTile(
          leading: Icon(Icons.text_fields, color: colorScheme.primary),
          title: const Text('Filename Format'),
          subtitle: Text(settings.filenameFormat),
          onTap: () => _showFormatEditor(context, ref, settings.filenameFormat),
        ),

        // Download Directory
        ListTile(
          leading: Icon(Icons.folder, color: colorScheme.primary),
          title: const Text('Download Directory'),
          subtitle: Text(settings.downloadDirectory.isEmpty ? 'Music/SpotiFLAC' : settings.downloadDirectory),
          onTap: () => _pickDirectory(context, ref),
        ),
        
        const Divider(),
        
        // Options Section
        _buildSectionHeader(context, 'Options', colorScheme),

        // Auto Fallback
        SwitchListTile(
          secondary: Icon(Icons.sync, color: colorScheme.primary),
          title: const Text('Auto Fallback'),
          subtitle: const Text('Try other services if download fails'),
          value: settings.autoFallback,
          onChanged: (value) => ref.read(settingsProvider.notifier).setAutoFallback(value),
        ),

        // Embed Lyrics
        SwitchListTile(
          secondary: Icon(Icons.lyrics, color: colorScheme.primary),
          title: const Text('Embed Lyrics'),
          subtitle: const Text('Embed synced lyrics into FLAC files'),
          value: settings.embedLyrics,
          onChanged: (value) => ref.read(settingsProvider.notifier).setEmbedLyrics(value),
        ),

        // Max Quality Cover
        SwitchListTile(
          secondary: Icon(Icons.image, color: colorScheme.primary),
          title: const Text('Max Quality Cover'),
          subtitle: const Text('Download highest resolution cover art'),
          value: settings.maxQualityCover,
          onChanged: (value) => ref.read(settingsProvider.notifier).setMaxQualityCover(value),
        ),

        // Concurrent Downloads
        ListTile(
          leading: Icon(Icons.download_for_offline, color: colorScheme.primary),
          title: const Text('Concurrent Downloads'),
          subtitle: Text(settings.concurrentDownloads == 1 
              ? 'Sequential (1 at a time)' 
              : '${settings.concurrentDownloads} parallel downloads'),
          onTap: () => _showConcurrentDownloadsPicker(context, ref, settings.concurrentDownloads),
        ),

        // Check for Updates
        SwitchListTile(
          secondary: Icon(Icons.system_update, color: colorScheme.primary),
          title: const Text('Check for Updates'),
          subtitle: const Text('Notify when new version is available'),
          value: settings.checkForUpdates,
          onChanged: (value) => ref.read(settingsProvider.notifier).setCheckForUpdates(value),
        ),
        
        const Divider(),
        
        // GitHub & Credits Section
        _buildSectionHeader(context, 'GitHub & Credits', colorScheme),
        
        ListTile(
          leading: Icon(Icons.code, color: colorScheme.primary),
          title: Text('${AppInfo.appName} Mobile'),
          subtitle: Text('github.com/${AppInfo.githubRepo}'),
          onTap: () => _launchUrl(AppInfo.githubUrl),
        ),
        
        ListTile(
          leading: Icon(Icons.computer, color: colorScheme.primary),
          title: Text('Original ${AppInfo.appName} (Desktop)'),
          subtitle: Text('github.com/${AppInfo.originalAuthor}/SpotiFLAC'),
          onTap: () => _launchUrl(AppInfo.originalGithubUrl),
        ),
        
        Padding(
          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
          child: Text(
            'Mobile version maintained by ${AppInfo.mobileAuthor}\nOriginal project by ${AppInfo.originalAuthor}',
            style: Theme.of(context).textTheme.bodySmall?.copyWith(
              color: colorScheme.onSurfaceVariant,
            ),
          ),
        ),
        
        const Divider(),

        // About
        ListTile(
          leading: Icon(Icons.info, color: colorScheme.primary),
          title: const Text('About'),
          subtitle: Text('${AppInfo.appName} v${AppInfo.version}'),
          onTap: () => _showAboutDialog(context),
        ),
        
        // Bottom padding for navigation bar
        const SizedBox(height: 16),
      ],
    );
  }

  void _showAboutDialog(BuildContext context) {
    final colorScheme = Theme.of(context).colorScheme;
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: Row(
          children: [
            Image.asset('assets/images/logo.png', width: 40, height: 40, errorBuilder: (_, _, _) => Icon(Icons.music_note, size: 40, color: colorScheme.primary)),
            const SizedBox(width: 12),
            Text(AppInfo.appName),
          ],
        ),
        content: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            _buildAboutRow('Version', AppInfo.version, colorScheme),
            const SizedBox(height: 8),
            _buildAboutRow('Mobile', AppInfo.mobileAuthor, colorScheme),
            const SizedBox(height: 8),
            _buildAboutRow('Original', AppInfo.originalAuthor, colorScheme),
            const SizedBox(height: 16),
            Text(
              AppInfo.copyright,
              style: Theme.of(context).textTheme.bodySmall?.copyWith(
                color: colorScheme.onSurfaceVariant,
              ),
            ),
          ],
        ),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: const Text('Close'),
          ),
        ],
      ),
    );
  }

  Widget _buildAboutRow(String label, String value, ColorScheme colorScheme) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Text(label, style: TextStyle(color: colorScheme.onSurfaceVariant)),
        Text(value, style: const TextStyle(fontWeight: FontWeight.w500)),
      ],
    );
  }

  Widget _buildSectionHeader(BuildContext context, String title, ColorScheme colorScheme) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(16, 16, 16, 8),
      child: Text(
        title,
        style: Theme.of(context).textTheme.titleSmall?.copyWith(
          color: colorScheme.primary,
          fontWeight: FontWeight.bold,
        ),
      ),
    );
  }

  String _getThemeModeName(ThemeMode mode) {
    switch (mode) {
      case ThemeMode.light: return 'Light';
      case ThemeMode.dark: return 'Dark';
      case ThemeMode.system: return 'System';
    }
  }

  String _getServiceName(String service) {
    switch (service) {
      case 'tidal': return 'Tidal';
      case 'qobuz': return 'Qobuz';
      case 'amazon': return 'Amazon Music';
      default: return service;
    }
  }

  String _getQualityName(String quality) {
    switch (quality) {
      case 'LOSSLESS': return 'FLAC (16-bit / 44.1kHz)';
      case 'HI_RES': return 'Hi-Res FLAC (24-bit / 96kHz)';
      case 'HI_RES_LOSSLESS': return 'Hi-Res FLAC (24-bit / 192kHz)';
      default: return quality;
    }
  }

  void _showThemeModePicker(BuildContext context, WidgetRef ref, ThemeMode current) {
    final colorScheme = Theme.of(context).colorScheme;
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: const Text('Theme Mode'),
        content: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            _buildThemeModeOption(context, ref, ThemeMode.system, 'System', Icons.brightness_auto, current, colorScheme),
            _buildThemeModeOption(context, ref, ThemeMode.light, 'Light', Icons.light_mode, current, colorScheme),
            _buildThemeModeOption(context, ref, ThemeMode.dark, 'Dark', Icons.dark_mode, current, colorScheme),
          ],
        ),
      ),
    );
  }

  Widget _buildThemeModeOption(BuildContext context, WidgetRef ref, ThemeMode mode, String label, IconData icon, ThemeMode current, ColorScheme colorScheme) {
    final isSelected = mode == current;
    return ListTile(
      leading: Icon(icon, color: isSelected ? colorScheme.primary : null),
      title: Text(label),
      trailing: isSelected ? Icon(Icons.check, color: colorScheme.primary) : null,
      onTap: () {
        ref.read(themeProvider.notifier).setThemeMode(mode);
        Navigator.pop(context);
      },
    );
  }

  void _showColorPicker(BuildContext context, WidgetRef ref, int currentColor) {
    final colors = [
      const Color(0xFF1DB954), const Color(0xFF6750A4), const Color(0xFF0061A4),
      const Color(0xFF006E1C), const Color(0xFFBA1A1A), const Color(0xFF984061),
      const Color(0xFF7D5260), const Color(0xFF006874), const Color(0xFFFF6F00),
    ];
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: const Text('Choose Accent Color'),
        content: Wrap(
          spacing: 12,
          runSpacing: 12,
          children: colors.map((color) {
            final isSelected = color.toARGB32() == currentColor;
            return GestureDetector(
              onTap: () {
                ref.read(themeProvider.notifier).setSeedColor(color);
                Navigator.pop(context);
              },
              child: Container(
                width: 48, height: 48,
                decoration: BoxDecoration(
                  color: color, shape: BoxShape.circle,
                  border: isSelected ? Border.all(color: Theme.of(context).colorScheme.onSurface, width: 3) : null,
                ),
                child: isSelected ? const Icon(Icons.check, color: Colors.white) : null,
              ),
            );
          }).toList(),
        ),
      ),
    );
  }

  void _showServicePicker(BuildContext context, WidgetRef ref, String current) {
    final colorScheme = Theme.of(context).colorScheme;
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: const Text('Select Service'),
        content: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            _buildServiceOption(context, ref, 'tidal', 'Tidal', current, colorScheme),
            _buildServiceOption(context, ref, 'qobuz', 'Qobuz', current, colorScheme),
            _buildServiceOption(context, ref, 'amazon', 'Amazon Music', current, colorScheme),
          ],
        ),
      ),
    );
  }

  Widget _buildServiceOption(BuildContext context, WidgetRef ref, String value, String label, String current, ColorScheme colorScheme) {
    final isSelected = value == current;
    return ListTile(
      title: Text(label),
      trailing: isSelected ? Icon(Icons.check, color: colorScheme.primary) : null,
      onTap: () {
        ref.read(settingsProvider.notifier).setDefaultService(value);
        Navigator.pop(context);
      },
    );
  }

  void _showQualityPicker(BuildContext context, WidgetRef ref, String current) {
    final colorScheme = Theme.of(context).colorScheme;
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: const Text('Select Quality'),
        content: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            // Disclaimer
            Padding(
              padding: const EdgeInsets.only(bottom: 12),
              child: Text(
                'Actual quality depends on track availability. Hi-Res may not be available for all tracks.',
                style: Theme.of(context).textTheme.bodySmall?.copyWith(
                  color: colorScheme.onSurfaceVariant,
                  fontStyle: FontStyle.italic,
                ),
              ),
            ),
            _buildQualityOption(context, ref, 'LOSSLESS', 'FLAC (Lossless)', '16-bit / 44.1kHz', current, colorScheme),
            _buildQualityOption(context, ref, 'HI_RES', 'Hi-Res FLAC', '24-bit / up to 96kHz', current, colorScheme),
            _buildQualityOption(context, ref, 'HI_RES_LOSSLESS', 'Hi-Res FLAC Max', '24-bit / up to 192kHz', current, colorScheme),
          ],
        ),
      ),
    );
  }

  Widget _buildQualityOption(BuildContext context, WidgetRef ref, String value, String title, String subtitle, String current, ColorScheme colorScheme) {
    final isSelected = value == current;
    return ListTile(
      title: Text(title),
      subtitle: Text(subtitle),
      trailing: isSelected ? Icon(Icons.check, color: colorScheme.primary) : null,
      onTap: () {
        ref.read(settingsProvider.notifier).setAudioQuality(value);
        Navigator.pop(context);
      },
    );
  }

  void _showFormatEditor(BuildContext context, WidgetRef ref, String current) {
    final controller = TextEditingController(text: current);
    final colorScheme = Theme.of(context).colorScheme;
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: const Text('Filename Format'),
        content: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            TextField(controller: controller, decoration: const InputDecoration(hintText: '{artist} - {title}')),
            const SizedBox(height: 16),
            Text('Available placeholders:', style: Theme.of(context).textTheme.labelMedium?.copyWith(color: colorScheme.onSurfaceVariant)),
            const SizedBox(height: 4),
            Text('{title}, {artist}, {album}, {track}, {year}, {disc}', style: Theme.of(context).textTheme.bodySmall?.copyWith(color: colorScheme.onSurfaceVariant)),
          ],
        ),
        actions: [
          TextButton(onPressed: () => Navigator.pop(context), child: const Text('Cancel')),
          FilledButton(
            onPressed: () {
              ref.read(settingsProvider.notifier).setFilenameFormat(controller.text);
              Navigator.pop(context);
            },
            child: const Text('Save'),
          ),
        ],
      ),
    );
  }

  Future<void> _pickDirectory(BuildContext context, WidgetRef ref) async {
    final result = await FilePicker.platform.getDirectoryPath();
    if (result != null) {
      ref.read(settingsProvider.notifier).setDownloadDirectory(result);
    }
  }

  void _showConcurrentDownloadsPicker(BuildContext context, WidgetRef ref, int current) {
    final colorScheme = Theme.of(context).colorScheme;
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: const Text('Concurrent Downloads'),
        content: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            _buildConcurrentOption(context, ref, 1, 'Sequential', 'Download one at a time (recommended)', current, colorScheme),
            _buildConcurrentOption(context, ref, 2, '2 Parallel', 'Download 2 tracks simultaneously', current, colorScheme),
            _buildConcurrentOption(context, ref, 3, '3 Parallel', 'Download 3 tracks simultaneously', current, colorScheme),
            const SizedBox(height: 12),
            Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Icon(Icons.warning_amber_rounded, size: 16, color: colorScheme.error),
                const SizedBox(width: 8),
                Expanded(
                  child: Text(
                    'Parallel downloads may trigger rate limiting from streaming services.',
                    style: Theme.of(context).textTheme.bodySmall?.copyWith(
                      color: colorScheme.error,
                    ),
                  ),
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }

  Widget _buildConcurrentOption(BuildContext context, WidgetRef ref, int value, String title, String subtitle, int current, ColorScheme colorScheme) {
    final isSelected = value == current;
    return ListTile(
      title: Text(title),
      subtitle: Text(subtitle),
      trailing: isSelected ? Icon(Icons.check, color: colorScheme.primary) : null,
      onTap: () {
        ref.read(settingsProvider.notifier).setConcurrentDownloads(value);
        Navigator.pop(context);
      },
    );
  }

  Future<void> _launchUrl(String url) async {
    final uri = Uri.parse(url);
    if (await canLaunchUrl(uri)) {
      await launchUrl(uri, mode: LaunchMode.externalApplication);
    }
  }
}