<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Portal locked · Epelcon Hospitality</title>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap" rel="stylesheet">
    <script src="https://cdn.tailwindcss.com"></script>
    <script>tailwind.config = { theme: { extend: { fontFamily: { sans: ['"Plus Jakarta Sans"', 'sans-serif'] } } } };</script>
</head>
<body class="flex min-h-screen items-center justify-center bg-slate-950 p-6 font-sans text-white">
<div class="w-full max-w-md rounded-3xl bg-white/5 p-8 text-center ring-1 ring-white/10">
    <p class="text-5xl">🔒</p>
    <h1 class="mt-4 text-xl font-extrabold">{{ $hotel->name }} is temporarily locked</h1>
    <p class="mt-2 text-sm text-slate-400">The Epelcon subscription for this property has expired. All your data is safe — please ask your hotel administrator to renew the subscription, and everything unlocks instantly.</p>
    <form method="POST" action="{{ route('logout') }}" class="mt-6">@csrf
        <button class="rounded-xl bg-white/10 px-6 py-3 text-sm font-bold hover:bg-white/20">Sign out</button>
    </form>
</div>
</body>
</html>
