import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';

import '../../../appRouters.dart';
import '../../../app_settings/app_colors.dart';
import '../../../tools/commonItem.dart';
import '../../../tools/titleAppBar.dart';
import '../../../translations/trans_lib.dart';

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

  @override
  State<ValueAddedServicesRealNamePage> createState() => _ValueAddedServicesRealNamePageState();
}

class _ValueAddedServicesRealNamePageState extends State<ValueAddedServicesRealNamePage> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.mainBackgroundColor,
      appBar: TitleAppBar(barTitle: TranslationLoader.lanKeys!.realNameAuthentication!.tr, haveBack:true, backgroundColor: AppColors.mainColor),
      body: Column(
        children: [
          Container(
              width: 1.sw,
              // color: Colors.grey.shade300,
              padding: EdgeInsets.only(left:25.h, right: 25.h, top: 25.h, bottom: 10.h),
              child: Text(TranslationLoader.lanKeys!.buyRealNameTip!.tr)
          ),
          middleWidget(),
          bottomWidget()
        ],
      ),
    );
  }

  Widget middleWidget(){
    return Container(
        width: 1.sw,
        // height: 100,
        // color: Colors.grey.shade300,
        margin: EdgeInsets.all(10.h),
        decoration: const BoxDecoration(
            image: DecorationImage(
                image: AssetImage("images/mine/icon_mine_valueAddedServices_noteTop.png"),
                fit: BoxFit.cover
            )
        ),
        child: Column(
            children: [
              // SizedBox(height:10),
              Container(
                margin: const EdgeInsets.only(top:15, bottom: 15, left: 30, right: 30),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Text("${TranslationLoader.lanKeys!.currentRemainingQuantity!.tr}:0", style: TextStyle(fontSize: 32.sp),)
                  ],
                ),
              ),
              // SizedBox(height:20.h),
              Container(
                margin: const EdgeInsets.only(top:10, bottom: 10),
                // color: Colors.red,
                // height: 100.h,
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceAround,
                  children: [
                    GestureDetector(
                      onTap: (){

                      },
                      child: Container(
                          width: 200.w,
                          // height: 70.h,
                          // color: Colors.red,
                          child: Center(child: Text(TranslationLoader.lanKeys!.record!.tr, style: TextStyle(color: Colors.black, fontSize: 32.sp)))
                      ),
                    ),
                    GestureDetector(
                      onTap: (){
                        Navigator.pushNamed(context, Routers.valueAddedServicesBuyPage, arguments: 3);
                      },
                      child: Container(
                          width: 200.w,
                          // height: 70.h,
                          // color: Colors.red,
                          child: Center(child: Text(TranslationLoader.lanKeys!.buy!.tr, style: TextStyle(color: AppColors.mainColor, fontSize: 32.sp)))
                      ),
                    ),
                  ],
                ),
              ),
            ]
        )
    );
  }

  Widget bottomWidget(){
    return Container(
      width: 1.sw,
      color: Colors.white,
      margin: EdgeInsets.all(20.h),
      child: Column(
        children: [
          Column(
            children: [
              Container(
                  padding: EdgeInsets.only(top:20.h, bottom: 20.h, left: 30.w),
                  child: Text(TranslationLoader.lanKeys!.buyRealNameSeletYouWantBuyTip!.tr, style: TextStyle(fontSize: 32.sp),)
              ),
            ],
          ),
          CommonItem(leftTitel:TranslationLoader.lanKeys!.forTheFirstTime!.tr, rightTitle:"", allHeight:80.h, isHaveLine: true, isHaveRightWidget: true,
              rightWidget: GestureDetector(
                onTap: (){

                },
                child: Row(children: [Image.asset('images/icon_round_unSelet.png', width: 40.w, height: 40.w,),],),)
          ),
          CommonItem(leftTitel:TranslationLoader.lanKeys!.onceDay!.tr, rightTitle:"", allHeight:80.h, isHaveLine: true, isHaveRightWidget: true,
              rightWidget: GestureDetector(
                onTap: (){

                },
                child: Row(children: [Image.asset('images/icon_round_unSelet.png', width: 40.w, height: 40.w,),],),)
          ),
          CommonItem(leftTitel:TranslationLoader.lanKeys!.weekOnce!.tr, rightTitle:"", allHeight:80.h, isHaveLine: true, isHaveRightWidget: true,
              rightWidget: GestureDetector(
                onTap: (){

                },
                child: Row(children: [Image.asset('images/icon_round_unSelet.png', width: 40.w, height: 40.w,),],),)
          ),
          CommonItem(leftTitel:TranslationLoader.lanKeys!.monthOnce!.tr, rightTitle:"", allHeight:80.h, isHaveLine: false, isHaveRightWidget: true,
              rightWidget: GestureDetector(
                onTap: (){

                },
                child: Row(children: [Image.asset('images/icon_round_unSelet.png', width: 40.w, height: 40.w,),],),)
          ),
        ],
      ),
    );
  }
}