@extends('layouts.landing')
@section('title', '2FA Security Cryptocoinhub')
@section('content')
        <!-- content begin -->
        <div class="no-bottom no-top" id="content">
            <div id="top"></div>
            
            <!-- section begin -->
            <section id="subheader" class="text-light" data-bgimage="url({{ asset('landing/images/background/12.jpg') }}) bottom">
                    <div class="center-y relative text-center">
                        <div class="container">
                            <div class="row">
                                
                                <div class="col-md-12 text-center">
									<h1>Two Factor Authentication</h1>
									
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
            </section>
            <!-- section close -->
            

            <section aria-label="section">
                <div class="container">
					<div class="row">
						<div class="col-md-6 offset-md-3">
							<form class="form-border" action="{{ route('check-otp') }}" method="POST">
                                @csrf
                                    <h3>2FA Security</h3>
                                        @if(count($errors) > 0)
                                               <div class="alert alert-warning">
                                                  <span>
                                                    @foreach($errors->all() as $error)
                                                         <li><strong>{{ $error }}</strong></li>
                                                    @endforeach
                                                  </span>
                                              </div>
                                           @endif
                                           @if (session('status'))
                                                <div class="alert alert-success" role="alert">
                                                    {{ session('status') }}
                                                </div>
                                            @endif
                                            <div class="field-set">
                                                <label>Verification Code</label>
                                                <input type="number" name="vcode" required class="form-control" placeholder="Enter Verification Code">
                                            </div>

                                    <div id='submit' class="pull-left mt-4">
                                        <input type='submit' value='Verify' class="btn btn-custom color-2">


                                        <div class="clearfix"></div>

                                        <div class="spacer-single"></div>

                                        <div class="checkbox form-group clearfix">
                                            <p> <a href="{{ url('/users/auth/resend/2fa') }}">I didn't get the code? <strong>Resend Code</strong></a></p>
                                        </div>
                                        
                                        
                                    </div>
									
                                </form>
						</div>
                    </div>
				</div>
            </section>
			
			
        </div>
        <!-- content close -->

        <a href="#" id="back-to-top"></a>
 @endsection