import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';
import 'package:chewie/chewie.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'dart:async';
import '../../../core/theme/app_colors.dart';

class LitePlayerView extends ConsumerStatefulWidget {
  final String streamUrl;
  final bool isLive;
  final VoidCallback? onNext;
  final VoidCallback? onPrevious;

  const LitePlayerView({
    super.key,
    required this.streamUrl,
    required this.isLive,
    this.onNext,
    this.onPrevious,
  });

  @override
  ConsumerState<LitePlayerView> createState() => _LitePlayerViewState();
}

class _LitePlayerViewState extends ConsumerState<LitePlayerView> {
  late VideoPlayerController _videoController;
  ChewieController? _chewieController;
  bool _error = false;

  @override
  void initState() {
    super.initState();
    _initializePlayer();
  }

  @override
  void didUpdateWidget(LitePlayerView oldWidget) {
    super.didUpdateWidget(oldWidget);
    if (oldWidget.streamUrl != widget.streamUrl) {
       _disposeControllers();
       _initializePlayer();
    }
  }

  Future<void> _initializePlayer() async {
    try {
      setState(() => _error = false);
      _videoController = VideoPlayerController.networkUrl(Uri.parse(widget.streamUrl));
      await _videoController.initialize();
      
      _chewieController = ChewieController(
        videoPlayerController: _videoController,
        autoPlay: true,
        looping: false,
        isLive: widget.isLive,
        aspectRatio: _videoController.value.aspectRatio > 0 ? _videoController.value.aspectRatio : 16/9,
        materialProgressColors: ChewieProgressColors(
          playedColor: AppColors.primary,
          handleColor: Colors.white,
          backgroundColor: Colors.white24,
          bufferedColor: Colors.white54,
        ),
        
        // Custom Controls to include Zapping
        additionalOptions: (context) {
          return <OptionItem>[
             if (widget.onNext != null)
              OptionItem(
                onTap: (context) {
                  widget.onNext!();
                  Navigator.of(context).pop(); // Close options menu
                },
                iconData: Icons.skip_next,
                title: 'Next Channel',
              ),
             if (widget.onPrevious != null)
              OptionItem(
                onTap: (context) {
                  widget.onPrevious!();
                  Navigator.of(context).pop(); // Close options menu
                },
                iconData: Icons.skip_previous,
                title: 'Previous Channel',
              ),
          ];
        },
      );
      setState(() {});
    } catch (e) {
      debugPrint('Error initializing Lite Player: $e');
      setState(() => _error = true);
    }
  }

  void _disposeControllers() {
    _videoController.dispose();
    _chewieController?.dispose();
    _chewieController = null;
  }

  @override
  void dispose() {
    _disposeControllers();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    if (_error) {
      return Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Icon(Icons.error_outline, color: Colors.red, size: 48),
            const SizedBox(height: 16),
            const Text('Error loading video', style: TextStyle(color: Colors.white)),
            const SizedBox(height: 16),
            ElevatedButton(
              onPressed: () {
                 _disposeControllers();
                 _initializePlayer();
              },
              child: const Text('Retry'),
            ),
          ],
        ),
      );
    }

    if (_chewieController != null && _chewieController!.videoPlayerController.value.isInitialized) {
      return Stack(
        children: [
          Chewie(controller: _chewieController!),
          
          // Overlay Zapping Controls for easy access (since Chewie hides controls)
          if (widget.onPrevious != null || widget.onNext != null)
             Positioned(
               bottom: 20,
               right: 80,
               child: Row(
                 mainAxisSize: MainAxisSize.min,
                 children: [
                    if (widget.onPrevious != null) ...[
                      IconButton(
                        onPressed: widget.onPrevious,
                        icon: const Icon(Icons.navigate_before, color: Colors.white, size: 32),
                        tooltip: 'Previous Channel',
                      ),
                      const SizedBox(width: 16),
                    ],
                    if (widget.onNext != null)
                      IconButton(
                        onPressed: widget.onNext,
                        icon: const Icon(Icons.navigate_next, color: Colors.white, size: 32),
                        tooltip: 'Next Channel',
                      ),
                 ],
               ),
             ),
        ],
      );
    }
    
    return const Center(child: CircularProgressIndicator(color: AppColors.primary));
  }
}