@extends('layouts.auth')

@section('content')

<form method="POST" action="{{ route('verification.2fa') }}">
@csrf 
    <div class="login-userset">
        <div class="login-logo logo-normal">
           <img src="{{ Storage::disk('s3')->url('images/logo.png') }}" alt="img">
       </div>
       <a href="{{ url('/') }}" class="login-logo logo-white">
           <img src="{{ Storage::disk('s3')->url('images/logo.png') }}" alt="">
       </a>
       <input type="hidden" name="email" id="email" value="{{ $id }}">
       <div class="login-userheading">
           <h3>{{ __('messages.Verify your account') }}</h3>
           <h4>{{ __('messages.Please find your verification code in your email') }}</h4>
       </div>
        @include('layouts.errors')
        <div class="form-login">
          <label for="two_factor_code">{{ __('messages.Enter your 2FA code') }}:</label>
          <input type="text" class="form-control" name="two_factor_code" required>
        </div>

       <div class="form-login">
           <button type="submit" class="btn btn-login">{{ __('messages.Verify') }}</button>
       </div>
    </form>
    <!-- Resend Code Button -->
    <button type="button" id="resend-code" class="btn btn-link" onclick="resendCode()" style="padding: 0;">{{ __('messages.Resend Code') }}</button>

    <script>
        function resendCode() {
            const email = document.getElementById('email').value;

            fetch("{{ route('resend.2fa.code') }}", {
                method: "POST",
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    email: email // Send the email in the request body
                })
            })
            .then(response => response.json())
            .then(data => {
                alert(data.message); // Notify the user
            })
            .catch(error => console.error('Error:', error));
        }
    </script>
   </div>
@endsection