import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import '../../../../app_settings/app_colors.dart';
import '../../../../tools/titleAppBar.dart';

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

  @override
  State<AmazonAlexaPage> createState() => _AmazonAlexaPageState();
}

class _AmazonAlexaPageState extends State<AmazonAlexaPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: AppColors.mainBackgroundColor,
        resizeToAvoidBottomInset: false,
        appBar: TitleAppBar(
          barTitle: 'Amazon Alexa'.tr,
          haveBack: true,
          backgroundColor: AppColors.mainColor,
        ),
        body: SingleChildScrollView(
          child: Column(
            children: [
              _buildTopWidget(),
              SizedBox(
                height: 20.h,
              ),
              _buildBottomWidget(),
            ],
          ),
        ));
  }

  Widget _buildTopWidget() {
    return Container(
      color: Colors.white,
      width: ScreenUtil().screenWidth,
      margin: const EdgeInsets.only(left: 0, right: 0, top: 0),
      padding: EdgeInsets.only(top: 60.h, bottom: 30.h),
      child: Column(
        children: [
          Image.asset(
            'images/mine/icon_mine_amazon.png',
            width: 78.w,
            height: 78.w,
          ),
          SizedBox(
            height: 30.h,
          ),
          Text(
            'Amazon Alexa'.tr,
            style: TextStyle(
              color: Colors.black,
              fontSize: 26.sp,
              fontWeight: FontWeight.w500,
            ),
          ),
          SizedBox(
            height: 10.h,
          ),
          Text('您可以使用Alexa进行开锁、闭锁和查看锁状态'.tr,
              style: TextStyle(
                color: AppColors.darkGrayTextColor,
                fontSize: 20.sp,
              )),
        ],
      ),
    );
  }

  Widget _buildBottomWidget() {
    return Container(
      color: Colors.white,
      width: ScreenUtil().screenWidth,
      margin: const EdgeInsets.only(left: 0, right: 0, top: 0, bottom: 0),
      padding: EdgeInsets.only(top: 60.h, bottom: 30.h),
      child: const Column(
        children: [
          // Row(
          //   children: [ImageIcon(), Text('支持的国家')],
          // ),
        ],
      ),
    );
  }
}