fcs/lib/pages/shipment/shipment_editor.dart

import 'package:fcs/domain/constants.dart';
import 'package:fcs/domain/entities/box.dart';
import 'package:fcs/domain/entities/cargo.dart';
import 'package:fcs/domain/entities/pickup.dart';
import 'package:fcs/domain/vo/delivery_address.dart';
import 'package:fcs/helpers/theme.dart';
import 'package:fcs/localization/app_translations.dart';
import 'package:fcs/pages/box/model/box_model.dart';
import 'package:fcs/pages/delivery_address/delivery_address_list.dart';
import 'package:fcs/pages/delivery_address/delivery_address_row.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/shipment/model/shipment_model.dart';
import 'package:fcs/pages/main/util.dart';
import 'package:fcs/pages/widgets/bottom_up_page_route.dart';
import 'package:fcs/pages/widgets/display_text.dart';
import 'package:fcs/pages/widgets/input_date.dart';
import 'package:fcs/pages/widgets/input_text.dart';
import 'package:fcs/pages/widgets/input_time.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_datetime_picker/flutter_datetime_picker.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 'package:flutter/material.dart';

import 'pickup_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 _pickUp;
  bool _isLoading = false;
  var now = new DateTime.now();
  bool _isNew;
  DeliveryAddress _pickupAddress = new DeliveryAddress();

  int _currVal = 1;
  String selectedPickupType;

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

    if (widget.shipment != null) {
      _isNew = false;
      _pickUp = widget.shipment;
      _addressEditingController.text = _pickUp.address;
      _fromTimeEditingController.text = _pickUp.fromTime;
      _toTimeEditingController.text = _pickUp.toTime;
      _noOfPackageEditingController.text = _pickUp.numberOfPackage.toString();
      _weightEditingController.text = _pickUp.weight.toString();
      _pickupDate.text = dateFormatter.format(now);
      _handlingFeeController.text = numberFormatter.format(_pickUp.handlingFee);
      _currVal = _pickUp.radioIndex;

      var mainModel = Provider.of<MainModel>(context, listen: false);
      // _recipientNameEditingController.text = mainModel.recipient.name;
      // _recipientPhoneEditingController.text = mainModel.recipient.phoneNumber;
      // _recipientAddressEditingController.text =
      //     mainModel.recipient.shippingAddress;
    } else {
      _isNew = true;
      List<Cargo> _cargoTypes = [
        Cargo(type: 'General Cargo', weight: 25),
        Cargo(type: 'Medicine', weight: 20),
        Cargo(type: 'Dangerous Cargo', weight: 30)
      ];
      _pickUp = Shipment(cargoTypes: _cargoTypes);
    }
    var shipmentModel =
        Provider.of<DeliveryAddressModel>(context, listen: false);
    _pickupAddress = shipmentModel.defalutAddress;
  }

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

  @override
  Widget build(BuildContext context) {
    final fromTimeBox = InputTime(
        labelTextKey: 'shipment.from',
        iconData: Icons.timer,
        controller: _fromTimeEditingController);

    final toTimeBox = InputTime(
        labelTextKey: 'shipment.to', controller: _toTimeEditingController);

    final fromTimeBoxReadOnly = fcsInputReadOnly(
      'From',
      Icons.timer,
      controller: _fromTimeEditingController,
    );

    final toTimeBoxReadOnly = fcsInputReadOnly(
      'To',
      null,
      controller: _toTimeEditingController,
    );

    final pickupTimeBox = Row(
      crossAxisAlignment: CrossAxisAlignment.center,
      children: <Widget>[
        Container(
          child: fromTimeBox,
          width: 120,
        ),
        Padding(
          padding: const EdgeInsets.only(left: 8.0),
          child: Text('-'),
        ),
        Container(
          padding: EdgeInsets.only(left: 20),
          child: toTimeBox,
          width: 120,
        ),
      ],
    );

    final pickupTimeReadOnly = Padding(
      padding: const EdgeInsets.only(left: 20.0),
      child: Row(
        children: <Widget>[
          SizedBox(height: 5),
          Container(
            child: fromTimeBoxReadOnly,
            width: 120,
          ),
          Padding(
            padding: const EdgeInsets.only(left: 8.0),
            child: Text('-'),
          ),
          Container(
            child: toTimeBoxReadOnly,
            width: 120,
          ),
        ],
      ),
    );

    MainModel mainModel = Provider.of<MainModel>(context);
    var boxModel = Provider.of<BoxModel>(context);

    return LocalProgress(
      inAsyncCall: _isLoading,
      child: Scaffold(
        appBar: AppBar(
          centerTitle: true,
          leading: new IconButton(
            icon: new Icon(Icons.close),
            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>[
              _isNew
                  ? Container()
                  : Center(
                      child: Padding(
                        padding: const EdgeInsets.only(left: 10.0, top: 8),
                        child: Text(
                          '#P200304',
                          style: TextStyle(
                              color: Colors.black87,
                              fontSize: 14,
                              fontWeight: FontWeight.bold),
                        ),
                      ),
                    ),
              widget.shipment == null
                  ? Container()
                  : widget.shipment.isCourier
                      ? Padding(
                          padding: const EdgeInsets.only(left: 15.0),
                          child: fcsInputReadOnly("Handling Fee/Courier Fee",
                              FontAwesomeIcons.moneyBill,
                              controller: _handlingFeeController),
                        )
                      : Padding(
                          padding: const EdgeInsets.only(left: 15.0),
                          child: fcsInputReadOnly("Handling Fee/Courier Fee",
                              FontAwesomeIcons.moneyBill,
                              controller: _handlingFeeController),
                        ),
              makeDropdown(),
              makeLocation(context, _pickupAddress),
              InputDate(
                labelTextKey: "shipment.date",
                iconData: Icons.date_range,
                controller: _pickupDate,
              ),
              pickupTimeBox,
              _currVal == 3
                  ? Container(
                      child: DeliveryAddressRow(
                        deliveryAddress: DeliveryAddress(
                            fullName: 'FCS Office',
                            addressLine1: '154-19 64th Ave.',
                            addressLine2: 'Flushing',
                            city: 'NY',
                            state: 'NY',
                            phoneNumber: '+1 (292)215-2247'),
                      ),
                    )
                  : _currVal == 4
                      ? Container(
                          child: Column(
                          children: <Widget>[
                            Container(
                              padding: EdgeInsets.only(
                                  top: 20, bottom: 15, right: 15),
                              child: Align(
                                alignment: Alignment.center,
                                child: Container(
                                  width: 350,
                                  height: 40,
                                  child: 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,
                                  ),
                                ),
                              ),
                            ),
                          ],
                        ))
                      : Container(),
              Padding(
                padding: const EdgeInsets.all(8.0),
                child: Row(
                  children: [
                    Text(
                      'Boxes',
                      style: TextStyle(
                          color: primaryColor, fontWeight: FontWeight.bold),
                    ),
                    Spacer(),
                    IconButton(
                        onPressed: () {
                          Navigator.push(
                            context,
                            BottomUpPageRoute(PickupBoxEditor()),
                          );
                        },
                        icon: Icon(
                          Icons.add,
                          color: primaryColor,
                        ))
                  ],
                ),
              ),
              Column(
                children: getBoxList(context, boxModel.boxes),
              ),
              mainModel.isCustomer() || _isNew
                  ? Container()
                  : ExpansionTile(
                      title: Text('For FCS'),
                      children: <Widget>[
                        widget.shipment != null
                            ? widget.shipment.status == 'Pending'
                                ? Padding(
                                    padding: const EdgeInsets.only(left: 20.0),
                                    child: fcsDropDown("Assigned",
                                        MaterialCommunityIcons.worker),
                                  )
                                : Container()
                            : Container(),
                        Padding(
                          padding: EdgeInsets.only(left: 20),
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.start,
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: <Widget>[
                              Container(
                                padding: EdgeInsets.only(top: 8),
                                child: Text(
                                  'Attach Courier Shiping Labels',
                                  style: TextStyle(
                                      color: Colors.black, fontSize: 16),
                                ),
                              ),
                              Container(
                                  padding: EdgeInsets.only(left: 10),
                                  child: MultiImageFile(
                                    enabled: true,
                                    controller: multiImgController,
                                    title: "Receipt File",
                                  )),
                            ],
                          ),
                        ),
                      ],
                    ),
              widget.shipment == null
                  ? Align(
                      alignment: Alignment.bottomCenter,
                      child: Center(
                          child: Container(
                        width: 250,
                        child: FlatButton(
                          child: Text('Create shipment'),
                          color: primaryColor,
                          textColor: Colors.white,
                          onPressed: () {
                            Navigator.pop(context);
                          },
                        ),
                      )))
                  : Container(
                      child: Column(
                      children: <Widget>[
                        widget.shipment.status == 'Confirmed'
                            ? Align(
                                alignment: Alignment.bottomCenter,
                                child: Center(
                                    child: Container(
                                  width: 250,
                                  child: FlatButton(
                                    child: Text('Complete Shipment'),
                                    color: primaryColor,
                                    textColor: Colors.white,
                                    onPressed: () {
                                      Navigator.pop(context);
                                    },
                                  ),
                                )))
                            : Align(
                                alignment: Alignment.bottomCenter,
                                child: Center(
                                    child: Container(
                                  width: 250,
                                  child: FlatButton(
                                    child: Text('Confirm Shipment'),
                                    color: primaryColor,
                                    textColor: Colors.white,
                                    onPressed: () {
                                      Navigator.pop(context);
                                    },
                                  ),
                                ))),
                        Align(
                            alignment: Alignment.bottomCenter,
                            child: Center(
                                child: Container(
                              width: 250,
                              child: FlatButton(
                                child: Text('Cancel Shipment'),
                                color: Colors.grey[600],
                                textColor: Colors.white,
                                onPressed: () {
                                  Navigator.pop(context);
                                },
                              ),
                            )))
                      ],
                    ))
            ],
          ),
        ),
      ),
    );
  }

  Widget makeDropdown() {
    ShipmentModel pickupModel = Provider.of<ShipmentModel>(context);

    return Padding(
      padding: const EdgeInsets.only(left: 5.0, right: 0),
      child: Row(
        children: [
          Padding(
            padding: const EdgeInsets.only(left: 0, right: 10),
            child: Icon(SimpleLineIcons.direction, color: primaryColor),
          ),
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Padding(
                  padding: const EdgeInsets.only(right: 18.0),
                  child: LocalText(
                    context,
                    "shipment.type",
                    color: Colors.black54,
                    fontSize: 16,
                  ),
                ),
                DropdownButton<String>(
                  isDense: true,
                  value: selectedPickupType,
                  style: TextStyle(color: Colors.black, fontSize: 14),
                  underline: Container(
                    height: 1,
                    color: Colors.grey,
                  ),
                  onChanged: (String newValue) {
                    setState(() {
                      selectedPickupType = newValue;
                    });
                  },
                  isExpanded: true,
                  items: pickupModel.pickupTypes
                      .map<DropdownMenuItem<String>>((String value) {
                    return DropdownMenuItem<String>(
                      value: value,
                      child: Text(value ?? "",
                          overflow: TextOverflow.ellipsis,
                          style: TextStyle(color: primaryColor)),
                    );
                  }).toList(),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  Widget makeLocation(BuildContext context, DeliveryAddress deliveryAddress) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Row(
          children: [
            Expanded(
              child: DisplayText(
                labelTextKey: "shipment.location",
                iconData: MaterialCommunityIcons.truck_fast,
              ),
            ),
            Chip(
                label: InkWell(
              onTap: () async {
                DeliveryAddress d = await Navigator.push<DeliveryAddress>(
                  context,
                  BottomUpPageRoute(DeliveryAddressList(
                    forSelection: true,
                  )),
                );
                setState(() {
                  this._pickupAddress = d;
                });
              },
              child: LocalText(context, "delivery_address.change_address",
                  color: primaryColor),
            ))
          ],
        ),
        Padding(
          padding: const EdgeInsets.only(left: 28.0),
          child: deliveryAddress == null
              ? Container()
              : DeliveryAddressRow(
                  key: ValueKey(deliveryAddress.id),
                  deliveryAddress: deliveryAddress),
        ),
      ],
    );
  }

  List<Widget> getBoxList(BuildContext context, List<Box> boxes) {
    List<Box> _boxes = [boxes[0], boxes[1]];

    return _boxes.asMap().entries.map((_box) {
      DeliveryAddress shippingAddress = _box.value.shippingAddress;

      return InkWell(
        onTap: () {
          Navigator.of(context)
              .push(BottomUpPageRoute(PickupBoxEditor(box: _box.value)));
        },
        child: Container(
          padding: EdgeInsets.only(left: 10),
          child: Column(
            children: <Widget>[
              Row(
                children: <Widget>[
                  Expanded(
                    child: new Padding(
                      padding: const EdgeInsets.symmetric(vertical: 10.0),
                      child: new Row(
                        children: <Widget>[
                          new Expanded(
                            child: new Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: <Widget>[
                                Padding(
                                  padding: const EdgeInsets.only(left: 8.0),
                                  child: new Text(
                                    shippingAddress.fullName == null
                                        ? ''
                                        : shippingAddress.fullName,
                                    style: new TextStyle(
                                        fontSize: 15.0,
                                        color: Colors.black,
                                        fontWeight: FontWeight.bold),
                                  ),
                                ),
                                Padding(
                                  padding: const EdgeInsets.only(left: 8.0),
                                  child: new Text(
                                    shippingAddress.addressLine1 == null
                                        ? ''
                                        : shippingAddress.addressLine1,
                                    style: new TextStyle(
                                        fontSize: 14.0, color: Colors.grey),
                                  ),
                                ),
                                Padding(
                                  padding: const EdgeInsets.only(left: 8.0),
                                  child: new Text(
                                    shippingAddress.addressLine2 == null
                                        ? ''
                                        : shippingAddress.addressLine2,
                                    style: new TextStyle(
                                        fontSize: 14.0, color: Colors.grey),
                                  ),
                                ),
                                Padding(
                                  padding: const EdgeInsets.only(left: 8.0),
                                  child: new Text(
                                    shippingAddress.city == null
                                        ? ''
                                        : shippingAddress.city,
                                    style: new TextStyle(
                                        fontSize: 14.0, color: Colors.grey),
                                  ),
                                ),
                                Padding(
                                  padding: const EdgeInsets.only(left: 8.0),
                                  child: new Text(
                                    shippingAddress.state == null
                                        ? ''
                                        : shippingAddress.state,
                                    style: new TextStyle(
                                        fontSize: 14.0, color: Colors.grey),
                                  ),
                                ),
                                Padding(
                                  padding: const EdgeInsets.only(left: 8.0),
                                  child: new Text(
                                    shippingAddress.phoneNumber == null
                                        ? ''
                                        : "Phone:${shippingAddress.phoneNumber}",
                                    style: new TextStyle(
                                        fontSize: 14.0, color: Colors.grey),
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ],
                      ),
                    ),
                  ),
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: <Widget>[
                      Padding(
                        padding: const EdgeInsets.only(left: 8.0),
                        child: new Text(
                          "L${_box.value.length}xW${_box.value.weight}xH${_box.value.height}",
                          style: new TextStyle(
                              fontSize: 15.0, color: Colors.black),
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.only(left: 8.0),
                        child: new Text(
                          _box.value.weight == null
                              ? ''
                              : "Actual Weight:${_box.value.weight.toString()}lb",
                          style:
                              new TextStyle(fontSize: 14.0, color: Colors.grey),
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.only(left: 8.0),
                        child: new Text(
                          _box.value.shipmentWeight == null
                              ? ''
                              : "Shipment Weight:${_box.value.shipmentWeight.toString()}lb",
                          style:
                              new TextStyle(fontSize: 14.0, color: Colors.grey),
                        ),
                      ),
                    ],
                  )
                ],
              ),
              _box.key == _boxes.length - 1
                  ? Container()
                  : Divider(
                      color: Colors.black,
                    )
            ],
          ),
        ),
      );
    }).toList();
  }
}