@extends('layouts.app')

@push('head')
@verbatim
<style>
    /* Auth pages: center a single narrow card in a flex column, replacing the
       old Bootstrap col-md-8 grid. Token-based; no raw hex. */
    .auth-shell {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: calc(100vh - 210px);
        padding: 32px 16px 48px;
    }
    .auth-shell .auth-card { width: 100%; max-width: 460px; margin: 0; }
    .auth-shell .auth-title {
        font-size: 20px;
        font-weight: 600;
        color: var(--mo-primary);
        display: block;
        margin: 0 0 18px;
    }
    .auth-shell .auth-body { color: var(--mo-ink); font-size: 15px; line-height: 1.5; }
    .auth-shell .auth-inline-form { display: inline; }
    .auth-shell .auth-link-btn {
        background: none;
        border: 0;
        padding: 0;
        font: inherit;
        color: var(--mo-interactive);
        cursor: pointer;
        text-decoration: underline;
    }
    .auth-card .alert-success {
        background: var(--mo-secondary);
        border: 1px solid var(--mo-line);
        border-left: 4px solid var(--mo-success);
        color: var(--mo-ink);
        border-radius: var(--mo-radius);
        padding: 10px 12px;
        font-size: 14px;
        margin-bottom: 12px;
    }
</style>
@endverbatim
@endpush

@section('content')
<div class="auth-shell">
    <div class="card auth-card">
        <div class="card-content">
            <span class="auth-title">{{ __('Verify Your Email Address') }}</span>

            @if (session('resent'))
                <div class="alert alert-success" role="status" aria-live="polite">
                    {{ __('A fresh verification link has been sent to your email address.') }}
                </div>
            @endif

            <div class="auth-body">
                {{ __('Before proceeding, please check your email for a verification link.') }}
                {{ __('If you did not receive the email') }},
                <form class="auth-inline-form" method="POST" action="{{ route('verification.resend') }}">
                    @csrf
                    <button type="submit" class="auth-link-btn">{{ __('click here to request another') }}</button>.
                </form>
            </div>
        </div>
    </div>
</div>
@endsection