import 'package:email_validator/email_validator.dart';
import 'package:flutter/material.dart';
import 'package:flutter_spinkit/flutter_spinkit.dart';
import 'package:flutter_wisetronic/constants.dart';
import 'package:flutter_wisetronic/events/eventbus.dart';
import 'package:flutter_wisetronic/events/events.dart';
import 'package:flutter_wisetronic/generated/l10n.dart';
import 'package:flutter_wisetronic/models/address.dart';
import 'package:flutter_wisetronic/store/actions.dart';
import 'package:flutter_wisetronic/store/store.dart';
import 'package:flutter_wisetronic/utils/http_util.dart';
import 'package:flutter_wisetronic/utils/utils.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:gender_selection/gender_selection.dart';

import '../../routes.dart';

class MobileEditAddress extends StatefulWidget {
  final Key key;
  final Address address;
  final int businessId;
  const MobileEditAddress(this.address, {this.key, int businessId}) :
      businessId = businessId ?? Constants.BUSINESS_ID;

  @override
  State<StatefulWidget> createState() {
    return MobileEditAddressState();
  }

}

class MobileEditAddressState extends State<MobileEditAddress> {
  final GlobalKey<FormState> _formKey = new GlobalKey();

  final contactNameController = TextEditingController();
  final phoneController = TextEditingController();
  final streetLine1Controller = TextEditingController();
  final streetLine2Controller = TextEditingController();
  final cityController = TextEditingController();
  final postalCodeController = TextEditingController();
  final emailController = TextEditingController();
  final faxController = TextEditingController();

  String country;
  Gender _selectedGender;

  String _selectedProvince;

  bool showLoading;

  @override
  Widget build(BuildContext context) {
    store.dispatch(UpdateContext(context));

    if (showLoading) {
      return new Scaffold(
        body: Center(
          child: SpinKitWave(
            color: Colors.lightBlueAccent,
            size: 40.0,
          ),
        ),
      );
    }

    return Scaffold(
      appBar: AppBar(
        leading: IconButton(
          icon: Icon(Icons.arrow_back_ios),
          onPressed: () {
            Navigator.of(context).pop();
          },
        ),
        title: Text(S
            .of(context)
            .edit_address),
        backgroundColor: Theme
            .of(context)
            .primaryColor,
      ),
      body: Form(
        key: _formKey,
        child: SingleChildScrollView(
          padding: EdgeInsets.only(
              left: 0.0, right: 0.0, top: 0.0, bottom: 0.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              Container(
                padding: EdgeInsets.only(
                    left: 16.0, right: 16.0, top: 16.0, bottom: 0.0),
                child: TextFormField(
                  controller: contactNameController,
                  decoration: InputDecoration(
                    enabledBorder: UnderlineInputBorder(
                      borderSide: BorderSide(
                        color: Colors.black12,
                      ),
                    ),
                    focusedBorder: UnderlineInputBorder(
                        borderSide: BorderSide(
                          color: Colors.blue,
                        )
                    ),
                    labelText: S
                        .of(context)
                        .contact_name,
                  ),
                  validator: (String value) {
                    if (value
                        .trim()
                        .isEmpty) {
                      return S
                          .of(context)
                          .contact_name_is_required;
                    }
                    return null;
                  },
                ),
              ),
              GenderSelection(
                maleText: S
                    .of(context)
                    .mr,
                femaleText: S
                    .of(context)
                    .ms,
                selectedGenderIconBackgroundColor: Colors.indigo,
                checkIconAlignment: Alignment.bottomRight,
                selectedGenderCheckIcon: Icons.check,
                onChanged: (Gender gender) {
                  _selectedGender = gender;
                },
                equallyAligned: true,
                animationDuration: Duration(milliseconds: 400),
                isCircular: true,
                isSelectedGenderIconCircular: true,
                opacityOfGradient: 0.6,
                padding: const EdgeInsets.all(3.0),
                size: 50,
                selectedGender: _selectedGender,
              ),
              Container(
                padding: EdgeInsets.only(
                    left: 16.0, right: 16.0, top: 16.0, bottom: 0.0),
                child: TextFormField(
                  keyboardType: TextInputType.phone,
                  controller: phoneController,
                  decoration: InputDecoration(
                    enabledBorder: UnderlineInputBorder(
                      borderSide: BorderSide(
                        color: Colors.black12,
                      ),
                    ),
                    focusedBorder: UnderlineInputBorder(
                        borderSide: BorderSide(
                          color: Colors.blue,
                        )
                    ),
                    labelText: S
                        .of(context)
                        .mobile_phone_number,
                  ),
                  validator: (String value) {
                    if (value
                        .trim()
                        .isEmpty) {
                      return S
                          .of(context)
                          .mobile_phone_number_is_required;
                    }
                    return null;
                  },
                ),
              ),
              Container(
                padding: EdgeInsets.only(
                    left: 16.0, right: 16.0, top: 16.0, bottom: 0.0),
                child: TextFormField(
                  controller: streetLine1Controller,
                  decoration: InputDecoration(
                    enabledBorder: UnderlineInputBorder(
                      borderSide: BorderSide(
                        color: Colors.black12,
                      ),
                    ),
                    focusedBorder: UnderlineInputBorder(
                        borderSide: BorderSide(
                          color: Colors.blue,
                        )
                    ),
                    labelText: S
                        .of(context)
                        .street_line_1,
                  ),
                  validator: (String value) {
                    if (value
                        .trim()
                        .isEmpty) {
                      return S
                          .of(context)
                          .street_line_1_is_required;
                    }
                    return null;
                  },
                ),
              ),
              Container(
                padding: EdgeInsets.only(
                    left: 16.0, right: 16.0, top: 16.0, bottom: 0.0),
                child: TextFormField(
                  controller: streetLine2Controller,
                  decoration: InputDecoration(
                    enabledBorder: UnderlineInputBorder(
                      borderSide: BorderSide(
                        color: Colors.black12,
                      ),
                    ),
                    focusedBorder: UnderlineInputBorder(
                        borderSide: BorderSide(
                          color: Colors.blue,
                        )
                    ),
                    labelText: S
                        .of(context)
                        .street_line_2,
                  ),
                ),
              ),
              Container(
                padding: EdgeInsets.only(
                    left: 16.0, right: 16.0, top: 16.0, bottom: 0.0),
                child: TextFormField(
                  controller: cityController,
                  decoration: InputDecoration(
                    enabledBorder: UnderlineInputBorder(
                      borderSide: BorderSide(
                        color: Colors.black12,
                      ),
                    ),
                    focusedBorder: UnderlineInputBorder(
                        borderSide: BorderSide(
                          color: Colors.blue,
                        )
                    ),
                    labelText: S
                        .of(context)
                        .city,
                  ),
                  validator: (String value) {
                    if (value
                        .trim()
                        .isEmpty) {
                      return S
                          .of(context)
                          .city_is_required;
                    }
                    return null;
                  },
                ),
              ),
              Container(
                padding: EdgeInsets.only(
                    left: 16.0, right: 16.0, top: 16.0, bottom: 0.0),
                child: DropdownButton<String>(
                  value: _selectedProvince,
                  items: <String>[
                    'Ontario',
                    'Quebec',
                    'British Columbia',
                    'Alberta',
                    'Manitoba',
                    'Saskatchewan',
                    'Nova Scotia',
                    'New Brunswich',
                    'Newfoundland and Labrador',
                    'Prince Edward Island',
                    'Northwest Territories',
                    'Nunavut',
                    'Yukon',
                  ].map((value) {
                    return DropdownMenuItem<String>(
                      value: value,
                      child: Text(value),
                    );
                  }).toList(),
                  onChanged: (newValue) {
                    if (mounted) {
                      setState(() {
                        _selectedProvince = newValue;
                      });
                    }
                  },
                  hint: Text(S
                      .of(context)
                      .province),
                  isExpanded: true,
                ),
              ),
              Container(
                padding: EdgeInsets.only(
                    left: 16.0, right: 16.0, top: 16.0, bottom: 0.0),
                child: TextFormField(
                  controller: postalCodeController,
                  decoration: InputDecoration(
                    enabledBorder: UnderlineInputBorder(
                      borderSide: BorderSide(
                        color: Colors.black12,
                      ),
                    ),
                    focusedBorder: UnderlineInputBorder(
                        borderSide: BorderSide(
                          color: Colors.blue,
                        )
                    ),
                    labelText: S
                        .of(context)
                        .postal_code,
                  ),
                  validator: (String value) {
                    if (value
                        .trim()
                        .isEmpty) {
                      return S
                          .of(context)
                          .postal_code_is_required;
                    }
                    return null;
                  },
                ),
              ),
              Container(
                padding: EdgeInsets.only(
                    left: 16.0, right: 16.0, top: 32.0, bottom: 0.0),
                child: Text(
                  S
                      .of(context)
                      .optional_information,
                  style: TextStyle(
                    fontSize: 12.0,
                    color: Colors.grey,
                  ),
                ),
              ),
              Container(
                padding: EdgeInsets.only(
                    left: 16.0, right: 16.0, top: 0.0, bottom: 0.0),
                child: TextFormField(
                  controller: emailController,
                  decoration: InputDecoration(
                    enabledBorder: UnderlineInputBorder(
                      borderSide: BorderSide(
                        color: Colors.black12,
                      ),
                    ),
                    focusedBorder: UnderlineInputBorder(
                        borderSide: BorderSide(
                          color: Colors.blue,
                        )
                    ),
                    labelText: S
                        .of(context)
                        .email,
                  ),
                  validator: (String value) {
                    if (value.isNotEmpty && !EmailValidator.validate(value)) {
                      return S
                          .of(context)
                          .email_is_not_valid;
                    }
                    return null;
                  },
                ),
              ),
              Container(
                padding: EdgeInsets.only(
                    left: 16.0, right: 16.0, top: 16.0, bottom: 16.0),
                child: TextFormField(
                  controller: faxController,
                  keyboardType: TextInputType.phone,
                  decoration: InputDecoration(
                    enabledBorder: UnderlineInputBorder(
                      borderSide: BorderSide(
                        color: Colors.black12,
                      ),
                    ),
                    focusedBorder: UnderlineInputBorder(
                        borderSide: BorderSide(
                          color: Colors.blue,
                        )
                    ),
                    labelText: S
                        .of(context)
                        .fax,
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
      bottomNavigationBar: Container(
        padding: EdgeInsets.all(8.0),
        color: Theme
            .of(context)
            .buttonColor,
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            FlatButton(
              child: Text(
                S
                    .of(context)
                    .delete,
              ),
              onPressed: () {
                showDialog(
                    context: context,
                    builder: (BuildContext context) {
                      return AlertDialog(
                        title: Text(S
                            .of(context)
                            .warning),
                        content: Text(S
                            .of(context)
                            .are_you_sure_to_delete_the_address),
                        actions: <Widget>[
                          FlatButton(
                            child: Text(S
                                .of(context)
                                .cancel),
                            onPressed: () {
                              Navigator.of(context).pop();
                            },
                          ),
                          FlatButton(
                            child: Text(S
                                .of(context)
                                .yes_i_am_sure),
                            onPressed: () {
                              Navigator.of(context).pop();
                              _deleteAddress();
                            },
                          )
                        ],
                      );
                    }
                );
              },
            ),
            FlatButton(
              child: Text(
                  S
                      .of(context)
                      .save
              ),
              onPressed: () {
                _saveEditAddress();
              },
            ),
          ],
        ),
      ),
    );
  }

  @override
  void initState() {
    super.initState();
    setState(() {
      showLoading = false;
      _selectedProvince = widget.address.state;
      cityController.text = widget.address.city;
      postalCodeController.text = widget.address.zip;
      streetLine1Controller.text = widget.address.addressLine1;
      streetLine2Controller.text = widget.address.addressLine2;
      _selectedGender = widget.address.gender == 1 ? Gender.Male : Gender.Female;
      country = widget.address.country;
      contactNameController.text = widget.address.contactName;
      phoneController.text = widget.address.phone;
      emailController.text = widget.address.email;
      faxController.text = widget.address.fax;
    });
  }

  void _saveEditAddress() {
    final FormState form = _formKey.currentState;
    if (form.validate()) {
      if (mounted) {
        setState(() {
          showLoading = true;
        });
      }
      HttpUtil.httpPatch('v1/addresses/${widget.address.id}', (response) {
        if (mounted) {
          setState(() {
            showLoading = false;
          });
        }
        eventBus.fire(OnAddressesUpdated());
        if (widget.businessId > 0) {
          Routes.router.navigateTo(context, '/checkout/${widget.businessId}', replace: true);
        } else {
          Navigator.of(context).pop();
        }
      },
          body: {
            'id': widget.address.id,
            'name': contactNameController.text.trim(),
            'address_line1': streetLine1Controller.text.trim(),
            'address_line2': streetLine2Controller.text.trim(),
            'city': cityController.text.trim(),
            'state': _selectedProvince,
            'zip': postalCodeController.text.trim(),
            'phone': phoneController.text.trim(),
            'gender': _selectedGender == Gender.Male ? true : false,
            'email': emailController.text,
            'fax': faxController.text,
            'country': country,
          }
      ).catchError((error) {
        if (mounted) {
          setState(() {
            showLoading = false;
          });
        }
        Utils.showMessageDialog(context, error);
      });
    }
  }

  void _deleteAddress() {
    if (mounted) {
      setState(() {
        showLoading = true;
      });
    }
    HttpUtil.httpDelete('v1/addresses/${widget.address.id}', (response) {
      if (mounted) {
        setState(() {
          showLoading = false;
        });
      }
      Fluttertoast.showToast(
          msg: S.of(context).the_address_has_been_deleted,
          toastLength: Toast.LENGTH_SHORT,
          gravity: ToastGravity.CENTER,
          backgroundColor: Colors.black54,
          textColor: Colors.white
      );
      eventBus.fire(OnAddressesUpdated());
      Navigator.of(context).pop();
    }).catchError((error) {
      if (mounted) {
        setState(() {
          showLoading = false;
        });
      }
      Utils.showMessageDialog(context, error);
    });
  }
}