@extends('layouts.web') 

@section('content')
@include('front.commons.inner-banner')
<div class="container">
    <div class="pt-5 pb-5">
        <div class="row">
             <div class="col-sm-6 text-center">
                <img src="{{asset('img/verify.svg')}}" width="300px" />
            </div>
            <div class="col-sm-6">
                <form id="verificationForm" method="post" action="{{route('verify')}}">
                    @csrf
                    <div class="form-group">
                      <label for="codeInput">Enter your code:</label>
                      <input type="text" name="code" class="form-control" id="codeInput" maxlength="20" required>
                      <small id="codeHelp" class="form-text text-muted">The code should be between 17 to 20 characters long.</small>
                    </div>
                    <button type="submit" class="btn btn-primary">Verify</button>
                 </form>
                 <br />
                 @include('front.commons.messages')
            </div>

        </div>
         
      <div id="message" class="mt-3"></div>
    </div>
</div>
@endsection