kmobile/lib/features/accounts/screens/transaction_details_screen.dart

import 'package:flutter/material.dart';
import 'package:kmobile/l10n/app_localizations.dart';
import 'package:material_symbols_icons/symbols.dart';

class TransactionDetailsScreen extends StatelessWidget {
  final dynamic transaction;

  const TransactionDetailsScreen({super.key, required this.transaction});

  @override
  Widget build(BuildContext context) {
    final bool isCredit = transaction.type?.toUpperCase() == 'CR';

    //   Future<void> _shareScreenshot() async {
    //   try {
    //     RenderRepaintBoundary boundary =
    //         _shareKey.currentContext!.findRenderObject() as RenderRepaintBoundary;
    //     ui.Image image = await boundary.toImage(pixelRatio: 3.0);
    //     ByteData? byteData = await image.toByteData(format: ui.ImageByteFormat.png);
    //     Uint8List pngBytes = byteData!.buffer.asUint8List();

    //     final tempDir = await getTemporaryDirectory();
    //     final file = await File('${tempDir.path}/payment_result.png').create();
    //     await file.writeAsBytes(pngBytes);

    //     await Share.shareXFiles(
    //       [XFile(file.path)],
    //       text: AppLocalizations.of(context).paymentResult,
    //     );
    //   } catch (e) {
    //     if (!mounted) return;
    //     ScaffoldMessenger.of(context).showSnackBar(
    //       SnackBar(
    //         content: Text(
    //           '${AppLocalizations.of(context).failedToShareScreenshot}: $e',
    //         ),
    //       ),
    //     );
    //   }
    // }

    return Scaffold(
      appBar:
          AppBar(title: Text(AppLocalizations.of(context).transactionDetails)),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            // Absolute center for amount + icon + date + details
            Expanded(
              flex: 3,
              child: Center(
                child: Column(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    // Amount + icon + Share Button
                    Row(
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        Text(
                          "₹ ${transaction.amount}",
                          style: const TextStyle(
                            fontSize: 40,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                        const SizedBox(width: 8),
                        Icon(
                          isCredit ? Symbols.call_received : Symbols.call_made,
                          color: isCredit ? Colors.green : Colors.red,
                          size: 28,
                        ),
                      ],
                    ),
                    const SizedBox(height: 8),
                    // Date centered
                    Text(
                      transaction.date ?? "",
                      style: const TextStyle(
                        fontSize: 16,
                        color: Colors.grey,
                      ),
                      textAlign: TextAlign.center,
                    ),
                  ],
                ),
              ),
            ),

            const Divider(),

            // All details
            Expanded(
              flex: 5,
              child: ListView(
                children: [
                  // ignore: unnecessary_cast
                  _buildDetailRow(
                      AppLocalizations.of(context).transactionType as String,
                      transaction.type ?? ""),
                  _buildDetailRow(AppLocalizations.of(context).transferType,
                      transaction.name.split("/").first ?? ""),
                  if (transaction.name.length > 12) ...[
                    _buildDetailRow(AppLocalizations.of(context).utrNo,
                        transaction.name.split("= ")[1].split(" ")[0] ?? ""),
                    _buildDetailRow(
                        AppLocalizations.of(context).beneficiaryAccountNo,
                        transaction.name.split("A/C ").last ?? "")
                  ]
                ],
              ),
            ),
            // ElevatedButton.icon(
            //     onPressed: _shareScreenshot,
            //     icon: Icon(
            //       Icons.share_rounded,
            //       color: Theme.of(context).primaryColor,
            //     ),
            //     label: Text(
            //       AppLocalizations.of(context).share,
            //       style: TextStyle(color: Theme.of(context).primaryColor),
            //     ),
            //     style: ElevatedButton.styleFrom(
            //       backgroundColor: Theme.of(context).scaffoldBackgroundColor,
            //       padding: const EdgeInsets.symmetric(horizontal: 32, vertical: 12),
            //       shape: RoundedRectangleBorder(
            //         side: BorderSide(color: Theme.of(context).primaryColor, width: 1),
            //         borderRadius: BorderRadius.circular(30),
            //       ),
            //       textStyle: const TextStyle(
            //         fontSize: 18,
            //         fontWeight: FontWeight.w600,
            //         color: Colors.black,
            //       ),
            //     ),
            //   ),
          ],
        ),
      ),
    );
  }

  Widget _buildDetailRow(String label, String value) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 8.0),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            "$label: ",
            style: const TextStyle(
              fontWeight: FontWeight.bold,
              fontSize: 20,
            ),
          ),
          const SizedBox(height: 30),
          Expanded(
            child: Text(
              value,
              style: const TextStyle(fontSize: 20),
            ),
          ),
        ],
      ),
    );
  }
}