import 'package:fcs/model/pickup_model.dart';
import 'package:fcs/model/shipment_rate_model.dart';
import 'package:fcs/pages/shipment_rates_calculate.dart';
import 'package:fcs/pages/shipment_rates_edit.dart';
import 'package:fcs/vo/pickup.dart';
import 'package:provider/provider.dart';
import 'package:fcs/widget/localization/app_translations.dart';

import 'package:flutter/material.dart';
import 'package:fcs/widget/progress.dart';

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

class ShipmentRatesCal extends StatefulWidget {
  final PickUp pickUp;
  ShipmentRatesCal({this.pickUp});

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

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

  PickUp _pickUp;
  bool _isLoading = false;

  @override
  void initState() {
    super.initState();
    if (widget.pickUp != null) {
      _pickUp = widget.pickUp;
      _addressEditingController.text = _pickUp.address;
      _fromTimeEditingController.text = _pickUp.fromTime;
      _toTimeEditingController.text = _pickUp.toTime;
      _noOfPackageEditingController.text = _pickUp.numberOfPackage.toString();
      _weightEditingController.text = _pickUp.weight.toString();
    }
  }

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

  @override
  Widget build(BuildContext context) {
    var shipmentRateModel = Provider.of<ShipmentRateModel>(context);
    return LocalProgress(
      inAsyncCall: _isLoading,
      child: Scaffold(
        appBar: AppBar(
          centerTitle: true,
          backgroundColor: primaryColor,
          title: Text(AppTranslations.of(context).text("rate.title")),
        ),
        body: Padding(
          padding: const EdgeInsets.all(8.0),
          child: ListView(
            // crossAxisAlignment: CrossAxisAlignment.center,
            children: <Widget>[
              Container(
                height: 185,
                child: ListView.builder(
                    itemCount: shipmentRateModel.rates.length,
                    itemBuilder: (context, index) {
                      return _row(
                          shipmentRateModel.rates[index].description +
                              "\n\$ " +
                              shipmentRateModel.rates[index].price.toString() +
                              " per pound",
                          '',
                          "",input: true);
                    }),
              ),
              SizedBox(height: 50),
              Center(child: Text("Delivery fee:\$ 5",style: TextStyle(color:primaryColor,fontSize:16),)),
              SizedBox(height: 20),
              Center(child: Text("Total estimated amount:\$ 38",style: TextStyle(color:primaryColor,fontSize:20),))
            ],
          ),
        ),
      ),
    );
  }

  _row(String desc, String price, String unit,{bool input}) {
    return Container(
        padding: EdgeInsets.only(left: 25, top: 5, bottom: 5),
        child: Row(
          children: <Widget>[
            Text('$desc ', style: TextStyle(fontSize: 15)),
            Spacer(),
            Column(
              crossAxisAlignment: CrossAxisAlignment.end,
              children: <Widget>[
                Padding(
                  padding: const EdgeInsets.only(bottom: 3.0),
                  child: Text(
                    '$price',
                    style: TextStyle(color: primaryColor, fontSize: 14),
                  ),
                ),
                Text(
                  '$unit',
                  style: TextStyle(color: Colors.grey, fontSize: 14),
                ),
                // TextFormField(),
              ],
            ),
            SizedBox(
              width: 50,
            ),
            Container(
              width: 70,
              child: TextField(textAlign: TextAlign.end,)),
          ],
        ));
  }
}