import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:label_storemax/helpers/tools.dart';
import 'package:label_storemax/models/customer_country.dart';
import 'package:label_storemax/widgets/buttons.dart';
import 'package:label_storemax/widgets/woosignal_ui.dart';

class CustomerAddressInput extends StatelessWidget {
  const CustomerAddressInput(
      {Key key,
      @required this.txtControllerFirstName,
      @required this.txtControllerLastName,
      @required this.txtControllerAddressLine,
      @required this.txtControllerCity,
      @required this.txtControllerPostalCode,
      @required this.txtControllerEmailAddress,
      @required this.customerCountry,
      @required this.onTapCountry})
      : super(key: key);

  final TextEditingController txtControllerFirstName;
  final TextEditingController txtControllerLastName;
  final TextEditingController txtControllerAddressLine;
  final TextEditingController txtControllerCity;
  final TextEditingController txtControllerPostalCode;
  final TextEditingController txtControllerEmailAddress;
  final CustomerCountry customerCountry;
  final Function() onTapCountry;

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      mainAxisAlignment: MainAxisAlignment.start,
      children: <Widget>[
        Flexible(
          child: Row(
            children: <Widget>[
              Flexible(
                child: TextEditingRow(
                  heading: trans(context, "First Name"),
                  controller: txtControllerFirstName,
                  shouldAutoFocus: true,
                ),
              ),
              Flexible(
                child: TextEditingRow(
                  heading: trans(context, "Last Name"),
                  controller: txtControllerLastName,
                ),
              ),
            ],
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          ),
        ),
        Flexible(
          child: Row(
            children: <Widget>[
              Flexible(
                child: TextEditingRow(
                  heading: trans(context, "Address Line"),
                  controller: txtControllerAddressLine,
                ),
              ),
              Flexible(
                child: TextEditingRow(
                  heading: trans(context, "City"),
                  controller: txtControllerCity,
                ),
              ),
            ],
          ),
        ),
        Flexible(
          child: Row(
            children: <Widget>[
              Flexible(
                child: TextEditingRow(
                  heading: trans(context, "Postal code"),
                  controller: txtControllerPostalCode,
                ),
              ),
              Flexible(
                child: TextEditingRow(
                    heading: trans(context, "Email address"),
                    keyboardType: TextInputType.emailAddress,
                    controller: txtControllerEmailAddress),
              ),
            ],
          ),
        ),
        Flexible(
          child: Padding(
            padding: const EdgeInsets.symmetric(horizontal: 4),
            child: Row(
              children: <Widget>[
                if (customerCountry.hasState())
                  Flexible(
                    child: Column(
                      children: [
                        Container(
                          child: Text(
                            trans(context, "State"),
                            style: Theme.of(context).primaryTextTheme.bodyText1,
                            textAlign: TextAlign.left,
                          ),
                          width: double.infinity,
                        ),
                        Padding(
                          child: SecondaryButton(
                            title: (customerCountry.state != null
                                ? "${trans(context, "Selected")}\n${customerCountry?.state?.name ?? ""}"
                                : trans(context, "Select state")),
                            action: onTapCountry,
                          ),
                          padding: EdgeInsets.all(8),
                        ),
                      ],
                    ),
                  ),
                Flexible(
                  child: Column(
                    children: [
                      Container(
                        child: Text(
                          trans(context, "Country"),
                          style: Theme.of(context).primaryTextTheme.bodyText1,
                          textAlign: TextAlign.left,
                        ),
                        width: double.infinity,
                      ),
                      Padding(
                        child: SecondaryButton(
                          title: (customerCountry != null &&
                                  (customerCountry?.name ?? "").isNotEmpty
                              ? "${trans(context, "Selected")}\n${customerCountry.name}"
                              : trans(context, "Select country")),
                          action: onTapCountry,
                        ),
                        padding: EdgeInsets.all(8),
                      ),
                    ],
                  ),
                ),
              ].where((element) => element != null).toList(),
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            ),
          ),
        ),
      ].where((e) => e != null).toList(),
    );
  }
}