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/commonItem.dart';
import '../../../../tools/submitBtn.dart';
import '../../../../tools/titleAppBar.dart';
import '../../../../translations/trans_lib.dart';

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

  @override
  State<LockSoundSetPage> createState() => _LockSoundSetPageState();
}

class _LockSoundSetPageState extends State<LockSoundSetPage> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: AppColors.mainBackgroundColor,
        appBar: TitleAppBar(barTitle: TranslationLoader.lanKeys!.lockSound!.tr, haveBack:true, backgroundColor: AppColors.mainColor),
        body:ListView(
          children: [
            CommonItem(leftTitel:TranslationLoader.lanKeys!.lockSound!.tr, rightTitle:"", isHaveLine: false, isHaveRightWidget:true, rightWidget: Container(width: 80.w, height: 50.h,child: _switch())),
            Container(height: 10.h,),
            Container(
              padding: EdgeInsets.all(30.w),
              color: Colors.white,
              child: Row(
                mainAxisAlignment: MainAxisAlignment.start,
                children: [
                  Expanded(child: Text(TranslationLoader.lanKeys!.lockSoundTip!.tr)),
                ],
              ),
            ),
            SizedBox(height: 10.h,),
            Visibility(
                visible: true,
                child: Container(
                  color: Colors.white,
                  child: Column(
                    children: [
                      CommonItem(leftTitel:TranslationLoader.lanKeys!.pleaseSeletLockVolume!.tr, rightTitle:"", isHaveLine: true),
                      CommonItem(leftTitel:TranslationLoader.lanKeys!.low!.tr, rightTitle:"", 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!.lower!.tr, rightTitle:"", 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!.medium!.tr, rightTitle:"", 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!.higher!.tr, rightTitle:"", 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!.high!.tr, rightTitle:"", isHaveLine: true, isHaveRightWidget: true,
                          rightWidget: GestureDetector(
                            onTap: (){

                            },
                            child: Row(children: [Image.asset('images/icon_round_unSelet.png', width: 40.w, height: 40.w,),],),)
                      ),
                    ],
                  ),
                )
            ),
            SubmitBtn(
                btnName: TranslationLoader.lanKeys!.save!.tr,
                borderRadius: 20.w,
                margin: EdgeInsets.only(left: 30.w, right: 30.w, top: 30.w),
                padding: EdgeInsets.only(top: 25.w, bottom: 25.w),
                onClick: (){
                  // Navigator.pushNamed(context, Routers.nearbyLockPage);
                }
            ),
          ],
        )
    );
  }

  Switch _switch(){
    return Switch(
        value: false,
        onChanged: (value){
          // switchValue = !switchValue;
          setState(() {

          });
        }
    );
  }

}