import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../../../core/models/playlist_config.dart';
import '../../../widgets/mobile_scaffold.dart';
import '../../../theme/mobile_theme.dart';
import '../../../../features/iptv/widgets/recordings_tab.dart';
import '../widgets/mobile_live_tv_tab.dart';
import '../widgets/mobile_movies_tab.dart';
import '../widgets/mobile_series_tab.dart';
import '../widgets/mobile_settings_tab.dart';

class MobileDashboardScreen extends ConsumerStatefulWidget {
  final PlaylistConfig playlist;
  
  const MobileDashboardScreen({
    super.key, 
    required this.playlist,
  });

  @override
  ConsumerState<MobileDashboardScreen> createState() => _MobileDashboardScreenState();
}

class _MobileDashboardScreenState extends ConsumerState<MobileDashboardScreen> {
  int _currentIndex = 0;

  @override
  Widget build(BuildContext context) {
    return Theme(
      data: MobileTheme.darkTheme,
      child: MobileScaffold(
        currentIndex: _currentIndex,
        onIndexChanged: (index) {
          setState(() {
            _currentIndex = index;
          });
        },
        // IndexedStack conserve l'état des onglets (position de scroll,
        // catalogues chargés) : l'ancien switch reconstruisait tout à chaque
        // changement d'onglet. Même approche que le dashboard desktop.
        child: IndexedStack(
          index: _currentIndex,
          children: [
            MobileLiveTVTab(playlist: widget.playlist),
            MobileMoviesTab(playlist: widget.playlist),
            MobileSeriesTab(playlist: widget.playlist),
            RecordingsTab(playlist: widget.playlist),
            const MobileSettingsTab(),
          ],
        ),
      ),
    );
  }
}