xtremobile/lib/features/iptv/widgets/mobile_settings_tab.dart

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:google_fonts/google_fonts.dart';
// import 'package:dio_cache_interceptor_hive_store/dio_cache_interceptor_hive_store.dart';
import 'package:xtremobile/mobile/providers/mobile_settings_providers.dart';
import 'package:xtremobile/mobile/widgets/tv_focusable.dart';
import 'package:xtremobile/core/theme/app_colors.dart';
import 'package:xtremobile/features/iptv/screens/mobile_playlist_selection_screen.dart';

/// Simplified mobile settings tab - optimized for TV remote control
class MobileSettingsTab extends ConsumerStatefulWidget {
  const MobileSettingsTab({super.key});

  @override
  ConsumerState<MobileSettingsTab> createState() => _MobileSettingsTabState();
}

class _MobileSettingsTabState extends ConsumerState<MobileSettingsTab> {
  late TextEditingController _liveTvController;
  late TextEditingController _moviesController;
  late TextEditingController _seriesController;
  bool _initialized = false;
  bool _isRefreshingCache = false;

  @override
  void initState() {
    super.initState();
    _liveTvController = TextEditingController();
    _moviesController = TextEditingController();
    _seriesController = TextEditingController();
  }

  @override
  void dispose() {
    _liveTvController.dispose();
    _moviesController.dispose();
    _seriesController.dispose();
    super.dispose();
  }

  void _syncControllers(MobileSettings settings) {
    if (!_initialized) {
      _liveTvController.text = settings.liveTvKeywords.join(', ');
      _moviesController.text = settings.moviesKeywords.join(', ');
      _seriesController.text = settings.seriesKeywords.join(', ');
      _initialized = true;
    }
  }

  List<String> _parseKeywords(String text) {
    return text
        .split(',')
        .map((s) => s.trim())
        .where((s) => s.isNotEmpty)
        .toList();
  }

  @override
  Widget build(BuildContext context) {
    final settings = ref.watch(mobileSettingsProvider);

    WidgetsBinding.instance.addPostFrameCallback((_) {
      if (!_initialized) _syncControllers(settings);
    });

    return SafeArea(
      child: ListView(
        padding: const EdgeInsets.all(16),
        children: [
          // Header
          Padding(
            padding: const EdgeInsets.only(bottom: 16),
            child: Row(
              children: [
                SizedBox(
                  width: 48,
                  height: 48,
                  // No decoration for free-floating logo
                  child: Image.asset(
                    'assets/images/logo_xtremobile.png',
                    fit: BoxFit.contain,
                    errorBuilder: (_, __, ___) => const Icon(
                      Icons.play_circle_filled,
                      color: AppColors.primary,
                      size: 28,
                    ),
                  ),
                ),
                const SizedBox(width: 16),
                Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                      'Xtremobile Mobile',
                      style: GoogleFonts.inter(
                        fontSize: 18,
                        fontWeight: FontWeight.bold,
                        color: AppColors.textPrimary,
                      ),
                    ),
                    Text(
                      'Version 1.5.1',
                      style: GoogleFonts.inter(
                        fontSize: 13,
                        color: AppColors.textSecondary,
                      ),
                    ),
                  ],
                ),
              ],
            ),
          ),

          const SizedBox(height: 16),

          _buildSettingItem(
            icon: Icons.access_time,
            title: 'Afficher l\'heure',
            value: settings.showClock ? 'Activé' : 'Désactivé',
            onTap: () => ref
                .read(mobileSettingsProvider.notifier)
                .toggleShowClock(!settings.showClock),
          ),

          const SizedBox(height: 24),

          // === LECTURE VIDEO ===
          _buildSectionHeader('Lecture Vidéo'),

          _buildSettingItem(
            icon: Icons.memory,
            title: 'Décodeur Vidéo',
            subtitle: _getDecoderSubtitle(settings.decoderMode),
            value: _getDecoderValue(settings.decoderMode),
            onTap: () {
              final modes = ['auto', 'mediacodec', 'no'];
              final currentIndex = modes.indexOf(settings.decoderMode);
              final nextIndex = (currentIndex + 1) % modes.length;
              ref
                  .read(mobileSettingsProvider.notifier)
                  .setDecoderMode(modes[nextIndex]);
            },
          ),

          _buildSettingItem(
            icon: Icons.speed,
            title: 'Buffer (Cache)',
            subtitle: settings.bufferDuration == 0
                ? 'Automatique'
                : '${settings.bufferDuration} secondes',
            value: settings.bufferDuration == 0
                ? 'Auto'
                : '${settings.bufferDuration}s',
            onTap: () {
              final buffers = [0, 15, 30, 60];
              final currentIndex = buffers.indexOf(settings.bufferDuration);
              final nextIndex = (currentIndex + 1) % buffers.length;
              ref
                  .read(mobileSettingsProvider.notifier)
                  .setBufferDuration(buffers[nextIndex]);
            },
          ),

          const SizedBox(height: 24),

          // === FILTRES ===
          _buildSectionHeader('Filtres de Contenu'),

          _buildFilterInput(
            label: 'TV en Direct',
            hint: 'Ex: FR, HD, SPORT',
            icon: Icons.live_tv,
            currentKeywords: settings.liveTvKeywords,
            controller: _liveTvController,
            onChanged: (val) {
              ref
                  .read(mobileSettingsProvider.notifier)
                  .setLiveTvKeywords(_parseKeywords(val));
            },
          ),

          _buildFilterInput(
            label: 'Films',
            hint: 'Ex: FR, VF, 4K',
            icon: Icons.movie,
            currentKeywords: settings.moviesKeywords,
            controller: _moviesController,
            onChanged: (val) {
              ref
                  .read(mobileSettingsProvider.notifier)
                  .setMoviesKeywords(_parseKeywords(val));
            },
          ),

          _buildFilterInput(
            label: 'Séries',
            hint: 'Ex: FR, VF',
            icon: Icons.tv,
            currentKeywords: settings.seriesKeywords,
            controller: _seriesController,
            onChanged: (val) {
              ref
                  .read(mobileSettingsProvider.notifier)
                  .setSeriesKeywords(_parseKeywords(val));
            },
          ),

          const SizedBox(height: 24),

          // === CACHE ===
          _buildSectionHeader('Cache'),

          _buildSettingItem(
            icon: _isRefreshingCache ? Icons.hourglass_empty : Icons.refresh,
            title: 'Actualiser le cache',
            subtitle: 'Recharge films, séries et EPG',
            value: _isRefreshingCache ? '...' : 'Appuyer',
            onTap: _isRefreshingCache ? null : _refreshCache,
          ),

          const SizedBox(height: 24),

          // === PLAYLIST ===
          _buildSectionHeader('Playlist'),

          _buildSettingItem(
            icon: Icons.playlist_play,
            title: 'Gérer les Playlists',
            subtitle: 'Ajouter, modifier, supprimer',
            value: '→',
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (_) =>
                      const MobilePlaylistSelectionScreen(manageMode: true),
                ),
              );
            },
          ),

          const SizedBox(height: 100),
        ],
      ),
    );
  }

  // === HELPER METHODS ===

  String _getDecoderSubtitle(String mode) {
    switch (mode) {
      case 'auto':
        return 'Automatique (Recommandé)';
      case 'mediacodec':
        return 'Matériel (Hardware)';
      case 'no':
        return 'Logiciel (Software)';
      default:
        return 'Automatique';
    }
  }

  String _getDecoderValue(String mode) {
    switch (mode) {
      case 'auto':
        return 'Auto';
      case 'mediacodec':
        return 'HW';
      case 'no':
        return 'SW';
      default:
        return 'Auto';
    }
  }

  Future<void> _refreshCache() async {
    setState(() => _isRefreshingCache = true);

    try {
      // final dir = await getApplicationDocumentsDirectory();
      // final cacheStore = HiveCacheStore(dir.path);
      // await cacheStore.clean();
      await Future.delayed(const Duration(seconds: 1));

      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(
            content: Text('Cache actualisé ! Relancez l\'app pour recharger.'),
            backgroundColor: Colors.green,
            duration: Duration(seconds: 3),
          ),
        );
      }
    } catch (e) {
      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text('Erreur: $e'), backgroundColor: Colors.red),
        );
      }
    } finally {
      if (mounted) setState(() => _isRefreshingCache = false);
    }
  }

  // === UI BUILDERS ===

  Widget _buildSectionHeader(String title) {
    return Padding(
      padding: const EdgeInsets.only(left: 4, bottom: 8, top: 8),
      child: Text(
        title.toUpperCase(),
        style: GoogleFonts.inter(
          fontSize: 12,
          fontWeight: FontWeight.w600,
          color: AppColors.primary,
          letterSpacing: 1.2,
        ),
      ),
    );
  }

  Widget _buildSettingItem({
    required IconData icon,
    required String title,
    String? subtitle,
    required String value,
    VoidCallback? onTap,
  }) {
    return Padding(
      padding: const EdgeInsets.only(bottom: 8),
      child: TVFocusable(
        onPressed: onTap,
        borderRadius: BorderRadius.circular(12),
        child: Container(
          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
          decoration: BoxDecoration(
            color: AppColors.surface,
            borderRadius: BorderRadius.circular(12),
          ),
          child: Row(
            children: [
              Icon(icon, color: AppColors.primary, size: 24),
              const SizedBox(width: 16),
              Expanded(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                      title,
                      style: const TextStyle(
                        color: AppColors.textPrimary,
                        fontWeight: FontWeight.w500,
                        fontSize: 15,
                      ),
                    ),
                    if (subtitle != null)
                      Text(
                        subtitle,
                        style: const TextStyle(
                          color: AppColors.textSecondary,
                          fontSize: 12,
                        ),
                      ),
                  ],
                ),
              ),
              Container(
                padding: const EdgeInsets.symmetric(
                  horizontal: 12,
                  vertical: 6,
                ),
                decoration: BoxDecoration(
                  color: AppColors.primary.withOpacity(0.15),
                  borderRadius: BorderRadius.circular(8),
                ),
                child: Text(
                  value,
                  style: const TextStyle(
                    color: AppColors.primary,
                    fontWeight: FontWeight.bold,
                    fontSize: 13,
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  Widget _buildFilterInput({
    required String label,
    required String hint,
    required IconData icon,
    required List<String> currentKeywords,
    required TextEditingController controller,
    required ValueChanged<String> onChanged,
  }) {
    final hasFilters = currentKeywords.isNotEmpty;
    final subtitle = hasFilters
        ? currentKeywords.join(', ')
        : 'Aucun filtre (Tout afficher)';

    return Padding(
      padding: const EdgeInsets.only(bottom: 8),
      child: TVFocusable(
        onPressed: () {
          // Open keyboard dialog for text input
          _showKeyboardDialog(label, controller, onChanged);
        },
        borderRadius: BorderRadius.circular(12),
        child: Container(
          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
          decoration: BoxDecoration(
            color: AppColors.surface,
            borderRadius: BorderRadius.circular(12),
          ),
          child: Row(
            children: [
              Icon(icon, color: AppColors.primary, size: 24),
              const SizedBox(width: 16),
              Expanded(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                      label,
                      style: const TextStyle(
                        color: AppColors.textPrimary,
                        fontWeight: FontWeight.w500,
                        fontSize: 15,
                      ),
                    ),
                    Text(
                      subtitle,
                      style: TextStyle(
                        color: hasFilters
                            ? AppColors.primary
                            : AppColors.textSecondary,
                        fontSize: 12,
                        fontWeight:
                            hasFilters ? FontWeight.w600 : FontWeight.normal,
                      ),
                      maxLines: 1,
                      overflow: TextOverflow.ellipsis,
                    ),
                  ],
                ),
              ),
              const Icon(Icons.edit, color: AppColors.textSecondary, size: 20),
            ],
          ),
        ),
      ),
    );
  }

  void _showKeyboardDialog(
    String label,
    TextEditingController controller,
    ValueChanged<String> onChanged,
  ) {
    final tempController = TextEditingController(text: controller.text);

    showDialog(
      context: context,
      builder: (ctx) => AlertDialog(
        backgroundColor: AppColors.surface,
        title: Text(
          'Filtres $label',
          style: const TextStyle(color: AppColors.textPrimary),
        ),
        content: TextField(
          controller: tempController,
          autofocus: true,
          style: const TextStyle(color: AppColors.textPrimary),
          decoration: InputDecoration(
            hintText: 'Séparez par des virgules',
            hintStyle: const TextStyle(color: AppColors.textSecondary),
            filled: true,
            fillColor: AppColors.background,
            border: OutlineInputBorder(
              borderRadius: BorderRadius.circular(8),
              borderSide: BorderSide.none,
            ),
          ),
        ),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(ctx),
            child: const Text('Annuler'),
          ),
          ElevatedButton(
            onPressed: () {
              controller.text = tempController.text;
              onChanged(tempController.text);
              Navigator.pop(ctx);
            },
            child: const Text('Sauvegarder'),
          ),
        ],
      ),
    );
  }
}