@php
    $signedOut = (array) config('signed_out');
    $logo = (string) ($signedOut['logo'] ?? 'images/logo/ladillcare-logo.svg');
    $title = (string) ($signedOut['title'] ?? config('app.name'));
    $logoPath = public_path($logo);
@endphp
<!DOCTYPE html>
<html lang="en" class="app-shell">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Sign-in problem · {{ $title }}</title>
    @include('partials.favicon')
    @vite(['resources/css/app.css'])
</head>
<body class="flex min-h-screen items-center justify-center bg-slate-50 font-sans text-slate-900 antialiased">
    <div class="mx-auto max-w-md px-6 text-center">
        <img src="{{ asset($logo) }}?v={{ @filemtime($logoPath) ?: '1' }}" alt="{{ $title }}" class="public-brand-logo mx-auto h-8 w-auto">
        <h1 class="mt-6 text-xl font-semibold">We couldn't sign you in</h1>
        <p class="mt-2 text-sm text-slate-500">
            Sign-in didn't complete after a few tries. This is usually a temporary
            issue with the Ladill account service. Please wait a moment and try again.
        </p>
        @if ($reason !== '')
            <p class="mt-3 text-xs text-slate-400">Reference: {{ $reason }}</p>
        @endif
        <a href="{{ route('sso.connect', ['interactive' => 1]) }}" class="mt-6 inline-flex rounded-xl bg-indigo-600 px-5 py-2.5 text-sm font-semibold text-white hover:bg-indigo-700">Try again</a>
    </div>
</body>
</html>
