import 'package:flutter/material.dart';

import '../../../../extensions/date_time.dart';

/// Shows a scheduled time with optional realtime delay overlay.
///
/// Examples:
/// - on-time: `14:35`
/// - 2 minutes late: `14:35` + green/red `+2'` chip
/// - cancelled: scheduled time struck through, red `Ausfall` chip
class RealtimeTime extends StatelessWidget {
  final DateTime scheduled;
  final DateTime? realtime;
  final int? delayMinutes;
  final bool cancelled;
  final TextStyle? style;

  const RealtimeTime({
    super.key,
    required this.scheduled,
    this.realtime,
    this.delayMinutes,
    this.cancelled = false,
    this.style,
  });

  @override
  Widget build(BuildContext context) {
    final base = style ?? Theme.of(context).textTheme.bodyMedium ?? const TextStyle();
    final scheduledText = Text(
      scheduled.formatHm(),
      style: base.copyWith(
        decoration: cancelled ? TextDecoration.lineThrough : null,
      ),
    );
    if (cancelled) {
      return Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          scheduledText,
          const SizedBox(width: 6),
          _badge(context, 'Ausfall', Colors.red),
        ],
      );
    }
    final delay = delayMinutes;
    if (delay != null && delay != 0) {
      final positive = delay > 0;
      return Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          scheduledText,
          const SizedBox(width: 4),
          Text(
            '${positive ? '+' : ''}$delay\'',
            style: base.copyWith(
              color: positive ? Colors.red : Colors.green,
              fontWeight: FontWeight.bold,
            ),
          ),
        ],
      );
    }
    return scheduledText;
  }

  Widget _badge(BuildContext context, String text, Color color) => Container(
    padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 1),
    decoration: BoxDecoration(
      color: color,
      borderRadius: BorderRadius.circular(4),
    ),
    child: Text(
      text,
      style: const TextStyle(
        color: Colors.white,
        fontSize: 10,
        fontWeight: FontWeight.bold,
      ),
    ),
  );
}