import 'dart:convert';
//import 'dart:html';
import 'dart:ui' as ui;

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:manager_api_new/api.dart';
import 'package:tablet_app/constants.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:webview_flutter_platform_interface/webview_flutter_platform_interface.dart';
//import 'package:webview_flutter_web/webview_flutter_web.dart';

class WebView extends StatefulWidget {
  final WebDTO section;
  WebView({required this.section});

  @override
  _WebView createState() => _WebView();
}

class _WebView extends State<WebView> {
  //final IFrameElement _iframeElement = IFrameElement();
  //WebView _webView;
  WebDTO webDTO = WebDTO();
  WebViewController? controller;
  PlatformWebViewController? controllerWeb;

  @override
  void initState() {
    //print(widget.section!.data);
    webDTO = widget.section;
    //webDTO = WebDTO.fromJson(jsonDecode(widget.section!.data!))!;
    print(webDTO);


    if(kIsWeb) {
      /*_iframeElement.src = webDTO.source_!;
      _iframeElement.style.border = 'none';

      //ignore: undefined_prefixed_name
      ui.platformViewRegistry.registerViewFactory(
        webDTO.source_!, //use source as registered key to ensure uniqueness
        (int viewId) => _iframeElement,
      );*/
    } else {

      if(webDTO.source_ != null && webDTO.source_!.length > 0) {
        try {
          controller = WebViewController()
            ..setJavaScriptMode(JavaScriptMode.unrestricted)
            ..setBackgroundColor(const Color(0x00000000))
            ..setNavigationDelegate(
              NavigationDelegate(
                onProgress: (int progress) {
                  // Update loading bar.
                },
                onPageStarted: (String url) {},
                onPageFinished: (String url) {},
                onWebResourceError: (WebResourceError error) {},
                onNavigationRequest: (NavigationRequest request) {
                  Uri sourceUri = Uri.parse(webDTO.source_!);
                  Uri requestUri = Uri.parse(request.url);

                  if (requestUri.host != sourceUri.host) { // handle navigation to site
                    print('blocking navigation to $request}');
                    return NavigationDecision.prevent;
                  }
                  return NavigationDecision.navigate;
                },
              ),
            )
            ..loadRequest(Uri.parse(webDTO.source_!));
        } catch (e) {
          print("Invalid source ${webDTO.source_}");
        }
      }
    }

    super.initState();
    /*_webView = WebView(
      initialUrl: webDTO.source_, //"https://my.matterport.com/show/?m=k8bvdezfHbT"
      javascriptMode: JavascriptMode.unrestricted,
      navigationDelegate: (NavigationRequest request) {
        print(request.url);
        print(webDTO.source_);
        if (request.url != webDTO.source_) {
          print('blocking navigation to $request}');
          return NavigationDecision.prevent;
        }
        print('allowing navigation to $request');
        return NavigationDecision.navigate;
      }
    );*/
  }

  @override
  void dispose() {
    //_webView = null;
    super.dispose();
  }


  @override
  Widget build(BuildContext context) => webDTO.source_ != null && webDTO.source_!.length > 0 ?
  kIsWeb ?
    HtmlElementView(
      key: UniqueKey(),
      viewType: webDTO.source_!,
    ) :
    WebViewWidget(controller: controller!) :
  Center(child: Text("La page internet ne peut pas être affichée, l'url est incorrecte ou vide", style: new TextStyle(fontSize: kNoneInfoOrIncorrect)));
} //_webView