import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:star_lock/app_settings/app_colors.dart';
import 'package:star_lock/mine/valueAddedServices/advancedFeaturesWeb/advancedFeaturesWeb_logic.dart';
import 'package:star_lock/mine/valueAddedServices/advancedFeaturesWeb/advancedFeaturesWeb_state.dart';
import 'package:star_lock/tools/titleAppBar.dart';
import 'package:webview_flutter/webview_flutter.dart';

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

  @override
  State<AdvancedFeaturesWebPage> createState() =>
      _AdvancedFeaturesWebPageState();
}

class _AdvancedFeaturesWebPageState extends State<AdvancedFeaturesWebPage> {
  @override
  Widget build(BuildContext context) {
    return GetBuilder<AdvancedFeaturesWebLogic>(
        init: AdvancedFeaturesWebLogic(),
        builder: (AdvancedFeaturesWebLogic logic) {
          return PopScope(
            onPopInvoked: logic.canGoBack,
            canPop: false,
            child: Scaffold(
                resizeToAvoidBottomInset: false,
                backgroundColor: const Color(0xFFFFFFFF),
                appBar: TitleAppBar(
                  barTitle: logic.state.webBuyTitle.value,
                  haveBack: true,
                  backgroundColor: AppColors.mainColor,
                  haveOtherLeftWidget: true,
                  leadingWidth: 160.w,
                  leftWidget: Row(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      IconButton(
                        padding: const EdgeInsets.symmetric(horizontal: 0),
                        icon: const Icon(Icons.arrow_back_ios,
                            color: Colors.white),
                        onPressed: () => logic.canGoBack(false),
                      ),
                      IconButton(
                        padding: const EdgeInsets.symmetric(horizontal: 0),
                        icon: const Icon(Icons.close, color: Colors.white),
                        onPressed: Get.back,
                      ),
                    ],
                  ),
                  // backAction: () => logic.canGoBack(false),
                ),
                body: Obx(() => Column(
                      children: <Widget>[
                        Container(
                          padding: EdgeInsets.only(bottom: 10.w),
                          child: LinearProgressIndicator(
                            value: logic.state.webProgress.value,
                            backgroundColor: Colors.grey,
                            valueColor: AlwaysStoppedAnimation<Color>(
                                AppColors.mainColor),
                          ),
                        ),
                        Expanded(
                          child:
                              WebViewWidget(controller: logic.state.webBuyView),
                        ),
                      ],
                    ))),
          );
        });
  }
}