import 'package:fcs/domain/entities/cargo_type.dart';
import 'package:fcs/helpers/theme.dart';
import 'package:fcs/pages/main/util.dart';
import 'package:fcs/pages/widgets/input_text.dart';
import 'package:fcs/pages/widgets/local_app_bar.dart';
import 'package:fcs/pages/widgets/progress.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

import '../widgets/local_text.dart';
import 'model/shipment_rate_model.dart';

class CargoEditor extends StatefulWidget {
  final CargoType? cargo;
  CargoEditor({this.cargo});

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

class _CargoEditorState extends State<CargoEditor> {
  TextEditingController _descController = new TextEditingController();
  TextEditingController _rateController = new TextEditingController();
  TextEditingController _displayIndexController = new TextEditingController();

  bool _isLoading = false;
  late CargoType _cargo;
  bool _isNew = false;
  final _cargoFormKey = GlobalKey<FormState>();
  bool _isDefault = false;

  @override
  void initState() {
    super.initState();
    if (widget.cargo != null) {
      _cargo = widget.cargo!;
      _descController.text = _cargo.name ?? "";
      _rateController.text = _cargo.rate.toStringAsFixed(2);
      _displayIndexController.text = _cargo.displayIndex.toString();
      _isDefault = _cargo.isDefault;
    } else {
      _isNew = true;
    }
  }

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

  @override
  Widget build(BuildContext context) {
    final typeBox = InputText(
      labelTextKey: 'cargo.type',
      iconData: Icons.text_format,
      controller: _descController,
      autovalidateMode: AutovalidateMode.onUserInteraction,
      validator: (value) {
        if (value == null || value.isEmpty) {
          return "Please insert cargo type";
        }
        return null;
      },
    );

    final rateBox = InputText(
      labelTextKey: 'cargo.rate',
      iconData: Icons.attach_money,
      controller: _rateController,
      textInputType: TextInputType.number,
      autovalidateMode: AutovalidateMode.onUserInteraction,
      validator: (value) {
        if (value == null || value.isEmpty) {
          return "Please insert rate";
        }
        return null;
      },
    );

    final displayIndexBox = InputText(
      labelTextKey: 'cargo.display_index',
      iconData: Icons.numbers,
      controller: _displayIndexController,
      textInputType: TextInputType.number,
      autovalidateMode: AutovalidateMode.onUserInteraction,
      validator: (value) {
        if (value == null || value.isEmpty) {
          return "Please insert display index";
        }
        return null;
      },
    );

    final defaultBox = Padding(
      padding: const EdgeInsets.symmetric(vertical: 20),
      child: Row(mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [
        Flexible(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              LocalText(
                context,
                'cargo.is_default',
                color: Colors.black54,
                fontSize: 15,
              ),
            ],
          ),
        ),
        Transform.scale(
            scale: 0.7,
            alignment: Alignment.centerRight,
            child: CupertinoSwitch(
                activeColor: primaryColor,
                value: _isDefault,
                onChanged: (v) {
                  setState(() {
                    _isDefault = v;
                  });
                }))
      ]),
    );

    return LocalProgress(
      inAsyncCall: _isLoading,
      child: Scaffold(
        appBar: LocalAppBar(
          labelKey: "cargo.form.title",
          backgroundColor: Colors.white,
          labelColor: primaryColor,
          arrowColor: primaryColor,
          onBack: () {
            if (isDataChanged()) {
              showConfirmDialog(context, "back.button_confirm", () {
                Navigator.of(context).pop();
              });
            } else {
              Navigator.of(context).pop();
            }
          },
          actions: [
            _isNew
                ? Container()
                : IconButton(
                    icon: Icon(Icons.delete, color: primaryColor),
                    onPressed: _delete,
                  )
          ],
        ),
        body: Form(
          key: _cargoFormKey,
          child: Container(
            padding: EdgeInsets.all(18),
            child: Column(
              children: <Widget>[
                Expanded(
                  child: ListView(
                    children: <Widget>[
                      typeBox,
                      rateBox,
                      displayIndexBox,
                      defaultBox,
                      SizedBox(height: 30),
                    ],
                  ),
                ),
                fcsButton(context, getLocalString(context, "btn.save"),
                    callack: _save),
                SizedBox(height: 10)
              ],
            ),
          ),
        ),
      ),
    );
  }

  _save() async {
    if (!_cargoFormKey.currentState!.validate()) {
      return;
    }
    setState(() {
      _isLoading = true;
    });
    try {
      var shipmentRateModel =
          Provider.of<ShipmentRateModel>(context, listen: false);
      CargoType _cargo = CargoType(
          name: _descController.text,
          rate: double.parse(_rateController.text),
          displayIndex: int.parse(_displayIndexController.text),
          isDefault: _isDefault);
      if (_isNew) {
        await shipmentRateModel.addCargoType(_cargo);
      } else {
        _cargo.id = this._cargo.id;
        await shipmentRateModel.updateCargoType(_cargo);
      }
      Navigator.pop(context);
    } catch (e) {
      showMsgDialog(context, "Error", e.toString());
    } finally {
      setState(() {
        _isLoading = false;
      });
    }
  }

  _delete() {
    showConfirmDialog(context, "cargo.edit.delete.confirm", _deleteCargoType);
  }

  _deleteCargoType() async {
    setState(() {
      _isLoading = true;
    });
    try {
      var shipmentRateModel =
          Provider.of<ShipmentRateModel>(context, listen: false);
      await shipmentRateModel.deleteCargoType(this._cargo.id!);
      Navigator.pop(context);
    } catch (e) {
      showMsgDialog(context, "Error", e.toString());
    } finally {
      setState(() {
        _isLoading = false;
      });
    }
  }

  isDataChanged() {
    if (_isNew) {
      return _descController.text != "" || _rateController.text != "";
    } else {
      CargoType _cargo = CargoType(
          name: _descController.text, rate: double.parse(_rateController.text));
      return this._cargo.isChangedForEdit(_cargo);
    }
  }
}