import 'package:flutter/material.dart';
import 'package:flutter_vector_icons/flutter_vector_icons.dart';
import 'package:intl/intl.dart';

import '../../../constants.dart';
import '../../../domain/entities/cargo_type.dart';
import '../../../domain/entities/carton.dart';
import '../../../domain/entities/carton_size.dart';
import '../../../domain/entities/fcs_shipment.dart';
import '../../../helpers/theme.dart';
import '../../main/util.dart';
import '../../widgets/local_text.dart';
import '../../widgets/previous_button.dart';
import '../../widgets/submit_text_widget.dart';
import "package:collection/collection.dart";

typedef OnCreateMixCarton = Function();
typedef OnPrevious = Function();

class MixCartonSubmit extends StatefulWidget {
  final bool isNew;
  final FcsShipment shipment;
  final List<Carton> cartons;
  final String cartonSizeType;
  final CartonSize? standardSize;
  final double length;
  final double width;
  final double height;
  final OnCreateMixCarton? onCreate;
  final OnPrevious? onPrevious;
  const MixCartonSubmit(
      {super.key,
      this.onCreate,
      this.onPrevious,
      required this.shipment,
      this.cartons = const [],
      this.standardSize,
      required this.cartonSizeType,
      this.length = 0,
      this.width = 0,
      this.height = 0,
      this.isNew = true});

  @override
  State<MixCartonSubmit> createState() => _MixCartonSubmitState();
}

class _MixCartonSubmitState extends State<MixCartonSubmit> {
  final NumberFormat numberFormatter = NumberFormat("#,###");
  final Map<String?, double> _mapCargos = {};
  final Map<String?, double> _mapSurchargeItems = {};
  double totalWeight = 0;

  @override
  void initState() {
    _init();
    super.initState();
  }

  _init() {
    // get cargos by weight
    List<CargoType> cargoTypes = [];
    for (var c in widget.cartons) {
      cargoTypes.addAll(c.cargoTypes);
    }

    cargoTypes.sort((a, b) => a.name!.compareTo(b.name!));

    Map<String?, List<CargoType>> cargosByWeight = groupCargos(cargoTypes);
    cargosByWeight.forEach((key, value) {
      double total = value.fold(0, (sum, item) => sum + item.weight);
      _mapCargos[key] = total;
    });

    totalWeight = _mapCargos.entries.fold(0, (sum, value) => sum + value.value);

    // get surcharge items

    List<CargoType> surchargeItems = [];
    for (var c in widget.cartons) {
      surchargeItems.addAll(c.surchareItems);
    }

    surchargeItems.sort((a, b) => a.name!.compareTo(b.name!));

    Map<String?, List<CargoType>> cargosByCustomDutyFee =
        groupCargos(surchargeItems);

    cargosByCustomDutyFee.forEach((key, value) {
      double total = value.fold(0, (sum, item) => sum + item.qty);
      _mapSurchargeItems[key] = total;
    });

    if (mounted) {
      setState(() {});
    }
  }

  Map<String?, List<CargoType>> groupCargos(List<CargoType> cargos) {
    var groups = groupBy(cargos, (CargoType e) {
      String? categoryName = e.name;
      return categoryName;
    });

    return groups;
  }

  @override
  Widget build(BuildContext context) {
    String? boxDimension = widget.cartonSizeType == standardCarton
        ? "${widget.standardSize?.name} - ${widget.standardSize?.length.toInt()}”x${widget.standardSize?.width.toInt()}”x${widget.standardSize?.height.toInt()}”"
        : widget.cartonSizeType == customCarton
            ? "${widget.length.toInt()}”x${widget.width.toInt()}”x${widget.height.toInt()}”"
            : null;

    final cartonType = Padding(
      padding: const EdgeInsets.only(top: 10),
      child: SubmitTextWidget(
          labelKey: 'box.carton.type', text: carton_mix_carton),
    );

    final cartonSizeBox = Padding(
      padding: const EdgeInsets.only(top: 10),
      child: SubmitTextWidget(
        labelKey: 'box.select_carton_size',
        text: boxDimension ?? 'No defined size',
      ),
    );

    final shipmentBox = Padding(
      padding: const EdgeInsets.only(top: 10),
      child: SubmitTextWidget(
        labelKey: 'box.shipment',
        text: widget.shipment.shipmentNumber ?? '',
        subText: widget.shipment.status ?? "",
      ),
    );

    final cartonsBox = Padding(
      padding: const EdgeInsets.only(top: 10),
      child: Column(crossAxisAlignment: CrossAxisAlignment.stretch, children: [
        Padding(
          padding: const EdgeInsets.only(left: 5, bottom: 5),
          child: LocalText(context, 'box.cartion.count',
              translationVariables: [widget.cartons.length.toString()],
              color: primaryColor,
              fontSize: 16,
              fontWeight: FontWeight.normal),
        ),
        Container(
          decoration: BoxDecoration(
            border: Border.all(color: primaryColor),
            borderRadius: BorderRadius.circular(5),
          ),
          child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Wrap(
                spacing: 15,
                children: widget.cartons.map((e) {
                  return SizedBox(
                    width: MediaQuery.of(context).size.width / 2.5,
                    child: Padding(
                      padding: const EdgeInsets.symmetric(vertical: 3),
                      child: Text(
                        e.cartonNumber ?? "",
                        style: TextStyle(color: Colors.black, fontSize: 15),
                      ),
                    ),
                  );
                }).toList()),
          ),
        ),
      ]),
    );

    final cargosBox = Padding(
      padding: const EdgeInsets.only(top: 10),
      child: Column(crossAxisAlignment: CrossAxisAlignment.stretch, children: [
        Padding(
          padding: const EdgeInsets.only(left: 5, bottom: 5, right: 8),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              LocalText(context, 'box.cargo.type',
                  color: primaryColor,
                  fontSize: 16,
                  fontWeight: FontWeight.normal),
              Text("${removeTrailingZeros(totalWeight)} lb",
                  style: TextStyle(color: Colors.black, fontSize: 15))
            ],
          ),
        ),
        Container(
          decoration: BoxDecoration(
            border: Border.all(color: primaryColor),
            borderRadius: BorderRadius.circular(5),
          ),
          child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Column(
              children: [
                Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: _mapCargos.entries.map((e) {
                      return Padding(
                        padding: const EdgeInsets.symmetric(vertical: 3),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text(
                              e.key ?? "",
                              style:
                                  TextStyle(color: Colors.black, fontSize: 15),
                            ),
                            Text("${removeTrailingZeros(e.value)} lb",
                                style: TextStyle(
                                    color: Colors.black, fontSize: 15))
                          ],
                        ),
                      );
                    }).toList()),
                // const SizedBox(height: 10),
                // Column(
                //     crossAxisAlignment: CrossAxisAlignment.start,
                //     children: _mapSurchargeItems.entries.map((e) {
                //       return Padding(
                //         padding: const EdgeInsets.symmetric(vertical: 3),
                //         child: Row(
                //           mainAxisAlignment: MainAxisAlignment.spaceBetween,
                //           children: [
                //             Text(
                //               e.key ?? "",
                //               style: TextStyle(color: labelColor, fontSize: 15),
                //             ),
                //             Text("${numberFormatter.format(e.value)} pc",
                //                 style:
                //                     TextStyle(color: labelColor, fontSize: 15))
                //           ],
                //         ),
                //       );
                //     }).toList()),
              ],
            ),
          ),
        ),
      ]),
    );

    final surChargeItemsBox = Padding(
      padding: const EdgeInsets.only(top: 10),
      child: Column(crossAxisAlignment: CrossAxisAlignment.stretch, children: [
        Padding(
          padding: const EdgeInsets.only(left: 5, bottom: 5, right: 8),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              LocalText(context, 'box.input_surcharge_item',
                  color: primaryColor,
                  fontSize: 16,
                  fontWeight: FontWeight.normal),
            ],
          ),
        ),
        Container(
          decoration: BoxDecoration(
            border: Border.all(color: primaryColor),
            borderRadius: BorderRadius.circular(5),
          ),
          child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Column(
              children: [
                Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: _mapSurchargeItems.entries.map((e) {
                      return Padding(
                        padding: const EdgeInsets.symmetric(vertical: 3),
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                Text(
                                  e.key ?? "",
                                  style: TextStyle(
                                      color: Colors.black, fontSize: 15),
                                ),
                                Text(
                                    "${removeTrailingZeros((e.value).toDouble())} pc",
                                    textAlign: TextAlign.end,
                                    style: TextStyle(
                                        color: Colors.black, fontSize: 15))
                              ],
                            ),
                          ],
                        ),
                      );
                    }).toList()),
              ],
            ),
          ),
        ),
      ]),
    );

    final createBtn = InkWell(
        onTap: () {
          if (widget.onCreate != null) {
            widget.onCreate!();
          }
        },
        child: Container(
          alignment: Alignment.bottomRight,
          height: 45,
          width: 150,
          decoration: BoxDecoration(
            color: primaryColor,
            borderRadius: BorderRadius.circular(5),
          ),
          child: TextButton(
            onPressed: null,
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Flexible(
                  child: LocalText(context,
                      widget.isNew ? 'box.crete.carton' : 'box.update.btn',
                      color: Colors.white, fontSize: 15),
                ),
                const SizedBox(width: 5),
                const Icon(
                  MaterialCommunityIcons.check_circle_outline,
                  color: Colors.white,
                ),
              ],
            ),
          ),
        ));

    final previousBtn = PreviousButton(onTap: () {
      if (widget.onPrevious != null) {
        widget.onPrevious!();
      }
    });

    return Column(
      children: [
        Expanded(
          child: ListView(
            padding:
                const EdgeInsets.only(left: 20, right: 20, top: 15, bottom: 20),
            children: [
              cartonType,
              const SizedBox(height: 10),
              cartonSizeBox,
              const SizedBox(height: 10),
              shipmentBox,
              const SizedBox(height: 10),
              widget.cartons.isNotEmpty ? cartonsBox : const SizedBox(),
              const SizedBox(height: 10),
              _mapCargos.isNotEmpty ? cargosBox : const SizedBox(),
              _mapSurchargeItems.isNotEmpty
                  ? Padding(
                      padding: EdgeInsets.only(top: 10),
                      child: surChargeItemsBox)
                  : const SizedBox(),
              const SizedBox(height: 20),
            ],
          ),
        ),
        Padding(
          padding: const EdgeInsets.only(left: 15, right: 15),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [previousBtn, createBtn],
          ),
        ),
        const SizedBox(height: 20)
      ],
    );
  }
}