@extends('layouts.auth.base')

@section('content')

<div class="container-fluid bg">
    <div class="row min-vh-100">
        <div class="col-md-8 col-lg-8 col-xl-9 mobile-hidden my-auto ps-5 ps-md-5 ps-sm-3">
            <div><img class="img-fluid" src="{{ asset('assets/img/logoW.png') }}" width="17%">
                <h1 class="text-white mt-5">Investment <span class="underline"><span style="color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) ;">Excellence</span></span></h1>
            </div>
        </div>
        <div class="col-md-4 col-lg-4 col-xl-3 d-xxl-flex px-sm-5 my-sm-auto my-auto px-4 px-md-4 px-lg-3">
            <div class="desktop-hidden mb-4 text-center"><img class="img-fluid" src="{{ asset('assets/img/logoW.png') }}" width="20%"></div>
            <div class="w-100 auth-card px-4 py-5">
                <form method="POST" action="{{ route('2fa') }}">
                    {{ csrf_field() }}
                    <div class="mb-3"><label class="form-label" for="email">One Time Password</label><input class="form-control py-2 px-3" name="one_time_password" type="number" id="2fa" autofocus="" autocomplete="on" inputmode="2fa" required=""></div>
                    <div class="mb-3"><small>Please enter the  <strong>OTP</strong> generated on your Authenticator App. <br> Ensure you submit the current one because it refreshes every 30 seconds.<br></small></div>
                    <div class="mb-3"><button class="btn btn-primary py-2 px-3" type="submit">Verify</button></div>
                </form>
            </div>
        </div>
    </div>
</div>
    
@endsection


{{-- @section('content')
<div class="container">
    <div class="row justify-content-center align-items-center " style="height: 70vh;S">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading font-weight-bold">Register</div>
                <hr>
                @if($errors->any())
                    <div class="col-md-12">
                        <div class="alert alert-danger">
                            <strong>{{$errors->first()}}</strong>
                        </div>
                    </div>
                @endif

                <div class="panel-body">
                    <form class="form-horizontal" method="POST" action="">
                        {{ csrf_field() }}

                        <div class="form-group">
                            <p>Please enter the  <strong>OTP</strong> generated on your Authenticator App. <br> Ensure you submit the current one because it refreshes every 30 seconds.</p>
                            <label for="one_time_password" class="col-md-4 control-label">One Time Password</label>


                            <div class="col-md-6">
                                <input id="one_time_password" type="number" class="form-control" name="one_time_password" required autofocus>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-4 mt-3">
                                <button type="submit" class="btn btn-primary">
                                    Login
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection --}}