feat: Implement initial mobile application structure including IPTV features, authentication, routing, and theming.

lib/mobile/features/iptv/widgets/mobile_movies_tab.dart

@@ -0,0 +1,271 @@
+import 'dart:async';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import '../../../../core/models/playlist_config.dart';
+import '../../../../core/theme/app_colors.dart';
+import '../../../../core/theme/app_theme.dart';
+import '../../../../core/widgets/components/hero_carousel.dart';
+import '../../../../core/widgets/components/ui_components.dart';
+import '../../../../features/iptv/providers/watch_history_provider.dart';
+import '../../../../features/iptv/models/xtream_models.dart';
+import '../../../../features/iptv/providers/xtream_provider.dart';
+import '../../../../features/iptv/providers/settings_provider.dart';
+import '../screens/mobile_player_screen.dart';
+
+class MobileMoviesTab extends ConsumerStatefulWidget {
+  final PlaylistConfig playlist;
+  const MobileMoviesTab({super.key, required this.playlist});
+
+  @override
+  ConsumerState<MobileMoviesTab> createState() => _MobileMoviesTabState();
+}
+
+class _MobileMoviesTabState extends ConsumerState<MobileMoviesTab> {
+  final ScrollController _scrollController = ScrollController();
+  final TextEditingController _searchController = TextEditingController();
+  final List<Movie> _movies = [];
+  List<Movie>? _searchResults;
+  String _searchQuery = '';
+  bool _isLoading = false;
+  bool _isSearching = false;
+  bool _hasMore = true;
+  int _currentOffset = 0;
+  static const int _pageSize = 50; // Smaller page size for mobile
+  Timer? _searchDebounce;
+
+  @override
+  void initState() {
+    super.initState();
+    _loadMoreMovies();
+    _scrollController.addListener(_onScroll);
+  }
+
+  @override
+  void dispose() {
+    _scrollController.dispose();
+    _searchController.dispose();
+    _searchDebounce?.cancel();
+    super.dispose();
+  }
+
+  void _onScroll() {
+    if (_scrollController.position.pixels >=
+        _scrollController.position.maxScrollExtent * 0.8) {
+      _loadMoreMovies();
+    }
+  }
+
+  void _onSearchChanged(String query) {
+    _searchDebounce?.cancel();
+    setState(() {
+      _searchQuery = query;
+      if (query.isEmpty) {
+        _searchResults = null;
+        _isSearching = false;
+      }
+    });
+    
+    if (query.length >= 2) {
+      _searchDebounce = Timer(const Duration(milliseconds: 500), () {
+        _performSearch(query);
+      });
+    }
+  }
+
+  Future<void> _performSearch(String query) async {
+    if (query.isEmpty) return;
+    setState(() => _isSearching = true);
+    
+    try {
+      final service = ref.read(xtreamServiceProvider(widget.playlist));
+      final results = await service.searchMovies(query);
+      
+      if (mounted && _searchQuery == query) {
+        setState(() {
+          _searchResults = results;
+          _isSearching = false;
+        });
+      }
+    } catch (e) {
+      if (mounted) setState(() => _isSearching = false);
+    }
+  }
+
+  Future<void> _loadMoreMovies() async {
+    if (_isLoading || !_hasMore) return;
+
+    setState(() => _isLoading = true);
+
+    try {
+      final service = ref.read(xtreamServiceProvider(widget.playlist));
+      final newMovies = await service.getMoviesPaginated(
+        offset: _currentOffset,
+        limit: _pageSize,
+      );
+
+      if (mounted) {
+        setState(() {
+          _movies.addAll(newMovies);
+          _currentOffset += _pageSize;
+          _hasMore = newMovies.length == _pageSize;
+          _isLoading = false;
+        });
+      }
+    } catch (e) {
+      if (mounted) setState(() => _isLoading = false);
+    }
+  }
+
+  void _playMovie(Movie movie) {
+    ref.read(watchHistoryProvider.notifier).markMovieWatched(movie.streamId);
+    
+    Navigator.push(
+      context,
+      MaterialPageRoute(
+        builder: (context) => MobilePlayerScreen(
+          streamId: movie.streamId,
+          title: movie.name,
+          playlist: widget.playlist,
+          streamType: StreamType.vod,
+          containerExtension: movie.containerExtension ?? 'mp4',
+        ),
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final settings = ref.watch(iptvSettingsProvider);
+    final watchHistory = ref.watch(watchHistoryProvider);
+    
+    List<Movie> displayMovies;
+    if (_searchQuery.isNotEmpty && _searchResults != null) {
+      displayMovies = _searchResults!;
+    } else {
+      displayMovies = settings.moviesKeywords.isEmpty
+          ? _movies
+          : _movies.where((m) => settings.matchesMoviesFilter(m.categoryName)).toList();
+    }
+
+    // Hero Items
+    final heroItems = _movies.take(3).map((m) => HeroItem(
+      id: m.streamId,
+      title: m.name,
+      imageUrl: m.streamIcon ?? '',
+      subtitle: m.rating != null ? '${m.rating} ★' : null,
+      onMoreInfo: () => _playMovie(m),
+    )).toList();
+
+    return SafeArea(
+      bottom: false,
+      child: CustomScrollView(
+        controller: _scrollController,
+        slivers: [
+          // Header & Search
+          SliverToBoxAdapter(
+            child: Padding(
+              padding: const EdgeInsets.all(16),
+              child: Container(
+                height: 40,
+                decoration: BoxDecoration(
+                  color: AppColors.surface,
+                  borderRadius: BorderRadius.circular(12),
+                  border: Border.all(color: AppColors.border),
+                ),
+                padding: const EdgeInsets.symmetric(horizontal: 12),
+                child: Row(
+                  children: [
+                    const Icon(Icons.search, size: 20, color: AppColors.textSecondary),
+                    const SizedBox(width: 8),
+                    Expanded(
+                      child: TextField(
+                        controller: _searchController,
+                        style: const TextStyle(fontSize: 14, color: AppColors.textPrimary),
+                        decoration: const InputDecoration(
+                          hintText: 'Search Movies',
+                          border: InputBorder.none,
+                          isDense: true,
+                          contentPadding: EdgeInsets.only(bottom: 11),
+                        ),
+                        onChanged: _onSearchChanged,
+                      ),
+                    ),
+                    if (_isSearching)
+                      const SizedBox(width: 12, height: 12, child: CircularProgressIndicator(strokeWidth: 2)),
+                    if (_searchQuery.isNotEmpty)
+                      GestureDetector(
+                        onTap: () {
+                           _searchController.clear();
+                           _onSearchChanged('');
+                        },
+                        child: const Icon(Icons.close, size: 16, color: AppColors.textSecondary),
+                      ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+
+          // Hero Section (Only if not searching)
+          if (_searchQuery.isEmpty && heroItems.isNotEmpty)
+            SliverToBoxAdapter(
+              child: Padding(
+                padding: const EdgeInsets.only(bottom: 16),
+                child: SizedBox(
+                   height: 250, // Reduced height for mobile hero
+                   child: HeroCarousel(
+                     items: heroItems,
+                     onTap: (item) {
+                       final movie = _movies.firstWhere((element) => element.streamId == item.id);
+                       _playMovie(movie);
+                     },
+                   ),
+                ),
+              ),
+            ),
+          
+          // Grid
+          SliverPadding(
+            padding: const EdgeInsets.fromLTRB(16, 0, 16, 80), // Bottom padding for nav
+            sliver: SliverGrid(
+              gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
+                crossAxisCount: 2, // 2 columns for mobile
+                crossAxisSpacing: 12,
+                mainAxisSpacing: 16,
+                childAspectRatio: 0.65, // Standard poster ratio
+              ),
+              delegate: SliverChildBuilderDelegate(
+                (context, index) {
+                  if (index >= displayMovies.length) return null;
+                  final movie = displayMovies[index];
+                  final isWatched = watchHistory.isMovieWatched(movie.streamId);
+                  
+                  return MediaCard(
+                    title: movie.name,
+                    imageUrl: movie.streamIcon,
+                    subtitle: movie.rating != null ? '${movie.rating} ★' : null,
+                    rating: movie.rating,
+                    isWatched: isWatched,
+                    onTap: () => _playMovie(movie),
+                    onLongPress: () {
+                      ref.read(watchHistoryProvider.notifier).toggleMovieWatched(movie.streamId);
+                    },
+                  );
+                },
+                childCount: displayMovies.length,
+              ),
+            ),
+          ),
+          
+          if (_isLoading)
+            const SliverToBoxAdapter(
+              child: Padding(
+                padding: EdgeInsets.all(24),
+                child: Center(child: CircularProgressIndicator()),
+              ),
+            ),
+        ],
+      ),
+    );
+  }
+}