app-starlock/star_lock/lib/mine/valueAddedServices/valueAddedServicesHighFunction/valueAddedServicesHighFunction_page.dart

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

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

  @override
  State<ValueAddedServicesHighFunctionPage> createState() =>
      _ValueAddedServicesHighFunctionPageState();
}

class _ValueAddedServicesHighFunctionPageState
    extends State<ValueAddedServicesHighFunctionPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: Colors.white,
        appBar: TitleAppBar(
            barTitle: TranslationLoader.lanKeys!.advancedFunction!.tr,
            haveBack: true,
            iconColor: Colors.black,
            titleColor: Colors.black,
            backgroundColor: Colors.white),
        body: Column(
          children: [
            Expanded(
              child: ListView(
                children: [
                  _topShowState(),
                  _benefitsContent(),
                  Container(height: 20.h, color: const Color(0xFFF5F5F5)),
                  _buyNotes(),
                ],
              ),
            ),
            _bottomBtn(),
          ],
        ));
  }

  Widget _topShowState() {
    return Container(
      height: 150.h,
      margin: EdgeInsets.only(left: 30.w, top: 20.h, right: 30.w),
      padding: EdgeInsets.only(left: 30.w),
      decoration: BoxDecoration(
        color: const Color(0xFFDFE6ED),
        borderRadius: BorderRadius.only(
          topLeft: Radius.circular(30.h),
          topRight: Radius.circular(30.h),
        ),
      ),
      child: Stack(
        alignment: AlignmentDirectional.centerStart,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.start,
            // crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    "${TranslationLoader.lanKeys!.currentState!.tr}:${TranslationLoader.lanKeys!.haveNotOpened!.tr}",
                    style:
                        TextStyle(fontSize: 24.sp, fontWeight: FontWeight.w600),
                  ),
                  SizedBox(height: 5.h),
                  Text(
                    "${TranslationLoader.lanKeys!.periodValidity!.tr}:2023-07-29",
                    style:
                        TextStyle(fontSize: 20.sp, fontWeight: FontWeight.w600),
                  ),
                ], //
              ),
            ],
          ),
          Positioned(
              bottom: 0.h,
              right: 0.w,
              child: Container(
                width: 90.w,
                height: 50.h,
                decoration: BoxDecoration(
                  color: const Color(0xFFBDCDDF),
                  borderRadius: BorderRadius.only(
                    topLeft: Radius.circular(30.h),
                    bottomLeft: Radius.circular(30.h),
                  ),
                ),
                child: Center(
                    child: Text(
                  TranslationLoader.lanKeys!.record!.tr,
                  style: TextStyle(fontSize: 22.sp),
                )),
              )),
        ],
      ),
    );
  }

  Widget _benefitsContent() {
    return Column(
      children: [
        Container(
          // color: Colors.red,
          margin: EdgeInsets.only(left: 130.w, top: 50.h, right: 130.w),
          padding: EdgeInsets.only(left: 30.w),
          child: Row(mainAxisAlignment: MainAxisAlignment.center, children: [
            Image.asset('images/mine/icon_mine_highFunctionContent_left.png',
                width: 30.w, height: 30.w),
            Expanded(
              child: Text(
                  TranslationLoader
                      .lanKeys!.advancedFeaturesAndBenefitsContent!.tr,
                  textAlign: TextAlign.center,
                  style:
                      TextStyle(fontSize: 24.sp, fontWeight: FontWeight.w600)),
            ),
            Image.asset('images/mine/icon_mine_highFunctionContent_right.png',
                width: 30.w, height: 30.w)
          ]),
        ),
        SizedBox(
          height: 10.h,
        ),
        Container(
          height: 1.sw,
          child: GridView.count(
            padding: EdgeInsets.all(10.h),
            crossAxisCount: 3,
            mainAxisSpacing: 10.h,
            crossAxisSpacing: 8.h,
            // childAspectRatio: 1 / 0.5,
            physics: const NeverScrollableScrollPhysics(),
            children: [
              _buildItem("images/mine/icon_mine_highFunctionContent_dxmb.png",
                  TranslationLoader.lanKeys!.smsTemplate!.tr),
              _buildItem("images/mine/icon_mine_highFunctionContent_yjmb.png",
                  TranslationLoader.lanKeys!.emailTemplate!.tr),
              _buildItem("images/mine/icon_mine_highFunctionContent_sqgly.png",
                  TranslationLoader.lanKeys!.authorizedAdmin!.tr),
              _buildItem("images/mine/icon_mine_highFunctionContent_sfz.png",
                  TranslationLoader.lanKeys!.lockGroup!.tr),
              _buildItem("images/mine/icon_mine_highFunctionContent_bjft.png",
                  TranslationLoader.lanKeys!.sendGroupKey!.tr),
              _buildItem("images/mine/icon_mine_highFunctionContent_bjft.png",
                  TranslationLoader.lanKeys!.markedHouseState!.tr),
              _buildItem("images/mine/icon_mine_highFunctionContent_fkgj.png",
                  TranslationLoader.lanKeys!.cardIssuingtool!.tr),
              _buildItem(
                  "images/mine/icon_mine_highFunctionContent_fkgj.png", '推送'),
              _buildItem(
                  "images/mine/icon_mine_highFunctionContent_fkgj.png", '考勤'),
            ],
          ),
        ),
      ],
    );
  }

  Container _buildItem(String img, String title) {
    return Container(
      margin: EdgeInsets.all(10.h),
      padding: EdgeInsets.only(top: 20.h),
      decoration: BoxDecoration(
        color: const Color(0xFFF7F7FA),
        borderRadius: BorderRadius.all(Radius.circular(20.h)),
        // border: Border.all(width: 0.5.w, color: Colors.black)
      ),
      child: Column(
        // crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Image.asset(
            img,
            width: 70.w,
            height: 70.w,
          ),
          SizedBox(
            height: 10.h,
          ),
          Column(
            children: [
              Text(
                title,
                style: TextStyle(fontSize: 22.sp),
                textAlign: TextAlign.center,
              ),
            ],
          ),
        ],
      ),
    );
  }

  Widget _buyNotes() {
    return Column(
      children: [
        Container(
          // color: Colors.red,
          margin: EdgeInsets.only(left: 110.w, top: 50.h, right: 110.w),
          padding: EdgeInsets.only(left: 30.w),
          child: Row(mainAxisAlignment: MainAxisAlignment.center, children: [
            Image.asset('images/mine/icon_mine_highFunctionContent_left.png',
                width: 40.w, height: 40.w),
            SizedBox(
              width: 10.w,
            ),
            Expanded(
                child: Text(
                    TranslationLoader
                        .lanKeys!.titleForBuyingAdvancedFeatures!.tr,
                    textAlign: TextAlign.center,
                    style: TextStyle(
                        fontSize: 24.sp, fontWeight: FontWeight.w600))),
            SizedBox(
              width: 10.w,
            ),
            Image.asset('images/mine/icon_mine_highFunctionContent_right.png',
                width: 40.w, height: 40.w)
          ]),
        ),
        SizedBox(height: 20.h),
        Container(
          margin: EdgeInsets.only(left: 25.w, right: 25.w),
          decoration: BoxDecoration(
            color: const Color(0xFFF5F5F5),
            borderRadius: BorderRadius.circular(10.h),
          ),
          child: Padding(
              padding: EdgeInsets.only(
                  left: 30.w, top: 30.h, right: 30.w, bottom: 30.h),
              child: Text(
                TranslationLoader.lanKeys!.tipsForBuyingAdvancedFeatures!.tr,
                style: TextStyle(fontSize: 20.sp),
              )),
        ),
        SizedBox(height: 20.h),
      ],
    );
  }

  Widget _bottomBtn() {
    return Container(
      margin: EdgeInsets.only(top: 30.h, bottom: 30.h),
      child: Row(
        children: [
          Visibility(
            child: Container(
              height: 70.h,
              width: (1.sw - 20.w * 3) / 2,
              margin: EdgeInsets.only(left: 20.w),
              decoration: BoxDecoration(
                color: Colors.white,
                border: Border.all(width: 3.w, color: const Color(0xFF000635)),
                borderRadius: BorderRadius.circular(50.h),
              ),
              child: Center(
                  child: Text(
                TranslationLoader.lanKeys!.freeTrial!.tr,
                style: TextStyle(fontSize: 24.sp),
              )),
            ),
          ),
          GestureDetector(
            onTap: () {
              Navigator.pushNamed(context, Routers.valueAddedServicesBuyPage,
                  arguments: 4);
            },
            child: Container(
              height: 70.h,
              width: (1.sw - 20.w * 3) / 2,
              // width: 1.sw-20.w*2,
              margin: EdgeInsets.only(left: 20.w, right: 20.w),
              decoration: BoxDecoration(
                color: const Color(0xFF424658),
                border: Border.all(width: 1, color: AppColors.mainColor),
                borderRadius: BorderRadius.circular(50.h),
              ),
              child: Center(
                  child: Text(
                TranslationLoader.lanKeys!.openNow!.tr,
                style:
                    TextStyle(fontSize: 24.sp, color: const Color(0xFFF9CEAC)),
              )),
            ),
          ),
        ],
      ),
    );
  }
}