import 'package:fcs/domain/entities/fcs_shipment.dart';
import 'package:fcs/domain/entities/package.dart';
import 'package:fcs/helpers/theme.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: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 '../fcs_shipment/model/fcs_shipment_model.dart';
import 'processing_edit_editor.dart';

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

class ProcessingInfo extends StatefulWidget {
  final Package package;
  const ProcessingInfo({super.key, required this.package});

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

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

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

  _initPackage(Package package) {
    setState(() {
      _package = package;
      multiImgController.setImageUrls = package.photoUrls;
    });
  }

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

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

  @override
  Widget build(BuildContext context) {
    final trackingIdBox = DisplayText(
      text: _package != null ? _package!.trackingID : '',
      labelTextKey: "processing.tracking.id",
      iconData: MaterialCommunityIcons.barcode_scan,
    );

    final marketBox = DisplayText(
      text: _package != null ? _package!.market : "-",
      labelTextKey: "processing.market",
      iconData: Icons.store,
    );
    final descBox = DisplayText(
      text: _package != null ? _package!.desc : "-",
      labelTextKey: "processing.desc",
      iconData: MaterialCommunityIcons.message_text_outline,
    );
    final remarkBox = DisplayText(
      text: _package != null ? _package!.remark : "-",
      labelTextKey: "processing.remark",
      iconData: Entypo.new_message,
    );
    final img = MultiImageFile(
      enabled: false,
      controller: multiImgController,
      title: "Receipt File",
    );

    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 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: LocalAppBar(
            labelKey: "processing.info.title",
            backgroundColor: Colors.white,
            labelColor: primaryColor,
            arrowColor: primaryColor,
            actions: [
              IconButton(
                icon: Icon(Icons.delete, color: primaryColor),
                onPressed: _delete,
              ),
              IconButton(
                icon: Icon(Icons.edit, color: primaryColor),
                onPressed: _gotoEditor,
              ),
            ]),
        body: Card(
          elevation: 0,
          child:
              ListView(padding: const EdgeInsets.all(10.0), children: <Widget>[
            trackingIdBox,
            Row(
              children: [
                Flexible(child: consigneeBox),
                Flexible(
                    child: _package?.senderFCSID != null &&
                            _package?.senderFCSID != ""
                        ? senderBox
                        : const SizedBox())
              ],
            ),
            marketBox,
            descBox,
            remarkBox,
            _package!.photoUrls.isEmpty ? Container() : img,
            shipmentBox,
            Padding(
              padding: const EdgeInsets.only(top: 15),
              child: StatusTree(
                  shipmentHistory: _package!.shipmentHistory,
                  currentStatus: _package!.status ?? ""),
            ),
            SizedBox(height: 20)
          ]),
        ),
      ),
    );
  }

  _delete() {
    showConfirmDialog(context, "processing.delete.confirm", _deletePackage);
  }

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

  _gotoEditor() async {
    if (_package == null) return;
    bool? deleted = await Navigator.push<bool>(
        context,
        CupertinoPageRoute(
            builder: (context) => ProcessingEditEditor(package: _package!)));
    if (deleted ?? false) {
      Navigator.pop(context);
    } else {
      PackageModel packageModel =
          Provider.of<PackageModel>(context, listen: false);
      Package? p = await packageModel.getPackage(_package!.id!);
      if (p == null) return;
      _initPackage(p);
    }
  }
}