fcs/lib/pages/carton/carton_info.dart

import 'package:fcs/constants.dart';
import 'package:fcs/domain/entities/cargo_type.dart';
import 'package:fcs/domain/entities/carton.dart';
import 'package:fcs/domain/entities/package.dart';
import 'package:fcs/helpers/theme.dart';
import 'package:fcs/pages/carton/carton_image_upload_editor.dart';
import 'package:fcs/pages/main/util.dart';
import 'package:fcs/pages/package/model/package_model.dart';
import 'package:fcs/pages/widgets/display_text.dart';
import 'package:fcs/pages/widgets/local_app_bar.dart';
import 'package:fcs/pages/widgets/local_text.dart';
import 'package:fcs/pages/widgets/multi_img_controller.dart';
import 'package:fcs/pages/widgets/multi_img_file.dart';
import 'package:fcs/pages/widgets/progress.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_vector_icons/flutter_vector_icons.dart';
import 'package:intl/intl.dart';
import 'package:provider/provider.dart';
import '../../domain/entities/carton_size.dart';
import '../widgets/local_button.dart';
import 'carton_package_editor.dart';
import 'mix_carton/mix_carton_editor.dart';
import 'model/carton_model.dart';
import 'print_qr_code_page.dart';

class CartonInfo extends StatefulWidget {
  final Carton carton;
  CartonInfo({required this.carton});

  @override
  _CartonInfoState createState() => _CartonInfoState();
}

class _CartonInfoState extends State<CartonInfo> {
  final DateFormat dateFormat = DateFormat("d MMM yyyy");
  final NumberFormat numberFormatter = NumberFormat("#,###");
  MultiImgController _multiImgController = MultiImgController();
  bool _isLoading = false;
  late Carton _carton;
  List<CargoType> _cargoTypes = [];
  List<CargoType> _surchareItems = [];
  List<Carton> _mixCartons = [];
  List<Package> _packages = [];
  double totalWeight = 0.0;
  double totalSurchargeCount = 0.0;
  CartonSize? standardSize;

  @override
  void initState() {
    _carton = widget.carton;
    _init();
    super.initState();
  }

  _init() async {
    try {
      _isLoading = true;
      _carton.cartonType = carton_from_packages;
      _carton.billTo = billToConsignee;
      _carton.cartonSizeType = customCarton;
      _multiImgController.setImageUrls = _carton.photoUrls;
      _cargoTypes = _carton.cargoTypes.where((e) => !e.isCutomDuty).toList();
      _surchareItems = _carton.cargoTypes.where((e) => e.isCutomDuty).toList();
      if (_carton.cartonType == carton_from_packages) {
        _carton.deliveryType = delivery_caton;
        _packages = await context
            .read<PackageModel>()
            .getPackagesByIds(_carton.packageIDs);
      }

      if (_carton.cartonType == carton_mix_carton) {
        _mixCartons = await context
            .read<CartonModel>()
            .getCartonsByIds(_carton.mixCartonIDs);
      }

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

      totalWeight =
          _carton.cargoTypes.fold(0, (sum, value) => sum + value.weight);
      totalSurchargeCount =
          _surchareItems.fold(0, (sum, value) => sum + value.qty);
    } finally {
      _isLoading = false;
    }
  }

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

    final cartonTypeBox = DisplayText(
      text: _carton.cartonNumber,
      labelTextKey: "box.number",
    );

    final cartonQrBox = IconButton(
        onPressed: () {
          Navigator.push(
            context,
            CupertinoPageRoute(
                builder: (context) => PrintQrCodePage(carton: _carton)),
          );
        },
        icon: Icon(AntDesign.qrcode, color: Colors.black));

    final cartonSubTypeBox = DisplayText(
      text: _carton.cartonType == carton_from_packages
          ? "For packages"
          : "Mix carton",
      labelTextKey: "box.carton.type",
    );

    final billInfoBox = DisplayText(
      text: _carton.billTo == billToSender
          ? "Sender"
          : _carton.billTo == billToConsignee
              ? "Consignee"
              : null,
      labelTextKey: "box.bill_to",
    );

    final shipmentBox = DisplayText(
      text: _carton.fcsShipmentNumber,
      labelTextKey: "box.fcs_shipment_num",
    );

    final deliveryBox = DisplayText(
      text: _carton.deliveryType,
      labelTextKey: "box.delivery_type",
    );

    final cartonSizeBox = DisplayText(
      subText: boxDimension == null ? null : Text("$boxDimension"),
      labelTextKey: "box.carton_size",
    );

    final senderBox = DisplayText(
      text: _carton.senderName == null ? "" : _carton.senderName,
      subText: Text(_carton.senderFCSID ?? "", style: textStyle),
      labelTextKey: "box.name",
    );

    final consigneeNameBox = DisplayText(
      text: _carton.userName != null ? _carton.userName : "",
      subText: Text(_carton.fcsID ?? "", style: textStyle),
      labelTextKey: "processing.consignee.name",
    );

    // final billWidget = Expanded(
    //     child: Padding(
    //         padding: EdgeInsets.only(left: 0, top: 15),
    //         child: Row(
    //           mainAxisAlignment: MainAxisAlignment.start,
    //           children: [
    //             Icon(Ionicons.document_text_outline,
    //                 color: primaryColor, size: 20),
    //             Text("Bill to",
    //                 style: TextStyle(color: primaryColor, fontSize: 15))
    //           ],
    //         )));

    final userRowBox = Row(
      mainAxisAlignment: MainAxisAlignment.start,
      children: [
        Expanded(
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Expanded(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    senderBox,
                  ],
                ),
              ),
              // _carton.billTo == billToSender ? billWidget : const SizedBox()
            ],
          ),
        ),
        Expanded(
            child: Row(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  consigneeNameBox,
                ],
              ),
            ),
            // _carton.billTo == billToConsignee ? billWidget : const SizedBox()
          ],
        ))
      ],
    );

    final cargosBox = Padding(
      padding: const EdgeInsets.only(top: 15),
      child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            LocalText(context, 'box.cargo.type',
                color: Colors.black54,
                fontSize: 16,
                fontWeight: FontWeight.normal),
            Padding(
                padding: EdgeInsets.only(right: 50),
                child: Text("${removeTrailingZeros(totalWeight)} lb",
                    style: TextStyle(color: Colors.black54, fontSize: 15)))
          ],
        ),
        Container(
          child: Padding(
            padding: const EdgeInsets.only(right: 50),
            child: Column(
              children: [
                Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: _cargoTypes.map((e) {
                      return Padding(
                        padding: const EdgeInsets.symmetric(vertical: 3),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text(
                              e.name ?? "",
                              style:
                                  TextStyle(color: Colors.black, fontSize: 15),
                            ),
                            Text("${removeTrailingZeros(e.weight)} lb",
                                style: TextStyle(
                                    color: Colors.black, fontSize: 15))
                          ],
                        ),
                      );
                    }).toList()),
                const SizedBox(height: 10),
              ],
            ),
          ),
        ),
      ]),
    );
    final surchargeItemBox = Padding(
      padding: const EdgeInsets.only(top: 15),
      child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            LocalText(context, 'box.surcharge.item',
                color: Colors.black54,
                fontSize: 16,
                fontWeight: FontWeight.normal),
            Padding(
                padding: EdgeInsets.only(right: 50),
                child: Text("${removeTrailingZeros(totalSurchargeCount)} pcs",
                    style: TextStyle(color: Colors.black54, fontSize: 15)))
          ],
        ),
        Container(
          child: Padding(
            padding: const EdgeInsets.only(right: 60),
            child: Column(
              children: [
                Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: _surchareItems.map((e) {
                      return Padding(
                        padding: const EdgeInsets.symmetric(vertical: 3),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text(
                              e.name ?? "",
                              style:
                                  TextStyle(color: Colors.black, fontSize: 15),
                            ),
                            Text(
                                "${removeTrailingZeros((e.qty).toDouble())} pc",
                                style: TextStyle(
                                    color: Colors.black, fontSize: 15))
                          ],
                        ),
                      );
                    }).toList()),
                const SizedBox(height: 10),
              ],
            ),
          ),
        ),
      ]),
    );

    final img = MultiImageFile(
      enabled: false,
      controller: _multiImgController,
      title: "Receipt File",
    );

    final uploadImageBtn = Padding(
      padding: EdgeInsets.only(left: 200.0, right: 8.0),
      child: ElevatedButton(
          style: ElevatedButton.styleFrom(
            backgroundColor: Color(0xff272262),
            elevation: 3,
            shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(5.0)),
            minimumSize: Size(10, 35),
          ),
          onPressed: () async {
            bool? updated = await Navigator.push(
              context,
              CupertinoPageRoute(
                  builder: (context) =>
                      CartonImageUploadEditor(carton: _carton)),
            );

            if (updated ?? false) {
              Carton? c = await context
                  .read<CartonModel>()
                  .getCarton(widget.carton.id ?? "");
              if (c == null) return;
              _carton = c;
              _init();
            }
          },
          child: LocalText(context, "box.imageupload.title",
              color: Colors.white, fontSize: 14)),
    );

    final deleteBtn = Padding(
      padding: const EdgeInsets.symmetric(horizontal: 30),
      child: LocalButton(
        color: dangerColor,
        textKey: "box.delete.btn",
        callBack: () {
          _delete();
        },
      ),
    );

    return LocalProgress(
        inAsyncCall: _isLoading,
        child: Scaffold(
            appBar: LocalAppBar(
                labelKey: "box.info.title",
                backgroundColor: Colors.white,
                labelColor: primaryColor,
                arrowColor: primaryColor,
                actions: <Widget>[
                  IconButton(
                      icon: Icon(Icons.edit, color: primaryColor),
                      onPressed: _gotoEditor),
                ]),
            body: Container(
                padding: const EdgeInsets.only(left: 20, right: 20),
                child: ListView(children: <Widget>[
                  Row(children: [
                    Flexible(child: cartonTypeBox,flex: 1),
                    Flexible(
                      child: cartonQrBox,
                    ),
                  
                  ]),
                  Row(
                    children: [
                      Flexible(child: cartonSubTypeBox),
                    ],
                  ),
                  _mixCartons.isEmpty ? userRowBox : const SizedBox(),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Flexible(child: billInfoBox),
                      Flexible(child: shipmentBox),
                    ],
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      _mixCartons.isEmpty
                          ? Flexible(child: deliveryBox)
                          : const SizedBox(),
                      Flexible(child: cartonSizeBox),
                    ],
                  ),
                  _packages.isEmpty
                      ? const SizedBox()
                      : Padding(
                          padding: const EdgeInsets.only(top: 15),
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              LocalText(context, "box.package",
                                  color: Colors.black54, fontSize: 15),
                              const SizedBox(height: 5),
                              Column(
                                children: getPackageList(_packages),
                              ),
                            ],
                          ),
                        ),
                  _mixCartons.isEmpty
                      ? const SizedBox()
                      : Padding(
                          padding: const EdgeInsets.only(top: 15),
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              LocalText(context, "box.shipment.boxes",
                                  color: Colors.black54, fontSize: 15),
                              const SizedBox(height: 5),
                              Column(children: getCartonList(_mixCartons)),
                            ],
                          ),
                        ),
                  _cargoTypes.isEmpty ? const SizedBox() : cargosBox,
                  _surchareItems.isEmpty ? const SizedBox() : surchargeItemBox,
                  uploadImageBtn,
                  const SizedBox(height: 30),
                  img,
                  const SizedBox(height: 40),
                  deleteBtn,
                  const SizedBox(height: 20)
                ]))));
  }

  List<Widget> getPackageList(List<Package> list) {
    return list.map((p) {
      return Container(
          padding: EdgeInsets.only(top: 0),
          child: Container(
            child: Row(children: <Widget>[new Text(p.trackingID ?? "")]),
          ));
    }).toList();
  }

  List<Widget> getCartonList(List<Carton> list) {
    return list.map((c) {
      return Container(
          padding: EdgeInsets.only(top: 0),
          child: Container(
            child: Row(children: <Widget>[new Text(c.cartonNumber ?? '')]),
          ));
    }).toList();
  }

  _gotoEditor() async {
    bool? updated = _carton.cartonType == carton_mix_carton
        ? await Navigator.push<bool>(
            context,
            CupertinoPageRoute(
                builder: (context) => MixCartonEditor(carton: _carton)),
          )
        : await Navigator.push<bool>(
            context,
            CupertinoPageRoute(
                builder: (context) => CartonPackageEditor(carton: _carton)),
          );

    if (updated ?? false) {
      Carton? c =
          await context.read<CartonModel>().getCarton(widget.carton.id ?? "");
      if (c == null) return;
      _carton = c;
      _init();
    }
  }

  _delete() {
    showConfirmDialog(context, "box.delete.confirm", () {
      _deleteCarton();
    });
  }

  _deleteCarton() async {
    setState(() {
      _isLoading = true;
    });
    try {
      // var cartonModel = Provider.of<CartonModel>(context, listen: false);
      // await cartonModel.deleteCarton(widget.carton);
      // Navigator.pop(context, true);
    } catch (e) {
      showMsgDialog(context, "Error", e.toString());
    } finally {
      setState(() {
        _isLoading = false;
      });
    }
  }
}