//  Label StoreMax
//
//  Created by Anthony Gordon.
//  2021, WooSignal Ltd. All rights reserved.
//

//  Unless required by applicable law or agreed to in writing, software
//  distributed under the License is distributed on an "AS IS" BASIS,
//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_app/app/models/customer_country.dart';
import 'package:flutter_app/resources/widgets/buttons.dart';
import 'package:flutter_app/resources/widgets/woosignal_ui.dart';
import 'package:nylo_support/helpers/helper.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,
      txtControllerLastName,
      txtControllerAddressLine,
      txtControllerCity,
      txtControllerPostalCode,
      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(
                          height: 23,
                          child: Text(
                            trans(context, "State"),
                            style: Theme.of(context).textTheme.bodyText1,
                            textAlign: TextAlign.left,
                          ),
                          width: double.infinity,
                        ),
                        Padding(
                          child: SecondaryButton(
                            title: (customerCountry.state != null
                                ? (customerCountry?.state?.name ?? "")
                                : trans(context, "Select state")),
                            action: onTapCountry,
                          ),
                          padding: EdgeInsets.all(8),
                        ),
                      ],
                    ),
                  ),
                Flexible(
                  child: Column(
                    children: [
                      Container(
                        height: 23,
                        child: Text(
                          trans(context, "Country"),
                          style: Theme.of(context).textTheme.bodyText1,
                          textAlign: TextAlign.left,
                        ),
                        width: double.infinity,
                      ),
                      Padding(
                        child: SecondaryButton(
                          title: (customerCountry != null &&
                                  (customerCountry?.name ?? "").isNotEmpty
                              ? 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(),
    );
  }
}