info_tren/lib/components/badge.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:info_tren/pages/train_info_page/train_info_constants.dart';
import 'package:info_tren/pages/train_info_page/view_train/train_info_material.dart';

class MaterialBadge extends StatelessWidget {
  final String text;
  final String caption;
  final bool isNotScheduled;
  final bool isOnTime;
  final bool isDelayed;

  const MaterialBadge({
    required this.text,
    required this.caption,
    this.isNotScheduled = false,
    this.isOnTime = false,
    this.isDelayed = false,
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    Color foregroundColor = Colors.white70;
    Color? backgroundColor;

    if (isNotScheduled) {
      foregroundColor = Colors.orange.shade300;
      backgroundColor = Colors.orange.shade900.withOpacity(0.3);
    }
    else if (isOnTime) {
      foregroundColor = Colors.green.shade300;
      backgroundColor = Colors.green.shade900.withOpacity(0.3);
    }
    else if (isDelayed) {
      foregroundColor = Colors.red.shade300;
      backgroundColor = Colors.red.shade900.withOpacity(0.3);
    }

    return Padding(
      padding: const EdgeInsets.all(8),
      child: Container(
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(10),
          border: Border.all(
            width: 2,
            color: foregroundColor,
          ),
          color: backgroundColor,
        ),
        width: isSmallScreen(context) ? 42 : 48,
        height: isSmallScreen(context) ? 42 : 48,
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            Expanded(
              child: Center(
                child: Text(
                  text,
                  style: Theme.of(context).textTheme.bodyMedium?.copyWith(
                    fontSize: isSmallScreen(context) ? 16 : 20,
                    fontWeight: MediaQuery.of(context).boldText ? FontWeight.w400 : FontWeight.w200,
                    color: MediaQuery.of(context).boldText ? Colors.white70 : foregroundColor,
                  ),
                  textAlign: TextAlign.center,
                ),
              ),
            ),
            Text(
              caption,
              style: Theme.of(context).textTheme.bodyMedium?.copyWith(
                fontSize: 10,
                color: MediaQuery.of(context).boldText ? Colors.white70 : foregroundColor,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class CupertinoBadge extends StatelessWidget {
  final String text;
  final String caption;
  final bool isNotScheduled;
  final bool isOnTime;
  final bool isDelayed;

  const CupertinoBadge({
    required this.text,
    required this.caption,
    this.isNotScheduled = false,
    this.isOnTime = false,
    this.isDelayed = false,
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    Color foregroundColor = foregroundWhite;
    Color? backgroundColor;

    if (isNotScheduled) {
      foregroundColor = const Color.fromRGBO(225, 175, 30, 1);
      backgroundColor = const Color.fromRGBO(80, 40, 10, 1);
    }
    else if (isOnTime) {
      foregroundColor = const Color.fromRGBO(130, 175, 65, 1);
      backgroundColor = const Color.fromRGBO(40, 80, 10, 1);
    }
    else if (isDelayed) {
      foregroundColor = const Color.fromRGBO(225, 75, 30, 1);
      backgroundColor = const Color.fromRGBO(80, 20, 10, 1);
    }

    return Padding(
      padding: const EdgeInsets.all(8),
      child: Container(
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(10),
          border: Border.all(
            width: 2,
            color: foregroundColor,
          ),
          color: backgroundColor,
          // color: CupertinoColors.activeOrange,
        ),
        width: 48,
        height: 48,
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            Expanded(
              child: Center(
                child:  Text(
                  text,
                  style: CupertinoTheme.of(context).textTheme.textStyle.copyWith(
                    fontSize: 20,
                    fontWeight: MediaQuery.of(context).boldText ? FontWeight.w400 : FontWeight.w200,
                    color: MediaQuery.of(context).boldText ? foregroundWhite : foregroundColor,
                  ),
                  textAlign: TextAlign.center,
                ),
              ),
            ),
            Text(
              caption,
              style: CupertinoTheme.of(context).textTheme.textStyle.copyWith(
                fontSize: 12,
                color: MediaQuery.of(context).boldText ? foregroundWhite : foregroundColor,
              ),
            ),
          ],
        ),
      ),
    );
  }
}