content: 
  import 'package:anymex/controllers/settings/methods.dart';
  import 'package:anymex/controllers/settings/settings.dart';
  import 'package:anymex/models/Media/media.dart';
  import 'package:anymex/widgets/header.dart';
  import 'package:anymex/widgets/helper/tv_wrapper.dart';
  import 'package:blur/blur.dart';
  import 'package:flutter/material.dart';
  import 'package:get/get.dart';
  import 'package:kenburns_nullsafety/kenburns_nullsafety.dart';
  
  class GradientPoster extends StatelessWidget {
    const GradientPoster({
      super.key,
      required this.tag,
      required this.data,
      required this.posterUrl,
    });
  
    final Media? data;
    final String posterUrl;
    final String tag;
  
    @override
    Widget build(BuildContext context) {
      final isDesktop = MediaQuery.of(context).size.width > 600;
      return Stack(
        alignment: Alignment.bottomCenter,
        children: [
          SizedBox(
            height: isDesktop ? 460 : 400,
            child: KenBurns(
              maxScale: 1.5,
              minAnimationDuration: const Duration(milliseconds: 6000),
              maxAnimationDuration: const Duration(milliseconds: 10000),
              child: Obx(() {
                return NetworkSizedImage(
                  imageUrl: data?.cover ?? posterUrl,
                  errorImage: data?.poster,
                  radius: 0,
                  height: 300,
                  width: double.infinity,
                  color: settingsController.liquidMode
                      ? Theme.of(context).colorScheme.primary.withOpacity(0.8)
                      : null,
                );
              }),
            ),
          ),
          Container(
            height: isDesktop ? 460 : 400,
            decoration: BoxDecoration(
              gradient: LinearGradient(
                colors: [
                  Colors.transparent,
                  Theme.of(context).colorScheme.surface,
                ],
                begin: Alignment.topCenter,
                end: Alignment.bottomCenter,
              ),
            ),
          ),
          SizedBox(
            height: isDesktop ? 460 : 400,
            child: Blur(
              colorOpacity: 0.0,
              blur: 5,
              blurColor: Colors.transparent,
              child: Container(),
            ),
          ),
          Padding(
            padding: const EdgeInsets.only(left: 20.0, bottom: 20),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.end,
              children: [
                Stack(children: [
                  Hero(
                    tag: tag,
                    child: NetworkSizedImage(
                        imageUrl: posterUrl,
                        radius: 16.multiplyRoundness(),
                        width: isDesktop ? 150 : 120,
                        height: isDesktop ? 200 : 180),
                  ),
                  if (data?.isAdult ?? false)
                    Positioned(
                      bottom: 7,
                      right: 7,
                      child: Container(
                        padding: const EdgeInsets.symmetric(
                            horizontal: 8, vertical: 4),
                        decoration: BoxDecoration(
                          color: Colors.red.withOpacity(0.9),
                          borderRadius: BorderRadius.circular(6),
                          border: Border.all(color: Colors.red, width: 1),
                        ),
                        child: const Text(
                          '18+',
                          style: TextStyle(
                            color: Colors.white,
                            fontSize: 12,
                            fontWeight: FontWeight.bold,
                            fontFamily: "Poppins-Bold",
                          ),
                        ),
                      ),
                    ),
                ]),
                const SizedBox(width: 20),
                Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    SizedBox(
                      width: MediaQuery.of(context).size.width / 2,
                      child: Text(data?.title ?? 'Loading...',
                          style: const TextStyle(
                              fontFamily: "Poppins-Bold", fontSize: 16)),
                    ),
                    Padding(
                      padding: const EdgeInsets.symmetric(vertical: 10.0),
                      child: Text(data?.status ?? "Ongoing? Idk",
                          style: TextStyle(
                              fontFamily: "Poppins-Bold",
                              fontSize: 16,
                              color: Theme.of(context).colorScheme.primary)),
                    )
                  ],
                )
              ],
            ),
          ),
          Positioned(
              top: 30,
              right: 20,
              child: AnymexOnTap(
                onTap: () {
                  Get.back();
                },
                margin: 0,
                child: IconButton(
                    style: ElevatedButton.styleFrom(
                      backgroundColor:
                          Theme.of(context).colorScheme.surfaceContainer,
                    ),
                    onPressed: () {
                      Get.back();
                    },
                    icon: const Icon(Icons.close)),
              )),
        ],
      );
    }
  }
  