@include('layouts.header')
<main style="padding:120px">   
<div class="mb-4 pb-4"></div>
    <section class="login-register container mb-5">
    <h2 class="d-none">OTP</h2>
    <ul class="nav nav-tabs mb-5" id="login_register" role="tablist">
    <li class="nav-item" role="presentation">
    <a class="nav-link nav-link_underscore" id="login-tab" data-bs-toggle="tab" href="#tab-item-login" role="tab" aria-controls="tab-item-login" aria-selected="true">Verify OTP</a>
    </li>
    </ul>
    <div class="tab-content pt-2" id="login_register_tab_content">
            @if(session('success'))
                    <div class="alert alert-success" style="padding-top: 10px; padding-bottom: 10px;">
                        {{ session('success') }}
                    </div> 
                  @elseif(session('error'))
                    <div class="alert alert-danger" style="padding-top: 10px; padding-bottom: 10px;">
                        {{ session('error') }}
                    </div>
            @endif
        <div class="login-form">
            <form action="{{ route('verify.otp') }}" method="POST">
             @csrf
            
            <div class="form-floating mb-3">
            <input name="email" type="email" class="form-control form-control_gray" value="{{ session('email') ?? old('email') }}" readonly>
            <label for="customerPasswodInput">Enter Email*</label>
            </div>
            <div class="form-floating mb-3">
            <input name="otp" type="number" class="form-control form-control_gray" id="customerPasswodInput" placeholder="Enter Otp">
            <label for="customerPasswodInput">Enter OTP*</label>
            @if($errors->has('otp'))
            <p class="text-danger">{{ $errors->first('otp') }}</p>
            @endif
            </div>
            <div class="d-flex align-items-center mb-3 pb-2">
            <div class=" mb-0">
            <p class="form-check-label text-secondary" for="flexCheckDefault1">Didn't get the OTP? </p>
            </div>
            </div>
            <button class="btn btn-primary w-100 text-uppercase" type="submit">Continue</button>

            </form>
        </div>

    </div>
    </section>
</main>
 
@include('layouts.footer')