@extends('auth.layout')

@section('content')
    <div class="user-ath-page">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-8 text-center">
                    <div class="user-ath-logo">
                        <a href="{{ route('home') }}">
                            @include('shared.logo')
                        </a>
                    </div>
                    <div class="user-ath-box">

                        @if (session()->has('success'))
                             <div class="note note-lg note-no-icon note-success">
                                <p>{{ session('success') }}</p>
                            </div>
                        @endif
                        <br>

                        <h4>Verify Your Email</h4>
                        <form id="veriForm" class="user-ath-form" action="{{route('email.verify')}}" method="POST">
                            @csrf
                            <div class="input-item">
                                <input type="text" name="codeIn" id="el05580476936323896" placeholder="V-Code"
                                    class="input-bordered">
                                @error('codeIn')
                                    <span class="fs-6 text-danger d-block mt-2"> {{ $message }} </span>
                                @enderror
                            </div>
                            <div class="gaps"></div>


                            <div class="d-flex justify-content-between align-items-center">
                                <button class="btn btn-primary">Verify</button>
                            </div>
                        </form>
                    </div>


                    <div class="gaps-2x"></div>
                    <div class="form-note">
                        <form action="{{ route('resend-v-code') }}" method="post">
                            @csrf
                            Didn't get code? <button class="simple-link btn-link btn btn-sm"><em
                                    class="ti ti-arrow-right"></em> resend code
                            </button>                            
                        </form>                        
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection