@extends('layouts.guest')

@section('content')

<x-messages/>

    <form id="2faForm">
        @csrf

        <input id="token" type="hidden" name="token" class="form-control " value="{{ $token }}" />
        <input id="re-send-email" type="hidden" name="email" class="form-control " value="{{ $email }}" />
        
        <div>
            <x-input-label for="code" :value="__('Code')" />
            <x-text-input id="code" type="number" name="verification_code" placeholder="Enter you code" />
            <x-input-error :messages="$errors->get('verification_code')" />
        </div>

        <div class="flex items-center justify-end mt-3">
            <x-primary-button class="btn btn-primary btn-block submit" id="submit-btn">
                {{ __('Submit') }}
            </x-primary-button>
        </div>

        <div class="flex items-center justify-end mt-3">
            <x-primary-button class="btn btn-primary btn-block" id="code-resent-btn">
                {{ __('Resend') }}
            </x-primary-button>
        </div>
        <div class="new-account mt-3">
            <p>
                Already a member? Click here to <a class="text-primary" href="{{ route('login') }}"> sign in</a>. 
                New to our platform? Join us now by clicking here to <a class="text-primary" href="{{ route('register') }}">register</a>
            </p>
        </div>
        <div class="new-account mt-3">
            
        </div>
    </form>

@endsection
@push('scripts')
<script>
    let dashboardRoute   = @json(route('dashboard'));
    let reSendCodeRoute  = @json(route('password.email'));
    let twoFaVerityRoute = @json(route('2fa.store'));
</script>
<script src="{{ asset('assets/js/2fa.js') }}"></script>
@endpush