@extends('layouts.app')
@section('title','Verify Email')
@section('content')
<div class="mx-auto flex min-h-screen max-w-md items-center px-5 py-10"><div class="vtu-card w-full text-center"><div class="text-4xl">✉️</div><h1 class="mt-4 text-2xl font-black">Verify your email</h1><p class="mt-2 text-sm text-slate-500">We use your verified email for security alerts and password recovery.</p><button id="resend" class="vtu-btn-primary mt-5 w-full">Resend verification email</button><a href="/app/dashboard" class="vtu-btn-secondary mt-3 w-full">Back to dashboard</a><div id="message" class="mt-3 text-sm text-slate-600"></div></div></div>
<script>document.getElementById('resend').addEventListener('click',async()=>{const r=await axios.post('/api/auth/email/verification-notification');document.getElementById('message').textContent=r.data.message;});</script>
@endsection