import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:qpay/screens/gateway/gateway_controller.dart';
import 'package:webview_flutter/webview_flutter.dart';

class GatewayScreen extends StatefulWidget {
  final String url;
  const GatewayScreen({super.key, required this.url});

  @override
  State<GatewayScreen> createState() => _GatewayScreenState();
}

class _GatewayScreenState extends State<GatewayScreen> {
  late WebViewController _webViewController;
  late GatewayController controller;

  @override
  void initState() {
    super.initState();
    _initWebView(widget.url);
    controller = GatewayController(context);
    controller.pollTransaction(
      controller.transactionController.model.receiptData?['id'],
    );
  }

  void _initWebView(String url) {
    _webViewController =
        WebViewController()
          ..setJavaScriptMode(JavaScriptMode.unrestricted)
          ..setNavigationDelegate(
            NavigationDelegate(
              onProgress: (int progress) {
                // Update loading bar.
              },
              onPageStarted: (String url) {
                controller.startLoading();
              },
              onPageFinished: (String url) {
                controller.finishLoading();
              },
              onHttpError: (HttpResponseError error) {},
              onWebResourceError: (WebResourceError error) {},
            ),
          )
          ..loadRequest(Uri.parse(url));
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Complete your payment'),
        leading:
            context.canPop()
                ? IconButton(
                  onPressed: () {
                    context.pop();
                  },
                  icon: const Icon(Icons.arrow_back),
                )
                : SizedBox.shrink(),
      ),
      body: ListenableBuilder(
        listenable: controller,
        builder: (context, child) {
          if (controller.model.status == 'SUCCESS') {
            WidgetsBinding.instance.addPostFrameCallback((_) {
              context.go('/receipt');
            });
          }
          return controller.model.isLoading
              ? const Center(child: CircularProgressIndicator(strokeWidth: 5))
              : WebViewWidget(controller: _webViewController);
        },
      ),
    );
  }
}