@extends($activeTemplate.'layouts.frontend')
@section('content')
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-8 col-lg-7 col-xl-5">
            <div class="d-flex justify-content-center">
                <div class="verification-code-wrapper">
                    <div class="verification-area">
                        <form action="{{ route('user.password.verify.code') }}" method="POST" class="submit-form">
                            @csrf
                            <p class="verification-text">@lang('A 6 digit verification code sent to your email address') :  {{ showEmailAddress($email) }}</p>
                            <input type="hidden" name="email" value="{{ $email }}">
                            @include($activeTemplate.'partials.verification_code')
                            <div class="form-group">
                                <button type="submit" class="cmn--btn btn--lg w-100">@lang('Submit')</button>
                            </div>
                            <div class="form-group">
                                @lang('Please check including your Junk/Spam Folder. if not found, you can')
                                <a href="{{ route('user.password.request') }}">@lang('Try to send again')</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('style')
<style>
    .dark-mode .verification-code-wrapper {
    background-color: #0f1932;
    border: 1px solid ##0f1933;
}

.dark-mode .verification-code::after {
    background-color: #0f1932;
}

</style>
    
@endpush
