class WebView extends StatefulWidget {
  const WebView(
      {Key? key,
      this.onTitleChanged,
      required this.url,
      this.onUtlChanged,
      this.onControllerDone})
      : super(key: key);

  final String url;
  final ValueChanged<WebViewController>? onControllerDone;
  final ValueChanged<String>? onTitleChanged;
  final ValueChanged<String>? onUtlChanged;

  @override
  State<WebView> createState() => _WebViewState();
}

class _WebViewState extends State<WebView> {
  late final WebViewController _controller;
  late final WebViewCookieManager cookieManager = WebViewCookieManager();

  double _progress = 0.0;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    _initializeController();
    CookieManager.setCookie(cookieManager, widget.url).then((_) async {
      await _controller.clearCache();
      _controller.loadRequest(Uri.parse(widget.url));
    });
  }

  @override
  void dispose() {
    // TODO: implement dispose
    debugPrint('webview dispose');
    // _controller.
    super.dispose();
  }

  void _initializeController() {
    late final PlatformWebViewControllerCreationParams params;
    if (WebViewPlatform.instance is WebKitWebViewPlatform) {
      params = WebKitWebViewControllerCreationParams(
        allowsInlineMediaPlayback: true,
        mediaTypesRequiringUserAction: const <PlaybackMediaTypes>{},
      );
    } else {
      params = const PlatformWebViewControllerCreationParams();
    }
    _controller = WebViewController.fromPlatformCreationParams(params)
      ..setJavaScriptMode(JavaScriptMode.unrestricted)
      ..setBackgroundColor(ThemeColors.background);
    JavaScriptManager.add(_controller);
    _addNavigationDelegate();
    if (_controller.platform is AndroidWebViewController) {
      AndroidWebViewController.enableDebugging(true);
      (_controller.platform as AndroidWebViewController)
          .setMediaPlaybackRequiresUserGesture(false);
    }
  }

  void _addNavigationDelegate() {
    _controller.setNavigationDelegate(
      NavigationDelegate(
        onProgress: (int progress) {
          debugPrint('progress $progress');
          if (mounted) {
            double value = progress.toDouble() * 0.01;
            _progress = value == 1.0 ? 0.0 : value;
            setState(() => {});
          }
        },
        onPageStarted: (String url) {
          debugPrint('onPageStarted $url');
          if (widget.onControllerDone != null) {
            widget.onControllerDone!(_controller);
          }
        },
        onPageFinished: (String url) async {
          debugPrint('onPageFinished $url');
          final title = await _controller.getTitle();
          debugPrint('onPageFinished$title');
          if (widget.onTitleChanged != null && title != null && mounted) {
            widget.onTitleChanged!(title);
          }
        },
        onNavigationRequest: (NavigationRequest request) {
          debugPrint('onNavigationRequest');
          return NavigationDecision.navigate;
        },
        onWebResourceError: (WebResourceError error) {
          debugPrint('''
Page resource error:
  code: ${error.errorCode}
  description: ${error.description}
  errorType: ${error.errorType}
  isForMainFrame: ${error.isForMainFrame}
          ''');
          showError(error);
        },
        onUrlChange: (UrlChange change) {
          if (widget.onUtlChanged != null) {
            widget.onUtlChanged!(change.url.toString());
          }
        },
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        WebViewWidget(controller: _controller),
        Align(
          alignment: Alignment.topCenter,
          child: _buildProgress(),
        )
      ],
    );
  }

  Widget _buildProgress() {
    return LinearProgressIndicator(
      value: _progress,
    );
  }

  void showError(WebResourceError error) {
    ScaffoldMessenger.of(context).showSnackBar(SnackBar(
      content: Text(error.description),
      backgroundColor: ThemeColors.theme,
      padding: const EdgeInsets.all(10),
    ));
  }
}