<!DOCTYPE html>
<html lang="en" class="h-full app-shell">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>RSVP recorded</title>
    @include('partials.favicon')
    @vite(['resources/css/app.css'])
</head>
<body class="flex min-h-screen items-center justify-center bg-slate-100 p-4 font-sans">
    <div class="max-w-md rounded-2xl border border-slate-200 bg-white p-8 text-center shadow-sm">
        <h1 class="text-xl font-semibold text-slate-900">Thank you</h1>
        <p class="mt-2 text-sm text-slate-600">Your response (<strong>{{ $invitation->status }}</strong>) was recorded for {{ $room->title }}.</p>
        @if ($invitation->status === 'accepted')
            <a href="{{ $room->joinUrl() }}" class="btn-primary mt-6 inline-block">Join link</a>
        @endif
    </div>
</body>
</html>
