//  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/material.dart';
import 'package:label_storemax/helpers/tools.dart';
import 'package:label_storemax/models/default_shipping.dart';
import 'package:label_storemax/widgets/woosignal_ui.dart';

class CustomerCountriesPage extends StatefulWidget {
  CustomerCountriesPage();

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

class _CustomerCountriesPageState extends State<CustomerCountriesPage> {
  _CustomerCountriesPageState();

  List<DefaultShipping> _defaultShipping = [], _activeShippingResults = [];
  TextEditingController _tfSearchCountry;

  @override
  void initState() {
    super.initState();
    _tfSearchCountry = TextEditingController();
    _getDefaultShipping();
  }

  _getDefaultShipping() async {
    _defaultShipping = await getDefaultShipping(context);
    _activeShippingResults = _defaultShipping;
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: false,
      appBar: AppBar(
        backgroundColor: Colors.transparent,
        title: Text(
          trans(context, "Select a country"),
          style: Theme.of(context).primaryTextTheme.headline6,
        ),
        centerTitle: true,
      ),
      body: SafeArea(
        minimum: safeAreaDefault(),
        child: Column(
          children: [
            Container(
              padding: EdgeInsets.symmetric(vertical: 4, horizontal: 16),
              margin: EdgeInsets.only(bottom: 10),
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(18),
                color: Colors.white,
                boxShadow: [
                  BoxShadow(
                    color: Colors.grey.withOpacity(0.1),
                    spreadRadius: 2,
                    blurRadius: 3,
                    offset: Offset(0, 2), // changes position of shadow
                  ),
                ],
              ),
              height: 60,
              child: Row(
                children: [
                  Container(
                    height: 50,
                    margin: EdgeInsets.symmetric(horizontal: 4),
                    padding: EdgeInsets.only(right: 8),
                    child: Icon(Icons.search),
                  ),
                  Expanded(
                    child: TextField(
                      controller: _tfSearchCountry,
                      autofocus: true,
                      onChanged: _handleOnChanged,
                      decoration: InputDecoration(
                        border: InputBorder.none,
                      ),
                    ),
                  ),
                ],
              ),
            ),
            Expanded(
              child: ListView.builder(
                  itemBuilder: (cxt, i) {
                    DefaultShipping defaultShipping = _activeShippingResults[i];
                    return InkWell(
                      onTap: () => _handleCountryTapped(defaultShipping),
                      child: Container(
                        decoration: BoxDecoration(
                            color: Colors.white,
                            borderRadius: BorderRadius.circular(8),
                            border: Border.all(color: Colors.grey[200])),
                        margin: EdgeInsets.symmetric(vertical: 4),
                        padding:
                            EdgeInsets.symmetric(vertical: 16, horizontal: 8),
                        child: Text(defaultShipping.country),
                      ),
                    );
                  },
                  itemCount: _activeShippingResults.length),
            ),
          ],
        ),
      ),
    );
  }

  _handleOnChanged(String value) {
    _activeShippingResults = _defaultShipping
        .where((element) =>
            element.country.toLowerCase().contains(value.toLowerCase()))
        .toList();
    setState(() {});
  }

  _handleCountryTapped(DefaultShipping defaultShipping) {
    if (defaultShipping.states.length > 0) {
      _handleStates(defaultShipping);
      return;
    }
    _popWithShippingResult(defaultShipping);
  }

  _handleStates(DefaultShipping defaultShipping) {
    FocusScope.of(context).unfocus();
    wsModalBottom(
      context,
      title: trans(context, "Select a state"),
      bodyWidget: ListView.separated(
        itemCount: defaultShipping.states.length,
        itemBuilder: (BuildContext context, int index) {
          DefaultShippingState state = defaultShipping.states[index];

          return InkWell(
            child: Container(
              child: Text(
                state.name,
                style: Theme.of(context).primaryTextTheme.bodyText1,
              ),
              padding: EdgeInsets.only(top: 25, bottom: 25),
            ),
            splashColor: Colors.grey,
            highlightColor: Colors.black12,
            onTap: () {
              Navigator.pop(context);
              _popWithShippingResult(defaultShipping, state: state);
            },
          );
        },
        separatorBuilder: (cxt, i) => Divider(
          height: 0,
          color: Colors.black12,
        ),
      ),
    );
  }

  _popWithShippingResult(DefaultShipping defaultShipping,
      {DefaultShippingState state}) {
    if (state != null) {
      defaultShipping.states = [];
      defaultShipping.states.add(state);
    }
    Navigator.pop(context, defaultShipping);
  }
}