@extends('layouts.app')
@section('content')
<main class="signup-form py-32">
    <div class="cotainer">
        <div class="row justify-content-center">
            <div class="col-11 col-sm-9 col-md-4 col-lg-6 col-xl-5 text-center p-0 mt-3 mb-2">
            <div class="card px-0 pt-4 pb-0 mt-3 mb-3">
                <h2 id="heading">OTP Verification</h2>
                    <div class="card-body">
                        <form action="{{ route('register.custom_otp_verification') }}" method="POST">
                            @csrf
                            <div class="form-group mb-3">
                                <input type="text" placeholder="OTP" id="otp_verification" class="form-control" name="otp_verification"
                                    required autofocus>
                                @if ($errors->has('otp_verification'))
                                <span class="text-danger">{{ $errors->first('otp_verification') }}</span>
                                @endif
                            </div>
                            
                             <input type="hidden" placeholder="OTP" id="otp_verification_email" class="form-control" name="otp_verification_email"
                                    required autofocus value="{{ $email}}">
                            <div class="d-grid mx-auto">
                                <button type="submit" class="btn btn-dark btn-block action-button" style="width:100% !important;">Submit</button>
                            </div>
                            
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection