import 'package:fcs/domain/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.dart';
import 'package:fcs/pages/carton_size/model/carton_size_model.dart';
import 'package:fcs/pages/main/util.dart';
import 'package:fcs/pages/package/model/package_model.dart';
import 'package:fcs/pages/rates/model/shipment_rate_model.dart';
import 'package:fcs/pages/widgets/display_text.dart';
import 'package:fcs/pages/widgets/length_picker.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 'carton_editor.dart';
import 'carton_row.dart';
import 'model/carton_model.dart';

final DateFormat dateFormat = DateFormat("d MMM yyyy");
final NumberFormat numberFormatter = NumberFormat("#,###");

class CartonInfo extends StatefulWidget {
  final Package? package;
   final Carton box;
  
  CartonInfo({required this.box,this.package});

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

class _CartonInfoState extends State<CartonInfo> {
  bool _isLoading = false;
  Carton? _box;


 
  //  DeliveryAddress? _deliveryAddress = new DeliveryAddress();
  MultiImgController multiImgController = MultiImgController();
  TextEditingController _widthController = new TextEditingController();
  TextEditingController _heightController = new TextEditingController();
  TextEditingController _lengthController = new TextEditingController();
  TextEditingController _cartonSizeController = new TextEditingController();
  double volumetricRatio = 0;
  double shipmentWeight = 0;
  String? selectMixBoxType;

  bool isMixBox = false;
  bool isFromShipments = false;
  bool isFromPackages = false;
  bool isSmallBag = false;
  bool isFromCartons = false;
  bool isEdiable = false; 
 final List<CargoType> cargoTypes=[];
final List<CargoType> surchareItems=[];
  @override
  void initState() {
    super.initState();
    _box = widget.box;
    //initPackage(widget.package!);
    //for shipment weight
    volumetricRatio = Provider.of<ShipmentRateModel>(context, listen: false)
        .rate
        .volumetricRatio;
    _lengthController.addListener(_calShipmentWeight);
    _widthController.addListener(_calShipmentWeight);
    _heightController.addListener(_calShipmentWeight);
     multiImgController.setImageUrls = _box!.photos;
    _updateBoxData();
    _loadPackages();
    _loadMixCartons();
  }
  

  _updateBoxData() {
    _widthController.text = _box!.width.toString();
    _heightController.text = _box!.height.toString();
    _lengthController.text = _box!.length.toString();
    _cartonSizeController.text = _box!.cartonSizeName ?? "";
    // _deliveryAddress = _box!.deliveryAddress;
    isMixBox = _box!.cartonType == carton_mix_box;
    isFromShipments = _box!.cartonType == carton_from_shipments;
    isFromPackages = _box!.cartonType == carton_from_packages;
    isSmallBag = _box!.cartonType == carton_small_bag;
    isFromCartons = _box!.cartonType == carton_from_cartons;

    isEdiable = (isFromPackages || isMixBox || isFromCartons) &&
        _box!.status == carton_packed_status;
    selectMixBoxType = _box!.mixBoxType;
    getCartonSize();
  }

  getCartonSize() {
    var cartonSizeModel = Provider.of<CartonSizeModel>(context, listen: false);
    cartonSizeModel.cartonSizes.forEach((c) {
      if (c.length == _box!.length &&
          c.width == _box!.width &&
          c.height == _box!.height) {
        setState(() {
          _cartonSizeController.text = c.name ?? "";
        });
      }
    });
  }

  _loadPackages() async {
    if (!isFromPackages && !isSmallBag) return;

    if (_box!.cartonType == carton_from_packages && _box!.userID == null)
      return;
    PackageModel packageModel =
        Provider.of<PackageModel>(context, listen: false);
    List<Package> packages =
        await packageModel.getPackages(_box!.userID ?? "", [
      package_processed_status,
      package_packed_status,
      package_shipped_status,
      package_delivered_status
    ]);
    packages = packages.where((p) => _box!.packageIDs.contains(p.id)).toList();
    packages.forEach((p) {
      p.isChecked = true;
    });

    setState(() {
      _box!.packages = packages;
    });
  }

  _loadMixCartons() async {
    if (_box!.cartonType != carton_mix_box) return;
    CartonModel cartonModel = Provider.of<CartonModel>(context, listen: false);
    List<Carton> catons = [];
    for (var id in _box!.mixCartonIDs) {
      Carton c = await cartonModel.getCarton(id);
      catons.add(c);
    }

    setState(() {
      _box!.mixCartons = catons;
    });
  }

  _calShipmentWeight() {
    double l = double.tryParse(_lengthController.text) ?? 0;
    double w = double.tryParse(_widthController.text) ?? 0;
    double h = double.tryParse(_heightController.text) ?? 0;
    setState(() {
      shipmentWeight = l * w * h / volumetricRatio;
    });
  }

  @override
  void dispose() {
    super.dispose();
  }

  final DateFormat dateFormat = DateFormat("d MMM yyyy");

  @override
  Widget build(BuildContext context) {
  
 double totalWeight = _box!.cargoTypes.fold(0, (sum, value) => sum + value.weight);
double totalPieces = surchareItems.fold(0, (sum, value) => sum + value.qty);
    // final cartonTypeBox = LocalRadioButtons(
    //     readOnly: true,
    //     values: cartonModel.cartonTypesInfo,
    //     selectedValue: (_box!.isShipmentCarton ?? false)
    //         ? carton_from_shipments
    //         : _box!.cartonType);
    final cartonTypeBox = DisplayText(
      text: _box!.cartonNumber,
      labelTextKey: "box.number",
      //iconData: Ionicons.ios_airplane,
    );
    final cartonQrBox = DisplayText(
      // text: _box!.,
      //labelTextKey: "box.number",
      iconData: AntDesign.qrcode,
    );
    final shipmentBox = DisplayText(
      text: _box!.fcsShipmentNumber,
      labelTextKey: "box.fcs_shipment_num",
      // iconData: Ionicons.ios_airplane,
    );
    final deliveryBox = DisplayText(
      text: "Delivery Carton",
      labelTextKey: "box.delivery_type",
      //icon: FcsIDIcon(),
    );

    // final fcsIDBox = DisplayText(
    //   text: _box!.fcsID == null ? "" : _box!.fcsID,
    //   labelTextKey: "box.fcs.id",
    //   //icon: FcsIDIcon(),
    // );

    final customerNameBox = DisplayText(
      text: _box!.userName == null ? "" : _box!.userName,
      subText: Text(_box!.fcsID ?? "", style: textStyle),
      labelTextKey: "box.name",

      //iconData: Icons.person,
    );

    // final consigneefcsIDBox = DisplayText(
    //   text: _box!.fcsID != null ? _box!.fcsID : "",
    //   labelTextKey: "processing.fcs.id",
    //   icon: FcsIDIcon(),
    // );

    final consigneeNameBox = DisplayText(
      text: _box!.senderName != null ? _box!.senderName : "",
      subText: Text(_box!.senderFCSID ?? "", style: textStyle),

      labelTextKey: "processing.consignee.name",
      //maxLines: 2,
     // iconData: Ionicons.document_text_outline,
    );

    // final consigneeBox = Container(
    //   child: Column(
    //     children: [          
    //       consigneeNameBox,
    //        IconButton(icon:Icon(Ionicons.document_text_outline),
    //                  onPressed:() {},),
    //                 Text("Bill to",style:TextStyle(color:Color.fromARGB(255, 57, 80, 233)))
                   
    //     ],
    //   ),
    // );

    // final shipperIDBox = Row(
    //   children: <Widget>[
    //     Expanded(
    //         child: DisplayText(
    //       text: _box!.senderFCSID,
    //       labelTextKey: "processing.fcs.id",
    //       icon: FcsIDIcon(),
    //     )),
    //   ],
    // );

    // final shipperNamebox = DisplayText(
    //   text: _box!.senderName,
    //   labelTextKey: "processing.shipper.name",
    //   maxLines: 2,
    //   iconData: Icons.person,
    // );

    // final shipperBox = Container(
    //   child: Column(
    //     children: [
    //       shipperIDBox,
    //       shipperNamebox,
    //     ],
    //   ),
    // );

    final lengthBox = LengthPicker(
      controller: _lengthController,
      lableKey: "box.length",
      isReadOnly: true,
    );
    final widthBox = LengthPicker(
      controller: _widthController,
      lableKey: "box.width",
      isReadOnly: true,
    );
    final heightBox = LengthPicker(
      controller: _heightController,
      lableKey: "box.height",
      isReadOnly: true,
    );

    final dimBox = Row(
      mainAxisAlignment: MainAxisAlignment.start,
      children: [
        Padding(
          padding: const EdgeInsets.only(right: 8.0),
          child: Icon(FontAwesome.arrow_circle_right, color: primaryColor),
        ),
        SizedBox(child: lengthBox, width: 80),
        SizedBox(child: widthBox, width: 80),
        SizedBox(child: heightBox, width: 80),
      ],
    );
    final packageBox = DisplayText(
      //text: "203FVH",
      labelTextKey: "box.package",
     
    );
 final cargosBox = Padding(
      padding: const EdgeInsets.only(top: 10),
      child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
        // Padding(
        //   padding: const EdgeInsets.only(left: 5, bottom: 5, right: 20),
        Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              LocalText(context, 'box.cargo.type',
                  color: Colors.black54,
                  fontSize: 16,
                  fontWeight: FontWeight.normal),
                  Padding(padding: EdgeInsets.only(right: 100),
                  child:
              Text("${removeTrailingZeros(totalWeight)} lb",
                  style: TextStyle(color: Colors.black54, fontSize: 15)))
            ],
          ),
        //),
        Container(
          // decoration: BoxDecoration(
          //   border: Border.all(color: primaryColor),
          //   borderRadius: BorderRadius.circular(5),
          // ),
          child: Padding(
            padding: const EdgeInsets.only(right: 100),
            child: Column(
              children: [
                Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: _box!.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: 10),
      child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
        // Padding(
        //   padding: const EdgeInsets.only(left: 5, bottom: 5, right: 20),
        Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              LocalText(context, 'box.surcharge.item',
                  color: Colors.black54,
                  fontSize: 16,
                  fontWeight: FontWeight.normal),
                  Padding(padding: EdgeInsets.only(right: 100),
                  child:
              Text("${removeTrailingZeros(totalPieces)} pcs",
                  style: TextStyle(color: Colors.black54, fontSize: 15)))
            ],
          ),
        //),
        Container(
          // decoration: BoxDecoration(
          //   border: Border.all(color: primaryColor),
          //   borderRadius: BorderRadius.circular(5),
          // ),
          child: Padding(
            padding: const EdgeInsets.only(right: 100),
            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),
                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: labelColor, fontSize: 15),
                            ),
                            Text("${numberFormatter.format(e.qty)} pc",
                                style:
                                    TextStyle(color: labelColor, fontSize: 15))
                          ],
                        ),
                      );
                    }).toList()),
              ],
            ),
          ),
        ),
      ]),
    );
    
     final img = MultiImageFile(
      enabled: false,
      controller: multiImgController,
      title: "Receipt File",
    );
     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 cargoBox = DisplayText(
      //text: "203FVH",
      labelTextKey: "box.cargo.type",
     
    );


    final cartonSizeBox = DisplayText(
      text: _cartonSizeController.text,
      labelTextKey: "box.carton_size",
      iconData: AntDesign.CodeSandbox,
    );
    // final cargoTableBox = CargoTable(
    //   cargoTypes: _box!.cargoTypes,
    // );
    // final mixCartonNumberBox = DisplayText(
    //   text: _box!.mixCartonNumber,
    //   labelTextKey: "box.mix.carton",
    //   iconData: MaterialCommunityIcons.package,
    // );

    final mixTypeBox = Container(
      padding: EdgeInsets.only(top: 20),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Container(
              padding: EdgeInsets.only(left: 5),
              child: LocalText(
                context,
                "box.mix_type",
                color: primaryColor,
                fontSize: 15,
                fontWeight: FontWeight.bold,
              )),
          Row(
            children: [
              Padding(
                padding: const EdgeInsets.all(8.0),
                child: Icon(
                  Icons.check,
                  color: primaryColor,
                ),
              ),
              Text(selectMixBoxType ?? "")
            ],
          )
        ],
      ),
    );

    return LocalProgress(
      inAsyncCall: _isLoading,
      child: Scaffold(
        appBar: LocalAppBar(
          labelKey: "box.info.title",
          backgroundColor: Colors.white,
          labelColor: primaryColor,
          arrowColor: primaryColor,
          actions: isEdiable
              ? <Widget>[
                  IconButton(
                    icon: Icon(Icons.edit, color: primaryColor),
                    onPressed: _gotoEditor,
                  ),
                  IconButton(
                    icon: Icon(Icons.delete, color: primaryColor),
                    onPressed: _delete,
                  ),
                ]
              : [],
        ),
        body:      
         Container(          
          padding: const EdgeInsets.all(10.0), 
          child:
           Column(children: [
           
              Row(children:[
                Flexible(child: 
                     cartonTypeBox),
                     Flexible(child:
                  cartonQrBox,
                ),
                     ]),
                     Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        Flexible(child: shipmentBox,),
                         Flexible(child: deliveryBox,),
                     
                     
                     ],),
                     
                     Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                       Expanded(
                child: Row(
                  //crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Expanded(
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                         customerNameBox,
                        ],
                      ),
                    ),
                    CargoType().isCutomDuty == false
                        ? billWidget
                        : const SizedBox()
                  ],
                ),
              ),
                  Expanded(
                  child: Padding(
                padding: const EdgeInsets.only(left: 0),
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Expanded(
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          consigneeNameBox,
                        ],
                      ),
                    ),
                   CargoType().isCutomDuty == true
                        ? billWidget
                        : const SizedBox()
                  ],
                ),
              ))   
                     
                     ],),
               
                      packageBox,
                      Column(children: 
                        getPackageList(_box!.packages),
                      ),
                      cargosBox,
                      surchargeItemBox,
                      
                 
                Flexible(child: 
                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), //////// HERE
            ),
                      onPressed: (){
                   Navigator.push(
      context,
      CupertinoPageRoute(builder: (context) => CartonImageUpload()),
    );
                      },
            child: const Text('Upload Images'),
          ),)), 
           img,
          Center(child: ElevatedButton(
                    style: ElevatedButton.styleFrom(
              backgroundColor:Color(0xffff0606),
              elevation: 3,
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(5.0)),
              minimumSize: Size(300, 45), //////// HERE
            ),
                      onPressed: (){},
            child: const Text('Delete Carton',style:TextStyle(fontSize: 20)),
          ),),
           
           //_package!.photoUrls.length == 0 || _package!.photoUrls.isEmpty ? Container() : img,
                 
               
           
            //LocalTitle(textKey: "box.shipment_info"),
            // shipmentBox,
            // isSmallBag ? mixCartonNumberBox : Container(),
            // isMixBox
            //     ? Container()
            //     : isFromPackages
            //         ? fcsIDBox
            //         : Container(),
            // isMixBox
            //     ? Container()
            //    : isFromPackages
            //         ? customerNameBox
            //         : Container(),
            // isFromCartons
            //     ? Row(
            //         children: [
            //           Flexible(child: consigneeBox),
            //           Flexible(child: shipperBox)
            //         ],
            //       )
            //     : Container(),
            //  Padding(padding: EdgeInsets.only(left: 10),
            //  child: Row(children:[
           
            //  ListView.builder(
            //   itemCount: pickups.length,
            //   itemBuilder: (context, index) {
            //     return ListTile(
            //       title: Text(pickups[index]),
            //     );
            //   },)
           
           // ])),
          //  // isMixBox ? mixTypeBox : Container(),
          //   isMixBox ? LocalTitle(textKey: "box.mix_caton_title") : Container(),
          //   isMixBox
          //       ? Column(children: _getCartons(context, _box!.mixCartons))
          //       : Container(),
          //   isFromPackages || isSmallBag
          //       ? CartonPackageTable(
          //           packages: _box!.packages,
          //         )
          //       : Container(),
         //    isMixBox ? Container() : LocalTitle(textKey: "box.cargo.type"),
          //  isMixBox ? Container() : cargoTableBox,
          //   ...(isFromPackages || isFromCartons
          //       ? [
          //           LocalTitle(textKey: "box.dimension"),
          //           cartonSizeBox,
          //           dimBox,
          //         ]
          //       : []),
          //   isMixBox
          //       ? Container()
          //       : LocalTitle(textKey: "box.delivery_address"),
          //   isMixBox
          //       ? Container()
          //       : DefaultDeliveryAddress(
          //           deliveryAddress: _deliveryAddress,
          //           labelKey: "box.delivery_address",
          //         ),
          //   SizedBox(
          //     height: 20,
          //   )
          ])
          )
          )
      
          // ])
          // )
     // )
      );
  }

  List<Widget> _getCartons(BuildContext context, List<Carton> cartons) {
    return cartons.map((c) {
      return CartonRow(box: c);
    }).toList();
  }
  List<Widget> _getPackages(BuildContext context, List<Package> packages) {
    return packages.map((p) {
      return Text(p.packageType!);
    }).toList();
  }

  _gotoEditor() async {
    _box!.mixCartons = _box!.mixCartons;
    bool? updated = await Navigator.push<bool>(
      context,
      CupertinoPageRoute(builder: (context) => CartonEditor(carton: _box)),
    );
    if (updated ?? false) {
      var cartonModel = Provider.of<CartonModel>(context, listen: false);
      var c = await cartonModel.getCarton(widget.box!.id ?? "");
      setState(() {
        _box = c;
        _loadPackages();
        _loadMixCartons();
        _updateBoxData();
      });
    }
  }

  _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.box!);
      Navigator.pop(context, true);
    } catch (e) {
      showMsgDialog(context, "Error", e.toString());
    } finally {
      setState(() {
        _isLoading = false;
      });
    }
  }

    List<Widget> getPackageList(List<Package> _p) {
      return _p.map((p) {
        return Container(
          padding: EdgeInsets.only(top: 0),
          child: Container(
            //padding:
               //EdgeInsets.only(top: 0.0),
                child: Row(children:<Widget> [
                  new Text(p.packageType ?? '')
                ]),
        ));}).toList();
        }
         List<Widget> getCargoList(List<CargoType> _c) {
      return _c.map((c) {
        return Container(
          padding: EdgeInsets.only(top: 0),
          child: Container(
            //padding:
               //EdgeInsets.only(top: 0.0),
                child: Row(children:<Widget> [
                  new Text(c.name ?? '')
                ]),
        ));}).toList();
        }
  
}