@extends('frontend.layouts.app')

@section('content')

<div class="signup-content">
  <div class="container">
    <div class="row">
      <div class="col-lg-2"></div>
      <div class="col-lg-8">
        <div class="content-box">
          <div class="d-flex justify-content-center">
            <div class="brand_logo_container">
              <img src="{{asset('frontend/image/logo.png')}}" class="brand_logo" alt="Logo">
            </div>
          </div>
            @include('layouts.message')
            <h1 class="heading-page">Please verify email from code you have received.</h1>
            <h2 class="heading">Verify Email</h2>
            <div class="loginform__wrap box-inner">
                <form action="{{route('user.otp.verify.post',base64_encode($emailAddress))}}" class="loginform" method="POST">
                    @csrf()
                    <div class="formfield">
                        <label for="loginName">Verification Code</label>
                        <input type="text" name="verification_code" id="verification_code" class="form-control">
                    </div>
                    <div class="formfield formfield-submit">
                        <input type="submit" value="Verify" class="btn btn-secondary">
                    </div>
                </form>
               <p>
                    <a 
                    href="{{ route('sent.otp.verification.email',base64_encode($emailAddress)) }}">
                    Didn't receive a code?  Resend 
                    </a>
                </p>
            </div>
        </div>
      </div>
      <div class="col-lg-2"></div>
    </div>
  </div>
</div>

@endsection