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),
            ),
          ),
        ],
      ),
    );
  }
}