<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Signing out…</title>
    @include('partials.favicon')
    <meta name="robots" content="noindex">
    <style>
        body { font-family: system-ui, sans-serif; display: flex; min-height: 100vh; align-items: center; justify-content: center; margin: 0; background: #f8fafc; color: #334155; }
    </style>
</head>
<body>
    <p>Signing you out of Ladill…</p>
    <iframe src="{{ $hubUrl }}" hidden width="0" height="0" title=""></iframe>
    <script>
        window.addEventListener('message', function (event) {
            if (event.origin !== @json($authOrigin)) return;
            if (event.data && event.data.type === 'ladill:logout:done' && event.data.return) {
                window.location.replace(event.data.return);
            }
        });
        setTimeout(function () { window.location.replace(@json($return)); }, 5000);
    </script>
</body>
</html>
