import 'package:fcs/domain/constants.dart';
import 'package:fcs/domain/entities/box.dart';
import 'package:fcs/domain/entities/shipment.dart';
import 'package:fcs/domain/vo/delivery_address.dart';
import 'package:fcs/helpers/theme.dart';
import 'package:fcs/pages/box/model/box_model.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/shipment/model/shipment_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/input_date.dart';
import 'package:fcs/pages/widgets/input_time.dart';
import 'package:fcs/pages/widgets/local_button.dart';
import 'package:fcs/pages/widgets/local_dropdown.dart';
import 'package:fcs/pages/widgets/local_radio_buttons.dart';
import 'package:fcs/pages/widgets/local_text.dart';
import 'package:fcs/pages/widgets/local_title.dart';
import 'package:fcs/pages/widgets/multi_img_controller.dart';
import 'package:fcs/pages/widgets/progress.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_icons/flutter_icons.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:intl/intl.dart';
import 'package:provider/provider.dart';

import 'box_row.dart';
import 'shipment_box_editor.dart';

class ShipmentEditor extends StatefulWidget {
  final Shipment shipment;
  ShipmentEditor({this.shipment});

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

class _ShipmentEditorState extends State<ShipmentEditor> {
  var dateFormatter = new DateFormat('dd MMM yyyy');
  final numberFormatter = new NumberFormat("#,###");
  MultiImgController multiImgController = MultiImgController();

  TextEditingController _addressEditingController = new TextEditingController();
  TextEditingController _fromTimeEditingController =
      new TextEditingController();
  TextEditingController _toTimeEditingController = new TextEditingController();
  TextEditingController _noOfPackageEditingController =
      new TextEditingController();
  TextEditingController _weightEditingController = new TextEditingController();
  TextEditingController _recipientNameEditingController =
      new TextEditingController();
  TextEditingController _recipientPhoneEditingController =
      new TextEditingController();
  TextEditingController _recipientAddressEditingController =
      new TextEditingController();
  TextEditingController _pickupDate = new TextEditingController();
  TextEditingController _handlingFeeController = new TextEditingController();

  Shipment _shipment;
  bool _isLoading = false;
  var now = new DateTime.now();
  bool _isNew;

  int _currVal = 1;
  String _selectedShipmentType;

  @override
  void initState() {
    super.initState();
    _selectedShipmentType = shipment_local_pickup;

    if (widget.shipment != null) {
      _isNew = false;
      _shipment = widget.shipment;
      _addressEditingController.text = _shipment.address;
      _fromTimeEditingController.text = _shipment.pickupTimeStart;
      _toTimeEditingController.text = _shipment.pickupTimeEnd;
      _noOfPackageEditingController.text = _shipment.numberOfPackage.toString();
      _weightEditingController.text = _shipment.weight.toString();
      _pickupDate.text = dateFormatter.format(_shipment.pickupDate ?? now);
      // _handlingFeeController.text =
      //     numberFormatter.format(_shipment.handlingFee);
      _currVal = _shipment.radioIndex;
    } else {
      _isNew = true;
      _pickupDate.text = dateFormatter.format(now);
      _fromTimeEditingController.text = "${(now.hour)}:${(now.minute)}";
      _toTimeEditingController.text = "${(now.hour)}:${(now.minute)}";
      _shipment = Shipment(boxes: []);
      var shipmentModel =
          Provider.of<DeliveryAddressModel>(context, listen: false);
      _shipment.pickupAddress = shipmentModel.defalutAddress;
      _pickupDate.text = dateFormatter.format(now);
    }
  }

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

  @override
  Widget build(BuildContext context) {
    MainModel mainModel = Provider.of<MainModel>(context);
    ShipmentModel pickupModel = Provider.of<ShipmentModel>(context);

    final fromTimeBox = InputTime(
        labelTextKey: 'shipment.from',
        iconData: Icons.timer,
        controller: _fromTimeEditingController);

    final toTimeBox = Container(
        width: 150,
        child: InputTime(
            iconData: Icons.timer_off,
            labelTextKey: 'shipment.to',
            controller: _toTimeEditingController));

    final pickupDateBox = InputDate(
      labelTextKey: "shipment.date",
      iconData: Icons.date_range,
      controller: _pickupDate,
    );
    final localDropoffAddress = DisplayText(
        iconData: Icons.location_on,
        labelTextKey: "Local Dropoff Address",
        text: mainModel.setting.usaAddress);
    final curierDropoffAddress = FloatingActionButton.extended(
      materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
      onPressed: () {},
      icon: Icon(Icons.arrow_right),
      label: Text(
        'Visit courier websie for nearest drop-off',
        style: TextStyle(fontSize: 12),
      ),
      backgroundColor: primaryColor,
    );
    final pickupAddressBox = DefaultDeliveryAddress(
      deliveryAddress: _shipment.pickupAddress,
      iconData: Icons.location_on,
      labelKey: "shipment.location",
      onTap: () async {
        DeliveryAddress address = await Navigator.push<DeliveryAddress>(
          context,
          CupertinoPageRoute(
              builder: (context) => DeliveryAddressSelection(
                    deliveryAddress: _shipment.pickupAddress,
                  )),
        );
        if (address == null) return;
        setState(() {
          _shipment.pickupAddress = address;
        });
      },
    );
    var boxModel = Provider.of<BoxModel>(context);
    var handlingFeeBox = DisplayText(
        labelTextKey: "shipment.handling.fee",
        text: "10",
        iconData: FontAwesomeIcons.moneyBill);
    var shipmentTypeBox = LocalDropdown<String>(
      callback: (v) {
        setState(() {
          _selectedShipmentType = v;
        });
      },
      iconData: SimpleLineIcons.direction,
      selectedValue: _selectedShipmentType,
      values: pickupModel.shipmentTypes,
    );
    final createBtn = LocalButton(
      textKey: "shipment.create",
      callBack: _create,
    );

    final updateBtn = LocalButton(
      textKey: "shipment.update",
    );

    return LocalProgress(
      inAsyncCall: _isLoading,
      child: Scaffold(
        appBar: AppBar(
          centerTitle: true,
          leading: new IconButton(
            icon: new Icon(
              CupertinoIcons.back,
              color: primaryColor,
            ),
            onPressed: () => Navigator.of(context).pop(),
          ),
          shadowColor: Colors.transparent,
          backgroundColor: Colors.white,
          title: LocalText(
            context,
            _isNew ? "shipment.new.title" : "shipment.edit.title",
            fontSize: 20,
            color: primaryColor,
          ),
        ),
        body: Padding(
          padding: const EdgeInsets.all(10.0),
          child: ListView(
            children: <Widget>[
              LocalTitle(textKey: "shipment.type"),
              LocalRadioButtons(
                  values: pickupModel.shipmentTypes,
                  selectedValue: _selectedShipmentType,
                  callback: (v) {
                    setState(() {
                      _selectedShipmentType = v;
                    });
                  }),
              // handlingFeeBox,
              // shipmentTypeBox,
              LocalTitle(textKey: "shipment.location"),
              pickupAddressBox,
              LocalTitle(textKey: "shipment.date.time"),
              pickupDateBox,
              fromTimeBox,
              toTimeBox,
              // localDropoffAddress,
              // curierDropoffAddress,
              LocalTitle(
                textKey: "boxes.name",
                trailing: IconButton(
                  icon: Icon(
                    Icons.add_circle,
                    color: primaryColor,
                  ),
                  onPressed: () async {
                    Box box = await Navigator.push(
                      context,
                      CupertinoPageRoute(
                          builder: (context) => ShipmentBoxEditor()),
                    );
                    _addBox(box);
                  },
                ),
              ),
              Column(
                children: getBoxList(context, _shipment.boxes),
              ),
              _isNew ? createBtn : updateBtn,
            ],
          ),
        ),
      ),
    );
  }

  List<Widget> getBoxList(BuildContext context, List<Box> boxes) {
    return boxes.asMap().entries.map((_box) {
      return InkWell(
        onTap: () async {
          Box box = await Navigator.of(context).push(CupertinoPageRoute(
              builder: (context) => ShipmentBoxEditor(box: _box.value)));
          _saveBox(box);
        },
        child: Row(
          children: [
            Expanded(child: BoxRow(box: _box.value)),
            InkWell(
              onTap: () => _removeBox(_box.value),
              child: Padding(
                padding: const EdgeInsets.all(8.0),
                child: Icon(Icons.remove, color: primaryColor),
              ),
            ),
          ],
        ),
      );
    }).toList();
  }

  _addBox(Box box) {
    if (box == null) return;
    _shipment.boxes.add(box);
    setState(() {});
  }

  _saveBox(Box box) {
    if (box == null) return;
    setState(() {});
  }

  _removeBox(Box box) {
    if (box == null) return;
    _shipment.boxes.remove(box);
    setState(() {});
  }

  _create() async {
    _shipment.shipmentType = this._selectedShipmentType;
    _shipment.pickupDate = dateFormatter.parse(_pickupDate.text);
    _shipment.pickupTimeStart = _fromTimeEditingController.text;
    _shipment.pickupTimeEnd = _toTimeEditingController.text;
    setState(() {
      _isLoading = true;
    });
    try {
      ShipmentModel shipmentModel =
          Provider.of<ShipmentModel>(context, listen: false);
      if (_isNew) {
        await shipmentModel.createShipment(_shipment);
      } else {
        await shipmentModel.createShipment(_shipment);
      }
      Navigator.pop(context);
    } catch (e) {
      showMsgDialog(context, "Error", e.toString());
    } finally {
      setState(() {
        _isLoading = false;
      });
    }
  }
}