@php
$preset = is_array($page->theme) ? ($page->theme['preset'] ?? 'dark') : 'dark';
$themes = [
    'dark'   => ['bg' => '#0a0a0f', 'card' => '#111117', 'border' => 'rgba(255,255,255,0.08)', 'text' => '#f0f0f5', 'sub' => '#b8b8d0', 'accent' => '#7c3aed'],
    'light'  => ['bg' => '#ffffff', 'card' => '#f9fafb',  'border' => '#e5e7eb',                'text' => '#111827', 'sub' => '#6b7280', 'accent' => '#7c3aed'],
    'purple' => ['bg' => '#13001a', 'card' => '#1e0028',  'border' => 'rgba(139,92,246,0.25)', 'text' => '#f0e8ff', 'sub' => '#c4b5fd', 'accent' => '#a855f7'],
    'blue'   => ['bg' => '#000d1a', 'card' => '#001c33',  'border' => 'rgba(59,130,246,0.25)',  'text' => '#e8f4ff', 'sub' => '#93c5fd', 'accent' => '#3b82f6'],
];
$t = $themes[$preset] ?? $themes['dark'];
@endphp
<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ $page->getTranslation('title', app()->getLocale()) }}</title>
    @vite(['resources/css/app.css'])
    <style>
        body {
            background: {{ $t['bg'] }};
            color: {{ $t['text'] }};
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 3rem 1rem;
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            -webkit-font-smoothing: antialiased;
        }
        .bio-card {
            background: {{ $t['card'] }};
            border: 1px solid {{ $t['border'] }};
            border-radius: 0.75rem;
            padding: 1rem;
        }
        .bio-sub { color: {{ $t['sub'] }}; }
        .bio-accent { color: {{ $t['accent'] }}; }
    </style>
</head>
<body>
    <div class="w-full max-w-md">
        <h1 class="text-2xl font-bold text-center mb-2">
            {{ $page->getTranslation('title', app()->getLocale()) }}
        </h1>
        @if($page->getTranslation('description', app()->getLocale()))
        <p class="bio-sub text-center mb-8">
            {{ $page->getTranslation('description', app()->getLocale()) }}
        </p>
        @endif
        <div class="space-y-3">
            @foreach($page->blocks as $block)
            <div class="bio-card">
                <div class="text-sm bio-sub">{{ $block->config['content'] ?? '' }}</div>
            </div>
            @endforeach
        </div>
    </div>
</body>
</html>
