@extends('auth.admin.admin-auth')
@section('auth-content')
<div class="d-flex flex-wrap h-100 login-container">
    <div class="flex-fill h-100">
        <h1 style="font-family:'Poppins'; font-weight: 100 !important">Two Factor Authentication</h1>
        <ul>
            <li class="my-2"><small>Never share your email and password to anyone.</small></li>
            <li class="my-2"><small>Protect yourself from malicious user by changing password regularly.</small></li>
            <li class="my-2"><small>Beware of social engineering.</small></li>
        </ul>
        <img src="{{asset('/assets/images/authentication1.svg')}}" alt="image1" class="img-fluid">
    </div>
    <div class="flex-fill h-100">
        <h3 class="text-center" style="padding: 30px 0px;font-family: 'Poppins';font-weight: 100 !important;">Enter Your Authentication Code</h3>

        @if (Auth::guard('admin')->check())
            <form action="{{route('admin._2FA_authenticate.store')}}" method="post">
        @elseif(Auth::guard('engineer')->check())
            <form action="{{route('engineer._2FA_authenticate.store')}}" method="post">
        @elseif(Auth::guard()->check())
            <form action="{{route('user._2FA_authenticate.store')}}" method="post">
        @endif

            @csrf

            <div class="input-group gap-2 my-4">
                <div class="icon-container border-0 input-group-text">
                    <i class="fa-solid fa-code"></i>
                </div>
                <input type="text" name="twofacode" id="twofacode" class="form-control border-top-0 border-end-0 border-start-0 bg-white n-bg @error('twofacode') is-invalid @enderror" placeholder="Enter ">
            </div>

            <div class="form-group d-flex justify-content-center align-items-center flex-column my-2">
                <button type="submit" class="btn btn-outline-success d-block" style="padding: 10px; border-radius: 3rem !important;width: 50%;">
                    {{ __('Verify Account') }}
                </button>
            </div>
            @if (Auth::guard('admin')->check())
                <a href="{{ route('admin._2FA_authenticate.resent') }}" type="button" style="color: #00c988; font-size:12px;" class="btn btn-link d-block mb-2">Didn't received any code? Resend code.</a>
            @elseif(Auth::guard('engineer')->check())
                <a href="{{ route('engineer._2FA_authenticate.resent') }}" type="button" style="color: #00c988; font-size:12px;" class="btn btn-link d-block mb-2">Didn't received any code? Resend code.</a>
            @elseif(Auth::guard()->check())
                <a href="{{ route('user._2FA_authenticate.resent') }}" type="button" style="color: #00c988; font-size:12px;" class="btn btn-link d-block mb-2">Didn't received any code? Resend code.</a>
            @endif
        </form>
    </div>
</div>
@endsection