transaction_card_details.dart

Go to the documentation of this file.

import 'package:connect/core/localization/app_localizations.dart';
import 'package:connect/features/collections/presentation/screens/transaction_history_screen/views/competed_transactions_view/views/transactions_summary_view/widgets/generate_mainifest_pdf.dart';
import 'package:connect/features/collections/presentation/screens/transaction_history_screen/views/competed_transactions_view/views/transactions_summary_view/widgets/generate_voucher.dart';
import 'package:flutter/services.dart';
import '../../../../../../../../../../core/constants/assets.dart';
import '../../../../../../../../../../core/utils/number_conversion.dart';
import '/core/ui/widgets/custom_card.dart';
import '/features/collections/domain/entities/collection_entity.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_svg/svg.dart';
import 'package:hugeicons/hugeicons.dart';
import 'package:intl/intl.dart';
 
import 'dart:io';
import 'package:path_provider/path_provider.dart';
import 'package:pdf/pdf.dart';
import 'package:pdf/widgets.dart' as pw;
import 'package:open_filex/open_filex.dart';
 
import 'package:percent_indicator/circular_percent_indicator.dart';
 
class TransactionCardDetails extends StatelessWidget {
  const TransactionCardDetails({
    super.key,
    required this.collection,
  });
 
  final CollectionEntity collection;
 
  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Container(
        padding: EdgeInsets.only(top: 2.sp),
        decoration: BoxDecoration(
          color: Theme.of(context).colorScheme.primary,
          borderRadius: BorderRadius.circular(20),
        ),
        child: CustomCard(
          padding: EdgeInsets.symmetric(horizontal: 15.sp, vertical: 15.sp),
          child: SingleChildScrollView(
            child: Column(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Container(
                  width: MediaQuery.of(context).size.width,
                  padding:
                      EdgeInsets.symmetric(vertical: 16.sp, horizontal: 25.sp),
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(200.sp),
                    gradient: LinearGradient(
                      colors: [
                        Theme.of(context).colorScheme.surface.withOpacity(0.11),
                        Theme.of(context).colorScheme.primary.withOpacity(0.11),
                      ],
                    ),
                  ),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      SizedBox(),
                      SvgPicture.asset(
                        'assets/svgs/logo_aidra.svg',
                        height: 18.sp,
                        colorFilter: ColorFilter.mode(
                            Theme.of(context).colorScheme.primary,
                            BlendMode.srcIn),
                      ),
                    ],
                  ),
                ),
                // SizedBox(height: 15.sp),
                // Divider(height: 0.0),
                SizedBox(height: 20.sp),
                Wrap(
                  spacing: 40.sp,
                  runSpacing: 20.sp,
                  children: [
                    _buildInfoLabel(
                      size: MainAxisSize.max,
                      context: context,
                      icon: HugeIcons.strokeRoundedBinaryCode,
                      label: AppLocalizations.of(context)
                          .translate('CR Reference'),
                      info: collection.name,
                    ),
                    _buildInfoLabel(
                      context: context,
                      icon: HugeIcons.strokeRoundedCalendar01,
                      label:
                          AppLocalizations.of(context).translate('Order Date'),
                      info: collection.dateOrder != null
                          ? DateFormat('yyyy-MM-dd')
                              .format(collection.dateOrder!)
                          : AppLocalizations.of(context)
                              .translate('No date available'),
                    ),
                    _buildInfoLabel(
                      context: context,
                      icon: HugeIcons.strokeRoundedWeightScale01,
                      label: AppLocalizations.of(context).translate('Quantity'),
                      info: NumberConversionService.convertAndFormatWeight(
                        collection.orderLines?.first.productQty,
                      ),
                      // info:
                      //     '${NumberFormat.compact().format(collection.orderLines?.first.productQty)} ${extractKg(collection.orderLines?.first.productUom?.name)}',
                    ),
                  ],
                ),
                SizedBox(height: 15.sp),
                _buildInfoLabel(
                  context: context,
                  icon: HugeIcons.strokeRoundedEqualSignCircle,
                  label: AppLocalizations.of(context).translate('Instructions'),
                  info: collection.instruction,
                ),
                SizedBox(height: 15.sp),
                Divider(height: 0.0),
                SizedBox(height: 5.sp),
                Padding(
                  padding: EdgeInsets.symmetric(horizontal: 15.sp),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Column(
                        children: [
                          Icon(
                            HugeIcons.strokeRoundedCoins01,
                            color: Theme.of(context).colorScheme.primary,
                          ),
                          SizedBox(height: 13.sp),
                          Text(
                            NumberFormat.currency(
                              symbol: collection.currency?.symbol ?? '',
                            ).format(
                                collection.orderLines?.first.priceTotal ?? 0),
                            textAlign: TextAlign.center,
                          ),
                          SizedBox(height: 5.sp),
                          Text(
                            AppLocalizations.of(context)
                                .translate('You have Earned'),
                            textAlign: TextAlign.center,
                            style:
                                Theme.of(context).textTheme.bodySmall?.copyWith(
                                      fontSize: 10.sp,
                                      color: Theme.of(context).hintColor,
                                    ),
                          ),
                        ],
                      ),
                      _buildPercentageInfoLabel(
                        label: AppLocalizations.of(context)
                            .translate('Collected Vs Declared'),
                        context: context,
                        received: collection.orderLines?.first.qtyReceived ?? 0,
                        qty: collection.orderLines?.first.productQty ?? 0,
                      ),
                    ],
                  ),
                ),
                SizedBox(height: 5.sp),
                Divider(height: 0.0),
                SizedBox(height: 15.sp),
 
                SizedBox(
                  width: MediaQuery.of(context).size.width,
                  child: ElevatedButton(
                    style: ElevatedButton.styleFrom(
                      backgroundColor: Colors.transparent,
                      foregroundColor: Theme.of(context).colorScheme.primary,
                      padding: EdgeInsets.symmetric(
                        horizontal: 15.sp,
                        vertical: 16.sp,
                      ),
                      shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(200),
                        side: BorderSide(
                          color: Theme.of(context).colorScheme.primary,
                          width: 0.5,
                        ),
                      ),
                    ),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Icon(HugeIcons.strokeRoundedDownload05),
                        SizedBox(width: 5.sp),
                        Text(
                          AppLocalizations.of(context)
                              .translate('Download Voucher'),
                          style: Theme.of(context)
                              .textTheme
                              .bodySmall
                              ?.copyWith(
                                color: Theme.of(context).colorScheme.primary,
                              ),
                        ),
                      ],
                    ),
                    onPressed: () {
                      generateCollectionVoucher(collection.name ?? '', context);
                    },
                  ),
                ),
                // SizedBox(height: 12.sp),
                // SizedBox(
                //   width: MediaQuery.of(context).size.width,
                //   child: ElevatedButton(
                //     style: ElevatedButton.styleFrom(
                //       backgroundColor: Colors.transparent,
                //       foregroundColor: Theme.of(context).colorScheme.primary,
                //       padding: EdgeInsets.symmetric(
                //         horizontal: 15.sp,
                //         vertical: 16.sp,
                //       ),
                //       shape: RoundedRectangleBorder(
                //         borderRadius: BorderRadius.circular(200),
                //         side: BorderSide(
                //           color: Theme.of(context).colorScheme.primary,
                //           width: 0.5,
                //         ),
                //       ),
                //     ),
                //     child: Row(
                //       mainAxisAlignment: MainAxisAlignment.center,
                //       children: [
                //         Icon(HugeIcons.strokeRoundedDownload05),
                //         SizedBox(width: 5.sp),
                //         Text(
                //           'Download E-Manifest',
                //           style: Theme.of(context)
                //               .textTheme
                //               .bodySmall
                //               ?.copyWith(
                //                 color: Theme.of(context).colorScheme.primary,
                //               ),
                //         ),
                //       ],
                //     ),
                //     onPressed: () {
                //       generateManifest(
                //         context: context,
                //         collectionName: collection.name ?? '',
                //       );
                //     },
                //   ),
                // ),
              ],
            ),
          ),
        ),
      ),
    );
  }
 
  _buildInfoLabel({
    required BuildContext context,
    IconData? icon,
    required String label,
    required String? info,
    MainAxisSize? size,
  }) {
    return Padding(
      padding: EdgeInsets.symmetric(horizontal: 7.sp),
      child: Row(
        mainAxisSize: size ?? MainAxisSize.min,
        children: [
          icon == null
              ? const SizedBox()
              : Container(
                  decoration: BoxDecoration(
                    color:
                        Theme.of(context).colorScheme.primary.withOpacity(0.11),
                    borderRadius: BorderRadius.circular(10),
                  ),
                  padding: EdgeInsets.all(9.sp),
                  child: Icon(
                    icon,
                    color: Theme.of(context).colorScheme.primary,
                    size: 18.sp,
                  ),
                ),
          SizedBox(width: 15.sp),
          Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Opacity(
                opacity: 0.7,
                child: Text(
                  label,
                  style: Theme.of(context).textTheme.bodySmall,
                ),
              ),
              SizedBox(height: 3.sp),
              Flexible(
                child: Text(
                  info ?? AppLocalizations.of(context).translate('Not Found'),
                  style: Theme.of(context).textTheme.bodySmall,
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }
 
  Widget _buildPercentageInfoLabel({
    required String label,
    required BuildContext context,
    required num received,
    required num qty,
  }) {
    // Calculate percentage based on received and qty, capped at 100%.
    double percentageValue = (qty > 0) ? (received / qty) : 0.0;
    percentageValue = percentageValue > 1.0 ? 1.0 : percentageValue;
 
    return Container(
      padding: EdgeInsets.all(10.sp),
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(10),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          CircularPercentIndicator(
            radius: 25.sp,
            lineWidth: 4,
            percent: percentageValue,
            center: Text(
              '${(percentageValue * 100).toStringAsFixed(0)}%',
              style: Theme.of(context).textTheme.bodySmall?.copyWith(
                    fontSize: 10.sp,
                  ),
            ),
            progressColor: Theme.of(context).colorScheme.primary,
            backgroundColor:
                Theme.of(context).colorScheme.primary.withOpacity(0.11),
          ),
          SizedBox(height: 10.sp),
          Text(
            label,
            textAlign: TextAlign.center,
            style: Theme.of(context).textTheme.bodySmall?.copyWith(
                  fontSize: 10.sp,
                  color: Theme.of(context).hintColor,
                ),
          ),
        ],
      ),
    );
  }
 
  Future<void> generatePDF({
    required CollectionEntity collection,
  }) async {
    final pdf = pw.Document();
 
    final qrCode = pw.BarcodeWidget(
      barcode: pw.Barcode.qrCode(),
      data: collection.name ?? '',
      width: 80,
      height: 80,
    );
 
    final directorSignature = pw.Column(
      children: [
        pw.Text(
          'Driver / Collector : Ali Iftikar',
        ),
        pw.Container(
          width: 100,
          height: 100,
          child: pw.Center(
            child: pw.Image(
              pw.MemoryImage(
                (await rootBundle.load(Assets.collectorSign))
                    .buffer
                    .asUint8List(),
              ),
              fit: pw.BoxFit.contain,
            ),
          ),
        ),
      ],
    );
    final collectorSignature = pw.Column(
      children: [
        pw.Text(
          'Collection Point : Shah waqar',
        ),
        pw.Container(
          width: 100,
          height: 100,
          child: pw.Center(
            child: pw.Image(
              pw.MemoryImage(
                (await rootBundle.load(Assets.directorSign))
                    .buffer
                    .asUint8List(),
              ),
              fit: pw.BoxFit.contain,
            ),
          ),
        ),
      ],
    );
 
    pdf.addPage(
      pw.Page(
        build: (context) {
          return pw.Column(
            crossAxisAlignment: pw.CrossAxisAlignment.center,
            children: [
              pw.Text(
                'Collection Voucher',
              ),
              pw.SizedBox(height: 8),
              pw.Text(
                'Document Number : ${collection.name}',
                style: pw.TextStyle(
                    fontSize: 24, fontWeight: pw.FontWeight.normal),
              ),
              pw.SizedBox(height: 30),
              pw.Column(
                crossAxisAlignment: pw.CrossAxisAlignment.start,
                children: [
                  pw.Text(
                    'Name: Buffalo Wings & Rings - DIFC',
                    style: pw.TextStyle(
                        fontSize: 20, fontWeight: pw.FontWeight.normal),
                  ),
                  pw.SizedBox(height: 8),
                  pw.Text(
                    'Address: Liberty House - Level C - Al Sukouk Street - DIFC Dubai, United Arab Emirates',
                    style: pw.TextStyle(
                        fontSize: 20, fontWeight: pw.FontWeight.normal),
                  ),
                ],
              ),
              pw.SizedBox(height: 30),
              pw.Table(
                border: pw.TableBorder.all(),
                children: [
                  pw.TableRow(
                    children: [
                      pw.Container(
                        padding: const pw.EdgeInsets.all(8),
                        child: pw.Text(
                          'Collection Date',
                        ),
                      ),
                      pw.Container(
                        padding: const pw.EdgeInsets.all(8),
                        child: pw.Text('9/12/2024'),
                      ),
                      pw.Container(
                        padding: const pw.EdgeInsets.all(8),
                        child: pw.Text(
                          'Payment Bill Ref',
                        ),
                      ),
                      pw.Container(
                        padding: const pw.EdgeInsets.all(8),
                        child: pw.Text('BILL/202411/27/0006'),
                      ),
                    ],
                  ),
                  pw.TableRow(
                    children: [
                      pw.Container(
                        padding: const pw.EdgeInsets.all(8),
                        child: pw.Text(
                          'Collection Order Ref',
                        ),
                      ),
                      pw.Container(
                        padding: const pw.EdgeInsets.all(8),
                        child: pw.Text('${collection.name}/INV2024'),
                      ),
                      pw.Container(
                        padding: const pw.EdgeInsets.all(8),
                        child: pw.Text(
                          'Payment Method',
                        ),
                      ),
                      pw.Container(
                        padding: const pw.EdgeInsets.all(8),
                        child: pw.Text('CASH'),
                      ),
                    ],
                  ),
                  pw.TableRow(
                    children: [
                      pw.Container(
                        padding: const pw.EdgeInsets.all(8),
                        child: pw.Text(
                          'Collection Confirmation Ref',
                        ),
                      ),
                      pw.Container(
                        padding: const pw.EdgeInsets.all(8),
                        child: pw.Text('WH/IN00061'),
                      ),
                      pw.Container(
                        padding: const pw.EdgeInsets.all(8),
                        child: pw.Text(
                          'Bill Status',
                        ),
                      ),
                      pw.Container(
                        padding: const pw.EdgeInsets.all(8),
                        child: pw.Text('POSTED'),
                      ),
                    ],
                  ),
                ],
              ),
              pw.SizedBox(height: 30),
              // ignore: deprecated_member_use
 
              pw.Table.fromTextArray(
                context: context,
                headers: [
                  'Product',
                  'Quantity Received',
                  'Quantity Billed',
                  'Unit Price'
                ],
                data: List.generate(1, (index) {
                  return [
                    '[UCO] Used cooking oil',
                    '${collection.orderLines?.first.productQty}  L',
                    '${collection.orderLines?.first.productQty ?? 0 - 10} Kg',
                    '2.2',
                  ];
                }),
                cellAlignment: pw.Alignment.centerLeft,
              ),
 
              pw.Container(
                padding: pw.EdgeInsets.all(5.sp),
                decoration: pw.BoxDecoration(
                  border: pw.Border(
                    left: pw.BorderSide(color: PdfColor(0, 0, 0), width: 1),
                    right: pw.BorderSide(color: PdfColor(0, 0, 0), width: 1),
                    bottom: pw.BorderSide(color: PdfColor(0, 0, 0), width: 1),
                    top: pw.BorderSide.none,
                  ),
                ),
                child: pw.Row(
                  mainAxisAlignment: pw.MainAxisAlignment.spaceBetween,
                  children: [
                    pw.SizedBox(),
                    pw.Text(
                      'Payment Amount: ${NumberFormat.compact().format((collection.orderLines?.first.productQty ?? 0 - 10) * 2.2)}',
                    ),
                  ],
                ),
              ),
 
              pw.SizedBox(height: 30),
              pw.Row(
                mainAxisAlignment: pw.MainAxisAlignment.spaceBetween,
                children: [directorSignature, collectorSignature],
              ),
              pw.SizedBox(height: 30),
              pw.Row(
                mainAxisAlignment: pw.MainAxisAlignment.spaceBetween,
                crossAxisAlignment: pw.CrossAxisAlignment.end,
                children: [
                  pw.Text(
                    'STRICTLY CONFIDENTIAL',
                  ),
                  pw.Row(
                    mainAxisAlignment: pw.MainAxisAlignment.spaceBetween,
                    children: [
                      qrCode,
                      pw.SizedBox(width: 10),
                    ],
                  ),
                ],
              ),
            ],
          );
        },
      ),
    );
 
    final output = await getTemporaryDirectory();
    final file =
        File('${output.path}/collection_voucher_with_table_and_payment.pdf');
    await file.writeAsBytes(await pdf.save());
 
    OpenFilex.open(file.path);
  }
}