{{--
    Guest layout - marketing / public pages.
    Full-width canvas, no admin chrome, but includes theme + preferences UI
    so an unauthenticated visitor can still switch between light and dark.
--}}
@extends('layouts.base')

@section('body')
    <header class="border-bottom dc-bg-surface">
        <div class="container-xl py-3 d-flex align-items-center gap-3">
            <a href="{{ route('landing') }}" class="d-inline-flex align-items-center gap-2 text-decoration-none">
                <span class="dc-sidebar__brand-mark">D</span>
                <span class="dc-sidebar__brand-name text-dc-primary" style="color: var(--dc-text-primary);">
                    {{ $__product['name'] }}
                </span>
            </a>
            <span class="dc-badge">v{{ $__product['version'] }}</span>
            <div class="ms-auto d-flex align-items-center gap-2">
                <x-nav.theme-toggle />
                <a href="{{ route('styleguide') }}" class="dc-btn dc-btn--ghost dc-btn--sm">
                    {{ __('Style guide') }}
                </a>
                <a href="{{ route('shell.preview') }}" class="dc-btn dc-btn--primary dc-btn--sm">
                    {{ __('Preview shell') }}
                </a>
            </div>
        </div>
    </header>

    <main id="dc-main" class="container-xl py-5">
        @yield('content')
    </main>

    <footer class="dc-border-top mt-5">
        <div class="container-xl py-4 d-flex flex-wrap gap-2 justify-content-between dc-text-muted small">
            <span>&copy; {{ $__year }} {{ $__product['vendor'] }}. {{ __('All rights reserved.') }}</span>
            <span>{{ $__product['name'] }} &middot; {{ $__product['edition'] }} edition &middot; v{{ $__product['version'] }}</span>
        </div>
    </footer>
@endsection