@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.customer_access') }}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container mb-7 mt-5 d-flex justify-content-center1">
    <div class="card p-4 shadow-sm" style="width: 100%; ">
        <div class="card-body text-center">
            @if(auth()->check() && auth()->user()->hasVerifiedEmail())
                 window.location.href = "{{ route('member.dashboard') }}";
            @else
                <h2 class="card-title mb-4 text-success">{{ __('auth.verifyemail_title') }}</h2>
                <p class="card-text">{{ __('auth.verifyemail_text') }}</p>
                <p class="card-text">{{ __('auth.verifyemail_text2') }}</p>

                <div>
                    <p class="mt-8">
                        {{ __('auth.verifyeemail_dontreceived_text') }}
                    </p>
                    @if (session('status') == 'verification-link-sent')
                    <div class="alert alert-success mt-5" role="alert">
                        {{ __('auth.verifyemail_newlink_text') }}
                    </div>
                    @endif
                    <form method="POST" action="{{ route('verification.send') }}" class="mt-2">
                        @csrf
                        <div>
                            <button type="submit" class="btn btn-primary mt-4">
                                {{ __('auth.verifyemail_button') }}
                            </button>
                        </div>
                    </form>
                </div>
            @endif
        </div>
    </div>


</div>

@endsection