@include('front.layouts.old_header')
<!--Main Layout-->
<style>
    html, body {
        height: 100%;
        margin: 0;
    }

    body, button {
        -webkit-font-smoothing: antialiased;
    }

    @media (min-width: 30em) {
        #onfido-mount {
            position: relative;
            top: 10%;
        }
    }
    nav.navbar{
        z-index: 0;
    }
</style>
<link rel='stylesheet' href='{{ asset('assets/front/css/onfido_style.css') }}'>
<script type="text/javascript" src="{{ asset('assets/front/js/onfido.min.js') }}"></script>
<main>
    <div class="container">
        <section class="screen_5  text-center">
            <div style="padding: 90px;">Please prepared with these document for Video KYC <br/>Aadhaar Card, PAN Card, Driving License</div>
            <button class="btn btn-primary" style="z-index: 0;" onClick="triggerOnfido()">Verify identity</button>
            <div style="z-index: 0;padding-top: 13px;display: none;cursor: pointer;" class="skip_video_kyc">Skip Video KYC</div>
        </section>
    </div>
</main>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<div id='onfido-mount'></div>

<script>

    $(".skip_video_kyc").click(function(){
        $(".init-loader").css({display:'block'});
        $.ajax({
            type: 'POST',
            url: "/api/save-onfido-tries",
            data: {application_id: '<?php echo isset($application_id) ? $application_id : ''; ?>'},
            dataType: "JSON",
            success: function (response) {
                if(response.status == 'OK') {
                    localStorage.removeItem('tries');
                    window.location.reload();
                }else{
                    alert('Please try after sometime');
                    $(".init-loader").css({display:'none'});
                }
            }
        });
    });

    var onfido = {};

    function triggerOnfido() {

        //tries code
        if(localStorage.getItem('tries')) {
            if(localStorage.getItem('tries') >= 2){
                $(".skip_video_kyc").css({'display':'block'});
            }
            localStorage.setItem('tries', parseInt(localStorage.getItem('tries')) + 1);
        }else{
            localStorage.setItem('tries', 1);
        }
        //end



        onfido = Onfido.init({
            useModal: true,
            isModalOpen: true,
            onModalRequestClose: function() {
                onfido.setOptions({isModalOpen: false})
            },
            token: '<?php echo isset($token) ? $token : ''; ?>',
            onComplete: function(data) {
                sendOnfidoData(data);
            }
        });
    };

    function sendOnfidoData(data){
        $(".init-loader").css({display:'block'});
        $.ajax({
            type: 'POST',
            url: "/api/save-onfido-response",
            data: {data:data, application_id: '<?php echo isset($application_id) ? $application_id : ''; ?>',applicant_token_id: '<?php echo isset($applicant_token_id) ? $applicant_token_id : ''; ?>'},
            dataType: "JSON",
            success: function (response) {
                $("button.onfido-sdk-ui-Modal-closeButton").trigger('click');
                window.location.reload();
            }
        });
    }
</script>
@include('front.layouts.footerfixed')