import 'package:azlistview/azlistview.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:get/get.dart';
import 'package:star_lock/login/selectCountryRegion/common/countryRegionEntity.dart';
import 'package:star_lock/network/api_repository.dart';
import 'package:star_lock/tools/baseGetXController.dart';

import '../../app_settings/app_colors.dart';
import '../../tools/titleAppBar.dart';
import '../../translations/trans_lib.dart';
import 'common/index.dart';

class SelectCountryRegionPage extends StatefulWidget {
  const SelectCountryRegionPage({Key? key}) : super(key: key);

  @override
  State<SelectCountryRegionPage> createState() => _SelectCountryRegionPageState();
}

class _SelectCountryRegionPageState extends State<SelectCountryRegionPage> {
  List<CountryRegionModel> countriesList = [];

  @override
  void initState() {
    super.initState();

    SuspensionUtil.setShowSuspensionStatus(
        countriesList.cast<ISuspensionBean>());
    Future.delayed(const Duration(milliseconds: 20), () {
      getCountriesListRequest();
    });
  }

  //请求国家/地区json文件
  Future<void> getCountriesListRequest() async {
    CountryRegionEntity entity = await ApiRepository.to.getCountryRegion('1');
    countriesList.clear();
    if (entity.errorCode!.codeIsSuccessful) {
      countriesList.addAll(entity.dataList!);
      _handleList(countriesList);
    }
  }

  Future<String> loadJsonFromAssets(String assetsPath) async {
    return await rootBundle.loadString(assetsPath);
  }

  void _handleList(List<CountryRegionModel> list) {
    if (list.isEmpty) return;
    for (int i = 0, length = list.length; i < length; i++) {
      CountryRegionModel countryModel = list[i];
      String tag = countryModel.group!;
      if (RegExp('[A-Z]').hasMatch(tag)) {
        list[i].tagIndex = tag;
      } else {
        list[i].tagIndex = '#';
      }
    }
    // A-Z sort.
    SuspensionUtil.sortListBySuspensionTag(list);
    // show sus tag.
    SuspensionUtil.setShowSuspensionStatus(countriesList);

    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: false,
      backgroundColor: const Color(0xFFFFFFFF),
      appBar: TitleAppBar(
        barTitle:
            "${TranslationLoader.lanKeys!.select!.tr} ${TranslationLoader.lanKeys!.countryAndRegion!.tr}",
        haveBack: true,
        backgroundColor: AppColors.mainColor,
      ),
      body: AzListView(
        data: countriesList,
        itemCount: countriesList.length,
        itemBuilder: (BuildContext context, int index) {
          CountryRegionModel model = countriesList[index];
          return Utils.getListItem(context, model, () {
            Map<String, dynamic> resultMap = {};
            resultMap['code'] = model.code;
            resultMap['countryId'] = model.countryId.toString();
            resultMap['countryName'] = model.name;
            Navigator.pop(context, resultMap);
          });
        },
        padding: EdgeInsets.zero,
        susItemBuilder: (BuildContext context, int index) {
          CountryRegionModel model = countriesList[index];
          String tag = model.getSuspensionTag();
          return Utils.getSusItem(context, tag);
        },
        indexBarData: const ['★', ...kIndexBarData],
      ),
    );
  }
}