LinearPercentIndicator(
                duration: const Duration(milliseconds: 500),
                fill: LinearPercentIndicator_LineModel.gradient(
                        progressPercent: 0.5,
                        progressGradient: LinearGradient(colors: context.colorScheme.progressGradient),
                        onProgressColor: Colors.black,
                        glow: true,
                      ),
                contentBuilder: (context, color, child) => _LineContentWidget(
                  color: color,
                  date: upcomingReward!.dateTime,
                  ticker: "PSB",
                  showDateAsCountdown: true,
                  formattedRewardAmount: "2.335431,
                ),
              )

import 'package:core/export.dart';
import 'package:flutter/material.dart';
import 'package:freezed_annotation/freezed_annotation.dart';
import 'package:nft_craze_wallet/config/size.dart';
import 'package:nft_craze_wallet/pages/home/wallet/wallet_page.dart';
import 'package:nft_craze_wallet/utils/color_extensions.dart';
import 'package:nft_craze_wallet/utils/ui/blur.dart';
import 'package:simple_animations/simple_animations.dart';

part 'linear_percent_indicator.freezed.dart';

@freezed
class LinearPercentIndicator_LineModel with _$LinearPercentIndicator_LineModel {
  const LinearPercentIndicator_LineModel._();

  const factory LinearPercentIndicator_LineModel.color({
    Color? progressColor,
    Color? onProgressColor,
    @Default(false) bool glow,
    required double progressPercent,
  }) = LinearPercentIndicator_LineModel_Color;

  const factory LinearPercentIndicator_LineModel.gradient({
    required Gradient progressGradient,
    Color? onProgressColor,
    @Default(false) bool glow,
    required double progressPercent,
  }) = LinearPercentIndicator_LineModel_Gradient;
}

class LinearPercentIndicator extends StatelessWidget {
  const LinearPercentIndicator({
    super.key,
    required this.duration,
    required this.fill,
    this.secondFill,
    required this.contentBuilder,
    this.backgroundColor,
    this.onBackgroundColor,
  });

  final Duration duration;

  final LinearPercentIndicator_LineModel fill;
  final LinearPercentIndicator_LineModel? secondFill;
  final ValueWidgetBuilder<Color> contentBuilder;
  final Color? backgroundColor;
  final Color? onBackgroundColor;

  @override
  Widget build(BuildContext context) {
    final maxWidth =
        ((MediaQuery.of(context).size.width - SizeConst.WINDOW_INSET * 2) / (secondFill == null ? 1 : 2.5)).atLeast(0);
    final percent = fill.progressPercent.isNaN ? 0.5 : fill.progressPercent;
    final secondPercent = secondFill == null
        ? null
        : secondFill!.progressPercent.isNaN
            ? 0.5
            : secondFill!.progressPercent;

    final leftChild = PlayAnimationBuilder(
      duration: duration,
      tween: Tween<double>(begin: 0, end: percent),
      builder: (context, value, child) => Container(
        width: maxWidth * value,
        height: SizeConst.SIZE_24x,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(10),
          gradient: fill.map(
            color: (c) => null,
            gradient: (g) => g.progressGradient,
          ),
          color: fill.map(
            color: (c) => c.progressColor ?? const Color(0xFF1A75FF),
            gradient: (g) => null,
          ),
        ),
      ),
    );

    final rightChild = secondFill == null
        ? null
        : PlayAnimationBuilder(
            duration: duration,
            tween: Tween<double>(begin: 0, end: secondPercent!),
            builder: (context, value, child) => Container(
              width: maxWidth * value,
              height: SizeConst.SIZE_24x,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(10),
                gradient: secondFill?.map(
                  color: (c) => null,
                  gradient: (g) => g.progressGradient,
                ),
                color: secondFill?.map(
                  color: (c) => c.progressColor ?? const Color(0xFF1A75FF),
                  gradient: (g) => null,
                ),
              ),
            ),
          );

    return Padding(
      padding: const EdgeInsets.only(
        bottom: SizeConst.SIZE_16x,
        left: SizeConst.WINDOW_INSET,
        right: SizeConst.WINDOW_INSET,
      ),
      child: Stack(
        alignment: Alignment.centerLeft,
        clipBehavior: Clip.none,
        children: [
          if (context.isDarkMode || backgroundColor != null)
            Container(
              height: SizeConst.SIZE_24x,
              width: double.infinity,
              clipBehavior: Clip.hardEdge,
              decoration: BoxDecoration(
                borderRadius: const BorderRadius.all(Radius.circular(10.0)),
                color: backgroundColor ?? context.colorScheme.progressBarBackground,
              ),
            ),
          contentBuilder(context, context.colorScheme.onProgressBarBackground, null),
          leftChild,
          Align(alignment: Alignment.topRight, child: rightChild),
          if (fill.glow) Blurred(tileMode: TileMode.decal, child: leftChild),
          if (secondFill?.glow == true && rightChild != null)
            Align(
              alignment: Alignment.topRight,
              child: Blurred(tileMode: TileMode.decal, child: rightChild),
            ),
          Align(
            alignment: Alignment.centerLeft,
            child: ClipRect(
              child: PlayAnimationBuilder(
                duration: duration,
                tween: Tween<double>(begin: 0, end: 1 / (secondPercent == null ? 1 : 2.5)),
                child: contentBuilder(context, fill.onProgressColor ?? Colors.white, null),
                builder: (context, value, child) => Align(
                  alignment: Alignment.centerLeft,
                  widthFactor: percent * value,
                  child: child,
                ),
              ),
            ),
          ),
          if (secondPercent != null)
            Align(
              alignment: Alignment.centerRight,
              child: ClipRect(
                child: PlayAnimationBuilder(
                  duration: duration,
                  tween: Tween<double>(begin: 0, end: secondPercent / 2.5),
                  child: contentBuilder(context, fill.onProgressColor ?? Colors.white, null),
                  builder: (context, value, child) => Align(
                    alignment: Alignment.centerRight,
                    widthFactor: value,
                    child: child,
                  ),
                ),
              ),
            ),
        ],
      ),
    );
  }
}

class _LineContentWidget extends StatelessWidget {
  const _LineContentWidget({
    Key? key,
    required this.color,
    required this.date,
    required this.showDateAsCountdown,
    required this.formattedRewardAmount,
    this.onRewardTextTapped,
    required this.ticker,
  }) : super(key: key);

  final Color color;
  final DateTime date;
  final bool showDateAsCountdown;

  final String formattedRewardAmount;
  final void Function(BuildContext context)? onRewardTextTapped;

  final String? ticker;

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: double.maxFinite,
      child: Padding(
        padding: const EdgeInsets.symmetric(horizontal: SizeConst.SIZE_12x + 2),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Expanded(
              child: showDateAsCountdown
                  ? RepaintBoundary(
                      child: CountdownTimer(
                        widgetBuilder: (context, time) => Text.rich(
                          TextSpan(
                            children: [
                              TextSpan(
                                text: context.loc.rewardsPageCountdownTimeLeft(_builderCountdownTimer(time, true)),
                                style:
                                    context.textTheme.labelSmall?.copyWith(color: color, fontWeight: FontWeight.w500),
                              ),
                            ],
                          ),
                        ),
                        endTime: date.millisecondsSinceEpoch,
                      ),
                    )
                  : Text(
                      DateFormat.yMMMd().format(date),
                      style: context.textTheme.labelSmall?.copyWith(color: color, fontWeight: FontWeight.w500),
                    ),
            ),
            GestureDetector(
              onTap: onRewardTextTapped != null ? () => onRewardTextTapped!(context) : null,
              child: DiscreteWidget(
                blurSigmaY: 3,
                child: Text.rich(
                  TextSpan(
                    children: [
                      TextSpan(text: '$formattedRewardAmount '),
                      Constants.ADA_SYMBOL,
                      if (onRewardTextTapped != null) ...[
                        const TextSpan(text: '  '),
                        const TextSpan(
                          children: [Constants.INFO_SYMBOL],
                          style: TextStyle(fontSize: 11),
                        ),
                      ]
                    ],
                  ),
                  style: context.textTheme.labelSmall?.copyWith(
                    color: onRewardTextTapped != null ? context.colorScheme.actionBlue : color,
                    fontWeight: onRewardTextTapped != null ? FontWeight.w700 : FontWeight.w500,
                  ),
                ),
              ),
            ),
            Expanded(
              child: Text(
                ticker ?? context.loc.rewardsPageRegisteredNALabel,
                textAlign: TextAlign.right,
                style: context.textTheme.labelSmall
                    ?.copyWith(color: color, fontStyle: FontStyle.italic, fontWeight: FontWeight.w700),
              ),
            ),
          ],
        ),
      ),
    );
  }
}