@extends('layout.appHomeNew')

@section('content')
<div id="loading-overlay" style="
  background-color: transparent;
  height: 100vh; 
  width: 100vw;
  display: block;
  position: absolute;
  z-index: 2"></div>
<div id="trulioo-embedid" style="z-index: 1"></div>
@endsection


@section('scripts-new')
<script>
    // Handle the response of EmbedID after form submits
    function handleResponse(e) {
        console.log('handleResponse:', e);
    }

    function onInitialRenderComplete(e) {
        document.getElementById('loading-overlay').style.visibility = "hidden";
        if (e.status !== 200 || e.statusText !== "Success") {
            console.log('@onInitialRenderComplete', e);
        }
    }

    const publicKey = "{{$publicKey}}";
    const accessTokenUrl = "{{$url}}";

    new TruliooClient({
        publicKey,
        accessTokenUrl,
        handleResponse,
        onInitialRenderComplete
    });
</script>
@endsection