import 'package:flutter/material.dart';
import 'package:news/ui/widgets/customTextLabel.dart';
import 'package:youtube_player_flutter/youtube_player_flutter.dart';
import 'package:news/app/routes.dart';
import 'package:news/data/models/BreakingNewsModel.dart';
import 'package:news/ui/widgets/networkImage.dart';

class BreakVideoItem extends StatefulWidget {
  final BreakingNewsModel model;

  const BreakVideoItem({super.key, required this.model});

  @override
  BreakVideoItemState createState() => BreakVideoItemState();
}

class BreakVideoItemState extends State<BreakVideoItem> {
  Widget videoData(BreakingNewsModel video) {
    return Padding(
      padding: const EdgeInsets.only(top: 15.0),
      child: Column(
        children: <Widget>[
          ClipRRect(
            borderRadius: const BorderRadius.all(Radius.circular(10.0)),
            child: GestureDetector(
              onTap: () {
                Navigator.of(context).pushNamed(Routes.newsVideo, arguments: {"from": 3, "breakModel": video});
              },
              child: Stack(
                alignment: Alignment.center,
                children: [
                  (video.contentType == 'video_youtube')
                      ? CustomNetworkImage(
                          networkImageUrl: 'https://img.youtube.com/vi/${YoutubePlayer.convertUrlToId(video.contentValue!)!}/0.jpg',
                          fit: BoxFit.cover,
                          width: double.maxFinite,
                          height: 220,
                          isVideo: true)
                      : CustomNetworkImage(networkImageUrl: video.image!, fit: BoxFit.cover, width: double.maxFinite, height: 220, isVideo: true),
                  const CircleAvatar(radius: 30, backgroundColor: Colors.black45, child: Icon(Icons.play_arrow, size: 40, color: Colors.white))
                ],
              ),
            ),
          ),
          Padding(
              padding: const EdgeInsets.only(left: 5, right: 5),
              child:
                  Align(alignment: Alignment.centerLeft, child: CustomTextLabel(text: video.title!, textStyle: Theme.of(context).textTheme.titleSmall, maxLines: 2, overflow: TextOverflow.ellipsis))),
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return videoData(widget.model);
  }
}