@extends('layouts.auth')

@section('content')
<div class="container container-center">
    <div class="row justify-content-center">
        <div class="col-xl-5 col-md-8">
            <div class="d-grid justify-items-center text-center mb-4">
                <img src="{{ asset('img/logo.png') }}" width="100" alt="Logo Brand">
                <h3 class="fw-bold mt-3">{{ __('Verify Your Email Address') }}</h3>
            </div>
            <div class="card">
                <div class="card-body">
                    @if (session('resent'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <div class="snackbar-success">
                                <div class="content">
                                    <div class="icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-check-lg" viewBox="0 0 16 16">
                                            <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
                                        </svg>
                                    </div>
                                    <div class="details">
                                        <span>Toast Success</span>
                                        <p>{{ __('A fresh verification link has been sent to your email address.') }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                    
                    <p class="card-text">{{ __('Before proceeding, please check your email for a verification link.') }} {{ __('If you did not receive the email') }},</p>
                
                    <form class="d-inline" method="POST" action="{{ route('verification.resend') }}">
                        @csrf
                        <button type="submit" class="button dark block">{{ __('Click here to request another') }}</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection