@extends('frontend::layouts.master')

@section('title')
    <title>{{ __('user::messages.Verify Your Email Address') }}</title>
@endsection

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-6 col-md-9 col-sm-12 ">
                <div class="login-form mt-5 mb-5">
                    <div class="text-center">
                        <h2>
                            {{ __('user::messages.Verify Your Email Address') }}
                        </h2>
                        <p>
                            {{ __('user::messages.Back to register?') }}
                            <a href="{{ route('register') }}"> {{ __('user::messages.Register Now') }}</a>
                        </p>
                    </div>

                    <div class="mb-4">
                        {{ __('user::messages.Thanks for signing up! Before getting started, could you verify your email address by clicking on the link we just emailed to you? If you didn\'t receive the email, we will gladly send you another.') }}
                    </div>

                    @if (session('status') == 'verification-link-sent')
                        <div class="mb-4 font-medium text-sm text-green-600">
                            {{ __('user::messages.A new verification link has been sent to the email address you provided during registration.') }}
                        </div>
                    @endif

                    <div>
                        <form method="POST" action="{{ route('verification.send') }}">
                            @csrf

                            <!-- Display Errors -->
                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul class="mb-0 list-none">
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                            <button
                                class="btn btn-two w-100 d-block mb-3">{{ __('user::messages.Resend Verification Email') }}</button>
                        </form>

                        <form method="POST" action="{{ route('logout') }}">
                            @csrf
                            <button class="btn w-100 d-block mb-3">{{ __('user::messages.Log Out') }}</button>
                        </form>

                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection