import 'package:flutter/material.dart';

/// Modal dialog explaining key financial metric formulas and trading significance.
class MetricExplanationModal extends StatelessWidget {
  final String title;
  final String formula;
  final String description;
  final String tradingSignificance;

  const MetricExplanationModal({
    super.key,
    required this.title,
    required this.formula,
    required this.description,
    required this.tradingSignificance,
  });

  @override
  Widget build(BuildContext context) {
    return AlertDialog(
      title: Text('Kennzahl: $title'),
      content: SingleChildScrollView(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisSize: MainAxisSize.min,
          children: [
            const Text('Formel:', style: TextStyle(fontWeight: FontWeight.bold)),
            Container(
              margin: const EdgeInsets.symmetric(vertical: 6),
              padding: const EdgeInsets.all(8),
              decoration: BoxDecoration(
                color: Colors.black26,
                borderRadius: BorderRadius.circular(8),
              ),
              child: Text(formula, style: const TextStyle(fontFamily: 'monospace', color: Colors.cyanAccent)),
            ),
            const SizedBox(height: 12),
            const Text('Erklärung:', style: TextStyle(fontWeight: FontWeight.bold)),
            Text(description, style: const TextStyle(fontSize: 13)),
            const SizedBox(height: 12),
            const Text('Bedeutung für Trading & Bewertung:', style: TextStyle(fontWeight: FontWeight.bold)),
            Text(tradingSignificance, style: const TextStyle(fontSize: 13, color: Colors.white70)),
          ],
        ),
      ),
      actions: [
        TextButton(onPressed: () => Navigator.pop(context), child: const Text('Schließen')),
      ],
    );
  }
}