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/pickup/pickup_editor.dart';
import 'package:fcs/pages/widgets/display_text.dart';
import 'package:fcs/pages/widgets/fcs_id_icon.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';

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

class PickupInfo extends StatefulWidget {
  final Package? package;
  PickupInfo({this.package});

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

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

  @override
  void initState() {
    super.initState();
    initPackage(widget.package!);
  }

  initPackage(Package? package) {
    if (package == null) return;
    setState(() {
      _package = package;
      multiImgController.setImageUrls = package.photoUrls;
    });
  }

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

  @override
  Widget build(BuildContext context) {
    final pickupNumberBox = DisplayText(
      text: _package != null ? _package!.trackingID : '',
      labelTextKey: "pickup.pickup_number",
      iconData: SimpleLineIcons.direction,
    );
    var fcsIDBox = DisplayText(
      text: _package != null ? _package!.fcsID : "",
      labelTextKey: "pickup.fcs.id",
      icon: FcsIDIcon(),
    );
    final phoneNumberBox = DisplayText(
      text: _package != null ? _package!.phoneNumber : "",
      labelTextKey: "pickup.phone",
      iconData: Icons.phone,
    );
    final customerNameBox = DisplayText(
      text: _package != null ? _package!.userName : "",
      labelTextKey: "pickup.consignee.name",
      iconData: Icons.perm_identity,
    );
    var senderFcsIDBox = DisplayText(
      text: _package != null ? _package!.senderFCSID : "",
      labelTextKey: "pickup.fcs.id",
      icon: FcsIDIcon(),
    );
    final senderPhoneNumberBox = DisplayText(
      text: _package != null ? _package!.senderPhoneNumber : "",
      labelTextKey: "pickup.phone",
      iconData: Icons.phone,
    );
    final senderNameBox = DisplayText(
      text: _package != null ? _package!.senderName : "",
      labelTextKey: "pickup.shipper.name",
      iconData: Icons.perm_identity,
    );
    final marketBox = DisplayText(
      text: _package != null ? _package!.market : "-",
      labelTextKey: "pickup.market",
      iconData: Icons.store,
    );
    final descBox = DisplayText(
      text: _package != null ? _package!.desc : "-",
      labelTextKey: "pickup.desc",
      iconData: MaterialCommunityIcons.message_text_outline,
    );
    final remarkBox = DisplayText(
      text: _package != null ? _package!.remark : "-",
      labelTextKey: "pickup.remark",
      iconData: Entypo.new_message,
    );
    final img = MultiImageFile(
      enabled: false,
      controller: multiImgController,
      title: "Receipt File",
    );

    var timeBox = Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: <Widget>[
        Container(
          width: 150,
          child: DisplayText(
            text: '',
            labelTextKey: "pickup.time",
            iconData: Icons.timer,
          ),
        ),
        Container(
          width: 150,
          child: DisplayText(
            text: '',
            labelTextKey: "pickup.time",
            iconData: Icons.timer,
          ),
        )
      ],
    );

    final consigneeBox = Container(
      child: Column(
        children: [
          fcsIDBox,
          phoneNumberBox,
          customerNameBox,
        ],
      ),
    );
    final shipperBox = Container(
      child: Column(
        children: [
          senderFcsIDBox,
          senderPhoneNumberBox,
          senderNameBox,
        ],
      ),
    );

    final pickupDateBox = DisplayText(
      text: "12-05-2021",
      labelTextKey: "pickup.date",
      iconData: Icons.date_range,
    );

    return LocalProgress(
      inAsyncCall: _isLoading,
      child: Scaffold(
        appBar: AppBar(
          centerTitle: true,
          leading: new IconButton(
            icon: new Icon(CupertinoIcons.back, color: primaryColor, size: 30),
            onPressed: () => Navigator.of(context).pop(),
          ),
          shadowColor: Colors.transparent,
          backgroundColor: Colors.white,
          title: LocalText(
            context,
            "pickup.info.title",
            fontSize: 20,
            color: primaryColor,
          ),
          actions: <Widget>[
            IconButton(
              icon: Icon(Icons.delete, color: primaryColor),
              onPressed: _delete,
            ),
            IconButton(
              icon: Icon(Icons.edit, color: primaryColor),
              onPressed: _gotoEditor,
            ),
          ],
        ),
        body: Card(
          child: Column(
            children: <Widget>[
              Expanded(
                  child: Padding(
                padding: const EdgeInsets.all(10.0),
                child: ListView(children: <Widget>[
                  pickupNumberBox,
                  pickupDateBox,
                  timeBox,
                  descBox,
                  remarkBox,
                  _package!.photoUrls.length == 0 ? Container() : img,
                  StatusTree(
                      shipmentHistory: _package!.shipmentHistory,
                      currentStatus: _package!.status ?? ""),
                  SizedBox(
                    height: 20,
                  )
                ]),
              )),
            ],
          ),
        ),
      ),
    );
  }

  _delete() {
    showConfirmDialog(context, "pickup.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 {
    bool? deleted = await Navigator.push<bool>(
        context,
        CupertinoPageRoute(
            builder: (context) => PickupEditor(
                  package: widget.package,
                )));
    if (deleted ?? false) {
      Navigator.pop(context);
    } else {
      PackageModel packageModel =
          Provider.of<PackageModel>(context, listen: false);
      Package? p = await packageModel.getPackage(_package!.id!);
      initPackage(p);
    }
  }
}