import 'package:fcs/constants.dart';
import 'package:fcs/domain/entities/package.dart';
import 'package:fcs/domain/vo/delivery_address.dart';
import 'package:fcs/helpers/theme.dart';
import 'package:fcs/pages/delivery_address/model/delivery_address_model.dart';
import 'package:fcs/pages/main/model/main_model.dart';
import 'package:fcs/pages/main/util.dart';
import 'package:fcs/pages/package/model/package_model.dart';
import 'package:fcs/pages/widgets/defalut_delivery_address.dart';
import 'package:fcs/pages/widgets/delivery_address_selection.dart';
import 'package:fcs/pages/widgets/display_text.dart';
import 'package:fcs/pages/widgets/local_button.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:fcs/pages/widgets/status_tree.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/fcs_shipment.dart';
import '../fcs_shipment/model/fcs_shipment_model.dart';

class PackageInfo extends StatefulWidget {
  final bool isCustomer;
  final bool isSearchResult;
  final Package package;

  const PackageInfo(
      {super.key,
      required this.package,
      this.isSearchResult = false,
      this.isCustomer = false});

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

class _PackageInfoState extends State<PackageInfo> {
  var dateFormatter = new DateFormat('dd MMM yyyy');
  Package? _package = Package();
  bool _isLoading = false;
  MultiImgController multiImgController = MultiImgController();
  FcsShipment? _shipment;

  @override
  void initState() {
    super.initState();
    _initPackage(widget.package);
    _loadShipment();
  }

  _initPackage(Package? pkg) async {
    setState(() {
      _isLoading = true;
    });
    if (pkg == null) return;
    PackageModel packageModel =
        Provider.of<PackageModel>(context, listen: false);
    Package? package =
        await packageModel.getPackageByTrackingID(pkg.trackingID!);
    setState(() {
      _package = package;
      multiImgController.setImageUrls = package!.photoUrls;
      _isLoading = false;
    });
  }

  _loadShipment() async {
    if (widget.package.fcsShipmentId == null) return;
    var s = await context
        .read<FcsShipmentModel>()
        .getFcsShipment(widget.package.fcsShipmentId!);
    _shipment = s;
    if (mounted) {
      setState(() {});
    }
  }

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

  @override
  Widget build(BuildContext context) {
    String? id = Provider.of<MainModel>(context).user!.id;
    bool owner = _package?.userID == id;
    bool canChangeDeliveryAddress =
        _package?.status == package_received_status ||
            _package?.status == package_processed_status;
    var mainModel = Provider.of<MainModel>(context);

    final trackingIdBox = DisplayText(
      text: _package?.trackingID ?? "",
      labelTextKey: "package.tracking.id",
      iconData: MaterialCommunityIcons.barcode_scan,
    );

    final consigneeBox = userDisplayBox(context,
        lableKey: "box.consignee.title",
        icon: MaterialCommunityIcons.account_arrow_left,
        name: _package?.userName ?? "",
        fcsID: _package?.fcsID ?? "");

    final senderBox = userDisplayBox(context,
        lableKey: "box.sender.title",
        icon: MaterialCommunityIcons.account_arrow_right,
        name: _package?.senderName ?? "",
        fcsID: _package?.senderFCSID ?? "");

    final marketBox = DisplayText(
      text: _package?.market ?? "-",
      labelTextKey: "package.create.market",
      iconData: Icons.store,
    );

    final descBox = DisplayText(
      text: _package?.desc ?? "-",
      labelTextKey: "package.edit.desc",
      iconData: MaterialCommunityIcons.message_text_outline,
    );

    final remarkBox = DisplayText(
      text: _package?.remark ?? "-",
      labelTextKey: "package.edit.remark",
      iconData: Entypo.new_message,
    );

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

    final returnButton = Padding(
      padding: const EdgeInsets.symmetric(horizontal: 10),
      child: LocalButton(
        textKey: "receiving.return.btn",
        callBack: _return,
      ),
    );

    final deliveryAddressBox = DefaultDeliveryAddress(
      deliveryAddress: _package!.deliveryAddress,
      labelKey: "package.delivery.address",
      onTap: owner && canChangeDeliveryAddress
          ? () async {
              DeliveryAddress? d = await Navigator.push<DeliveryAddress>(
                context,
                CupertinoPageRoute(
                    builder: (context) => DeliveryAddressSelection(
                        deliveryAddress: _package!.deliveryAddress,
                        user: mainModel.user)),
              );
              if (d == null) return;
              _changeDeliverayAddress(d);
            }
          : null,
    );

    final shipmentBox = Padding(
      padding: const EdgeInsets.only(top: 15),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          LocalText(context, "package.shipment.title",
              color: primaryColor, fontSize: 17, fontWeight: FontWeight.normal),
          Row(
            children: [
              Flexible(
                child: DisplayText(
                  text: _shipment?.shipmentNumber ?? '',
                  labelTextKey: "FCSshipment.number",
                  iconData: Ionicons.ios_airplane,
                ),
              ),
              // Flexible(
              //   child: DisplayText(
              //     text: _shipment != null
              //         ? _shipment!.processingDate != null
              //             ? dateFormatter.format(_shipment!.processingDate!)
              //             : ""
              //         : "",
              //     labelTextKey: "package.processing.date",
              //     iconData: Icons.date_range,
              //   ),
              // ),
            ],
          ),
          Row(
            children: [
              Flexible(
                child: DisplayText(
                  text: _shipment != null
                      ? _shipment!.cutoffDate != null
                          ? dateFormatter.format(_shipment!.cutoffDate!)
                          : ""
                      : "",
                  labelTextKey: "FCSshipment.cutoff_date",
                  iconData: Icons.date_range,
                ),
              ),
              Flexible(
                child: DisplayText(
                  text: _shipment != null
                      ? _shipment!.etaDate != null
                          ? dateFormatter.format(_shipment!.etaDate!)
                          : ""
                      : "",
                  labelTextKey: "FCSshipment.ETA",
                  iconData: Icons.date_range,
                ),
              ),
            ],
          ),
        ],
      ),
    );

    return LocalProgress(
      inAsyncCall: _isLoading,
      child: Scaffold(
        appBar: AppBar(
          centerTitle: true,
          leading: IconButton(
            icon: Icon(CupertinoIcons.back, color: primaryColor, size: 30),
            onPressed: () => Navigator.of(context).pop(),
          ),
          shadowColor: Colors.transparent,
          backgroundColor: Colors.white,
          title: LocalText(
            context,
            "package.info.title",
            fontSize: 20,
            color: primaryColor,
          ),
        ),
        body: Card(
          elevation: 0,
          child: Column(
            children: <Widget>[
              Expanded(
                  child: Padding(
                padding: const EdgeInsets.all(10.0),
                child: ListView(children: <Widget>[
                  trackingIdBox,
                  Row(
                    children: [
                      Flexible(child: consigneeBox),
                      Flexible(child: senderBox)
                    ],
                  ),
                  marketBox,
                  widget.isSearchResult ? Container() : descBox,
                  remarkBox,
                  widget.isSearchResult ? Container() : deliveryAddressBox,
                  _package == null || _package!.photoUrls.isEmpty
                      ? Container()
                      : Padding(
                          padding: const EdgeInsets.only(top: 12), child: img),
                  shipmentBox,
                  Padding(
                    padding: const EdgeInsets.only(top: 15),
                    child: StatusTree(
                        shipmentHistory: _package!.shipmentHistory,
                        currentStatus: _package!.status),
                  ),
                  _package?.status == package_received_status &&
                          widget.isCustomer
                      ? Padding(
                          padding: EdgeInsets.only(top: 15),
                          child: returnButton)
                      : Container(),
                  SizedBox(height: 20)
                ]),
              )),
            ],
          ),
        ),
      ),
    );
  }

  _changeDeliverayAddress(DeliveryAddress deliveryAddress) async {
    setState(() {
      _isLoading = true;
    });
    PackageModel packageModel =
        Provider.of<PackageModel>(context, listen: false);
    DeliveryAddressModel deliveryAddressModel =
        Provider.of<DeliveryAddressModel>(context, listen: false);

    try {
      await packageModel.changeDeliveryAddress(_package!, deliveryAddress);
      var da =
          await deliveryAddressModel.getDeliveryAddress(deliveryAddress.id!);
      setState(() {
        _package!.deliveryAddress = da;
      });
    } catch (e) {
      showMsgDialog(context, "Error", e.toString());
    } finally {
      setState(() {
        _isLoading = false;
      });
    }
  }

  _return() {
    showConfirmDialog(context, "receiving.return.confirm", _returnReceiving);
  }

  _returnReceiving() async {
    setState(() {
      _isLoading = true;
    });
    try {
      PackageModel packageModel =
          Provider.of<PackageModel>(context, listen: false);
      await packageModel.packageReturn(_package!);
      Navigator.pop(context);
    } catch (e) {
      showMsgDialog(context, "Error", e.toString());
    } finally {
      setState(() {
        _isLoading = false;
      });
    }
  }
}