import 'dart:convert';
import 'dart:typed_data';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_reactive_ble/flutter_reactive_ble.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import '../../../appRouters.dart';
import '../../../app_settings/app_colors.dart';
import '../../../tools/titleAppBar.dart';
import '../../../translations/trans_lib.dart';
import 'nearbyLock_logic.dart';

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

  @override
  State<NearbyLockPage> createState() => _NearbyLockPageState();
}

class _NearbyLockPageState extends State<NearbyLockPage> {
  final logic = Get.put(NearbyLockLogic());
  final state = Get.find<NearbyLockLogic>().state;

  @override
  Widget build(BuildContext context) {

    // var uint8View1 = Uint8List(300);
    // uint8View1[0] = 0xEF;
    // uint8View1[1] = 0x01;
    // uint8View1[2] = 0xEE;
    // uint8View1[3] = 0x02;
    // // String bar = utf8.decode(uint8View1);
    // print("barrrrr:$uint8View1");
    //
    // for(int i = 0; i<uint8View1.length; i++){
    //   String hexString = uint8View1[i].toRadixString(16);
    //   print("666666666:$hexString");
    // }

    // String hexString = 4009881090.toRadixString(16);
      // print("666666666:$hexString");
    return Scaffold(
      backgroundColor: AppColors.mainBackgroundColor,
      appBar: TitleAppBar(
          barTitle: TranslationLoader.lanKeys!.nearbyLock!.tr,
          haveBack: true,
          backgroundColor: AppColors.mainColor,
        actionsList: [
          CupertinoActivityIndicator(radius: 18.w, color: Colors.white,),
          SizedBox(width: 30.w)
        ],
      ),
      body: Obx(() {
        return ListView.separated(
          itemCount: state.devices.length,
          itemBuilder: (c, index) {
            return nearbyLockItem('images/icon_lockGroup_item.png', state.devices[index], () {
              // Navigator.pushNamed(context, Routers.lockAddressPage);
              // logic.getPublicKey(state.devices[index].serviceUuids[0].toString());
              state.seletLockName.value = state.devices[index].name;
              logic.connect(state.devices[index].id);
            });
          },
          separatorBuilder: (BuildContext context, int index) {
            return Divider(
              height: 1,
              color: AppColors.greyLineColor,
              indent: 20.w,
              endIndent: 0,
            );
          },
        );
      }),
    );
  }

  Widget nearbyLockItem(String lockTypeIcon, DiscoveredDevice discoveredDevice, Function() action ) {
    return GestureDetector(
      onTap: action,
      child: Column(
        // mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Container(
            height: 89.h,
            color: Colors.white,
            child: Row(
              children: [
                SizedBox(width: 20.w),
                Image.asset(
                  lockTypeIcon,
                  width: 56.w,
                  height: 56.w,
                ),
                SizedBox(width: 20.w),
                Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(discoveredDevice.name, style: TextStyle(fontSize: 20.sp, color: AppColors.blackColor),),
                  ],
                ),
                SizedBox(
                  width: 10.w,
                ),
                Image.asset(
                  "images/mine/icon_mine_main_about.png",
                  width: 22.w,
                  height: 22.w,
                ),
                Expanded(child: SizedBox(width: 20.w)),
                Image.asset(
                  'images/main/icon_main_addLock.png',
                  width: 36.w,
                  height: 36.w,
                ),
                SizedBox(width: 30.w),
              ],
            ),
          ),
        ],
      ),
    );
  }

  @override
  void dispose() {
    // TODO: implement dispose
    super.dispose();
  }

}