@extends('layouts.app')

@section('content')
<div class="ht__bradcaump__area" style="background: rgba(0, 0, 0, 0) url({{ asset('assets/images/bg/2.jpg') }}) no-repeat scroll center center / cover ;">
    <div class="ht__bradcaump__wrap_small">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="bradcaump__inner text-center">
                        <h2 class="bradcaump-title">{{ __('member.login') }}</h2>
                        <!-- <p class="text-center m-0">{{ __('member.dont_have_account') }} <a href="{{ route('register') }}" class="link-primary text-decoration-none">{{ __('member.sign_up') }}</a></p> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="container mb-7">

    <div class="row d-flex justify-content-center align-items-center">
        <!-- Login 12 - Bootstrap Brain Component -->
        <div class="py-3 py-md-5 py-xl-8">
            <div class="row">
                <div class="col-12">
                    <div class="mb-5">
                        <h2 class="display-5 fw-bold text-center">{{ __('member.securitypage.two_factor_challenge_title') }}</h2>
                        <p class="text-center">{{ __('member.securitypage.two_factor_challenge_text') }}</p>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-md-8 align-self-center ms-auto me-auto">
                    @if ($errors->any())
                    <div class="alert alert-danger text-center">
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                </div>
                <div class="col-12 col-lg-10 col-xl-12">
                    <div class="row gy-5 justify-content-center">
                        <div class="col-12 col-lg-5">
                            <form class="login1" method="POST" action="{{ route('two-factor.login') }}">
                                @csrf
                                <div class="row gy-3 overflow-hidden">
                                    <div class="col-12">
                                        <div class="form-floating mb-3">
                                            <input type="code" class="form-control @error('code') is-invalid @enderror" name="code" id="code" placeholder="" required>
                                            <label for="code" class="form-label">{{ __('member.securitypage.two_factor_challenge_code') }}</label>
                                        </div>
                                    </div>

                                    <div class="col-12">
                                        <div class="contact-btn text-center mt-3 d-grid">
                                            <button class="fv-btn btn btn-lg" type="submit">{{ __('member.securitypage.two_factor_challenge_login') }}</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

@endsection