fcs/lib/pages_fcs/package_editor.dart

import 'package:fcs/pages/util.dart';
import 'package:fcs/vo/package.dart';
import 'package:fcs/widget/localization/app_translations.dart';
import 'package:fcs/widget/progress.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:timeline_list/timeline.dart';
import 'package:timeline_list/timeline_model.dart';

import '../theme/theme.dart';

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

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

class _PackageEditorState extends State<PackageEditor> {
  TextEditingController _addressEditingController = new TextEditingController();
  TextEditingController _fromTimeEditingController =
      new TextEditingController();
  TextEditingController _toTimeEditingController = new TextEditingController();
  TextEditingController _noOfPackageEditingController =
      new TextEditingController();
  TextEditingController _weightEditingController = new TextEditingController();

  Package _package;
  bool _isLoading = false;
  List<String> _images = [
    "assets/photos/1.jpg",
    "assets/photos/2.jpg",
    "assets/photos/3.jpg"
  ];
  bool isNew;

  @override
  void initState() {
    super.initState();
    if (widget.package != null) {
      _package = widget.package;
      isNew = false;
      // _addressEditingController.text = _pickUp.address;
      // _fromTimeEditingController.text = _pickUp.fromTime;
      // _toTimeEditingController.text = _pickUp.toTime;
      // _noOfPackageEditingController.text = _pickUp.numberOfPackage.toString();
      // _weightEditingController.text = _pickUp.weight.toString();
    } else {
      isNew = true;
      _package = Package(rate: 0, weight: 0);
    }
  }

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

  final DateFormat dateFormat = DateFormat("d MMM yyyy");
  List<TimelineModel> _models() {
    return _package.statusHistory
        .map((e) => TimelineModel(
            Padding(
              padding: const EdgeInsets.all(18.0),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: <Widget>[
                  Text(e.status,
                      style: TextStyle(
                          color: e.done ? primaryColor : Colors.grey,
                          fontSize: 16,
                          fontWeight: FontWeight.bold)),
                  e.status == "Processed"
                      ? Text("(Waiting for payment)",
                          style: TextStyle(
                              color: e.done ? primaryColor : Colors.grey,
                              fontSize: 14,
                              fontWeight: FontWeight.bold))
                      : Container(),
                  Text(dateFormat.format(e.date)),
                ],
              ),
            ),
            iconBackground: e.done ? primaryColor : Colors.grey,
            icon: Icon(
              e.status == "Shipped"
                  ? Ionicons.ios_airplane
                  : e.status == "Delivered"
                      ? MaterialCommunityIcons.truck_fast
                      : e.status == "Processed"
                          ? MaterialIcons.check
                          : Octicons.package,
              color: Colors.white,
            )))
        .toList();
  }

  @override
  Widget build(BuildContext context) {
    var images = isNew ? [] : _images;
    return LocalProgress(
      inAsyncCall: _isLoading,
      child: Scaffold(
        appBar: AppBar(
          centerTitle: true,
          leading: new IconButton(
            icon: new Icon(Icons.close),
            onPressed: () => Navigator.of(context).pop(),
          ),
          backgroundColor: primaryColor,
          title: Text(AppTranslations.of(context).text("package.edit.title")),
        ),
        body: Card(
          child: Column(
            children: <Widget>[
              widget.package == null
                  ? Center(
                      child: Container(
                          padding: EdgeInsets.all(8),
                          child: Text("New Package")))
                  : Center(child: nameWidget(_package.packageNumber)),
              Expanded(
                child: ListView(
                  children: [
                    ExpansionTile(
                      title: Text(
                        'Receiving',
                        style: TextStyle(
                            color: primaryColor, fontWeight: FontWeight.bold),
                      ),
                      children: [
                        Padding(
                          padding: const EdgeInsets.only(left: 20.0, right: 20),
                          child: DropdownButtonFormField(
                            value: _package.shipmentNumber,
                            decoration: InputDecoration(
                                fillColor: Colors.white,
                                labelText: 'Shipment Number',
                                icon: Icon(Ionicons.ios_airplane,
                                    color: primaryColor)
                                // prefixIcon: Icon(Icons.play_arrow)
                                ),
                            items: ["A102", "A103", "A201", "A202"]
                                .map((e) =>
                                    DropdownMenuItem(child: Text(e), value: e))
                                .toList(),
                            onChanged: (map) => {},
                          ),
                        ),
                        Padding(
                          padding: const EdgeInsets.only(left: 20.0, right: 20),
                          child: TextFormField(
                            initialValue: isNew ? "" : "FCS383-283-1",
                            decoration: InputDecoration(
                                fillColor: Colors.white,
                                labelText: 'FCS_ID',
                                hintText: 'FCS_ID',
                                filled: true,
                                icon: Icon(Feather.user, color: primaryColor),
                                suffixIcon: IconButton(
                                    icon: Icon(Icons.search),
                                    onPressed: () {})),
                          ),
                        ),
                        Padding(
                          padding: const EdgeInsets.only(left: 20.0, right: 20),
                          child: TextFormField(
                            initialValue: _package.receiverName,
                            decoration: InputDecoration(
                                fillColor: Colors.white,
                                labelText: 'Customer Name',
                                filled: true,
                                icon: Icon(Feather.user, color: Colors.white),
                                suffixIcon: IconButton(
                                    icon: Icon(Icons.search),
                                    onPressed: () {})),
                          ),
                        ),
                        Padding(
                          padding: const EdgeInsets.only(left: 20.0, right: 20),
                          child: TextFormField(
                            initialValue: isNew ? "" : "P0203",
                            decoration: InputDecoration(
                                fillColor: Colors.white,
                                labelText: 'Pickup ID',
                                filled: true,
                                icon: Icon(MaterialCommunityIcons.directions,
                                    color: primaryColor),
                                suffixIcon: IconButton(
                                    icon: Icon(Icons.search),
                                    onPressed: () {})),
                          ),
                        ),
                      ],
                    ),
                    ExpansionTile(
                      title: Text(
                        'Processing',
                        style: TextStyle(
                            color: primaryColor, fontWeight: FontWeight.bold),
                      ),
                      children: [
                        Padding(
                          padding: const EdgeInsets.only(left: 20.0, right: 20),
                          child: DropdownButtonFormField(
                            value: _package.packageType,
                            decoration: InputDecoration(
                                fillColor: Colors.white,
                                labelText: 'Cargo Type',
                                icon: Icon(Entypo.box, color: primaryColor)),
                            items: ["General", "Medicine", "Dangerous"]
                                .map((e) =>
                                    DropdownMenuItem(child: Text(e), value: e))
                                .toList(),
                            onChanged: (map) => {},
                          ),
                        ),
                        Padding(
                          padding: const EdgeInsets.only(left: 20.0, right: 20),
                          child: TextFormField(
                              initialValue:
                                  isNew ? "" : _package.cargoDesc.toString(),
                              decoration: InputDecoration(
                                fillColor: Colors.white,
                                labelText: 'Description',
                                filled: true,
                                icon: Icon(MaterialIcons.description,
                                    color: primaryColor),
                              )),
                        ),
                        Padding(
                          padding: const EdgeInsets.only(left: 20.0, right: 20),
                          child: TextFormField(
                              initialValue: _package.weight.toString(),
                              textAlign: TextAlign.end,
                              decoration: InputDecoration(
                                fillColor: Colors.white,
                                labelText: 'Weight',
                                filled: true,
                                icon: Icon(FontAwesomeIcons.weightHanging,
                                    color: primaryColor),
                              )),
                        ),
                        Padding(
                          padding: const EdgeInsets.only(left: 20.0, right: 20),
                          child: TextFormField(
                              initialValue: _package.rate.toString(),
                              textAlign: TextAlign.end,
                              decoration: InputDecoration(
                                fillColor: Colors.white,
                                labelText: 'Rate',
                                filled: true,
                                icon: Icon(FontAwesomeIcons.tag,
                                    color: primaryColor),
                              )),
                        ),
                        Padding(
                          padding: const EdgeInsets.only(left: 20.0, right: 20),
                          child: TextFormField(
                              initialValue: _package.amount.toString(),
                              textAlign: TextAlign.end,
                              decoration: InputDecoration(
                                fillColor: Colors.white,
                                labelText: 'Amount',
                                filled: true,
                                icon: Icon(FontAwesomeIcons.moneyBill,
                                    color: primaryColor),
                              )),
                        ),
                      ],
                    ),
                    ExpansionTile(
                      title: Text(
                        'Photos',
                        style: TextStyle(
                            color: primaryColor, fontWeight: FontWeight.bold),
                      ),
                      children: <Widget>[
                        Container(
                          height: 130,
                          width: 500,
                          child: ListView.separated(
                            separatorBuilder: (context, index) => Divider(
                              color: Colors.black,
                            ),
                            itemCount: images.length + 1,
                            scrollDirection: Axis.horizontal,
                            itemBuilder: (context, index) {
                              if (index == images.length) {
                                return Padding(
                                  padding: const EdgeInsets.all(8.0),
                                  child: Container(
                                    width: 200,
                                    height: 70,
                                    decoration: BoxDecoration(
                                      border: Border.all(
                                        color: primaryColor,
                                        width: 2.0,
                                      ),
                                    ),
                                    child: Icon(SimpleLineIcons.plus),
                                  ),
                                );
                              } else {
                                return Padding(
                                  padding: const EdgeInsets.all(8.0),
                                  child: Container(
                                    width: 200,
                                    height: 70,
                                    decoration: BoxDecoration(
                                      border: Border.all(
                                        color: primaryColor,
                                        width: 2.0,
                                      ),
                                    ),
                                    child: Image.asset(images[index],
                                        width: 50, height: 50),
                                  ),
                                );
                              }
                            },
                          ),
                        ),
                      ],
                    ),
                    ExpansionTile(
                      title: Text(
                        'Status',
                        style: TextStyle(
                            color: primaryColor, fontWeight: FontWeight.bold),
                      ),
                      children: <Widget>[
                        Container(
                          height: 500,
                          padding: EdgeInsets.only(left: 20),
                          child: isNew
                              ? Container()
                              : Timeline(
                                  children: _models(),
                                  position: TimelinePosition.Left),
                        ),
                      ],
                    )
                  ],
                ),
              ),
              widget.package == null
                  ? Align(
                      alignment: Alignment.bottomCenter,
                      child: Center(
                          child: Container(
                        width: 250,
                        child: FlatButton(
                          child: Text('Complete receiving'),
                          color: primaryColor,
                          textColor: Colors.white,
                          onPressed: () {
                            Navigator.pop(context);
                          },
                        ),
                      )))
                  : Container(
                      child: Column(
                      children: <Widget>[
                        Align(
                            alignment: Alignment.bottomCenter,
                            child: Center(
                                child: Container(
                              width: 250,
                              child: FlatButton(
                                child: Text('Complete processing'),
                                color: primaryColor,
                                textColor: Colors.white,
                                onPressed: () {
                                  Navigator.pop(context);
                                },
                              ),
                            ))),
                      ],
                    ))
            ],
          ),
        ),
      ),
    );
  }
}