@php
    $signedOut = (array) config('signed_out');
    $logo = (string) ($signedOut['logo'] ?? 'images/logo/ladillcare-logo.svg');
    $logoPath = public_path($logo);
@endphp
<!DOCTYPE html>
<html lang="en" class="h-full">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <title>Signed out — {{ $signedOut['title'] ?? config('app.name') }}</title>
    @include('partials.favicon')
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap" rel="stylesheet" />
    @vite(['resources/css/app.css'])
    <meta name="robots" content="noindex">
</head>
<body class="flex min-h-screen items-center justify-center bg-slate-100 px-4 py-10 font-sans antialiased">
    <div class="w-full max-w-md overflow-hidden rounded-3xl bg-white shadow-xl shadow-slate-200/70">
        <div class="h-1.5" style="background: linear-gradient(90deg, {{ $signedOut['gradient_from'] ?? '#4f46e5' }} 0%, {{ $signedOut['gradient_to'] ?? '#7c3aed' }} 100%);"></div>

        <div class="px-6 pb-8 pt-7 text-center sm:px-8">
            <img src="{{ asset($logo) }}?v={{ @filemtime($logoPath) ?: '1' }}"
                 alt="{{ $signedOut['title'] ?? config('app.name') }}"
                 class="mx-auto h-7 w-auto">

            <div @class([
                'mx-auto mt-6 flex h-14 w-14 items-center justify-center rounded-2xl',
                $signedOut['icon_wrapper_class'] ?? 'bg-indigo-50 text-indigo-700',
            ])>
                <svg class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9" />
                </svg>
            </div>

            <h1 class="mt-5 text-xl font-semibold text-slate-900">You’re signed out</h1>
            <p class="mt-2 text-sm leading-relaxed text-slate-500">
                {{ $signedOut['description'] ?? ('Your '.($signedOut['title'] ?? config('app.name')).' session has ended. Sign in again to continue.') }}
            </p>

            <a href="{{ route('sso.connect') }}" class="btn-primary btn-primary-lg mt-7 w-full">
                Sign in again
            </a>

            <a href="{{ 'https://'.config('app.platform_domain') }}"
               class="mt-4 inline-block text-sm font-medium text-slate-500 transition hover:text-slate-800">
                Go to ladill.com
            </a>
        </div>
    </div>
</body>
</html>
