import 'package:flutter/material.dart';

import 'bottom_modal.dart';

void showInfoTablePopup({
  required BuildContext context,
  required Map<String, dynamic> table,
  String? title,
}) {
  showBottomModal(
    context: context,
    title: title,
    builder: (context) => Padding(
      padding: const EdgeInsets.symmetric(
        horizontal: 20,
        vertical: 15,
      ),
      child: Column(
        children: [
          Table(children: [
            for (final e in table.entries)
              TableRow(children: [
                Text('${e.key}:'),
                if (e.value is Map<String, dynamic>)
                  GestureDetector(
                    onTap: () => showInfoTablePopup(
                      context: context,
                      table: e.value as Map<String, dynamic>,
                      title: e.key,
                    ),
                    child: Text(
                      '[tap to show]',
                      style: TextStyle(
                        color: Theme.of(context).colorScheme.secondary,
                      ),
                    ),
                  )
                else
                  Text(e.value.toString())
              ])
          ]),
        ],
      ),
    ),
  );
}