{{--
    Story Editor Layout — full-viewport, no site chrome.
    Loads the same Nova assets (CSS + nova.js) but strips the topbar,
    toolbar, and footer so the React editor owns the entire viewport.
--}}
@php
    $skinbaseSessionSkipped = request()->attributes->get('skinbase.session_skipped') === true;
    $skinbaseCanUseSession  = request()->hasSession() && ! $skinbaseSessionSkipped;
    $page_title = $page_title ?? 'Story Editor';
    $page_meta_description = $page_meta_description ?? 'Create and edit stories on Skinbase.';
    $page_canonical = $page_canonical ?? url()->current();
    $page_robots = $page_robots ?? 'noindex,nofollow';
@endphp
<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    @if($skinbaseCanUseSession)
    <meta name="csrf-token" content="{{ csrf_token() }}">
    @endif

    @include('partials.seo.head', ['seo' => $seo ?? null])

    <link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
    <link rel="shortcut icon" href="/favicon/favicon.ico" />

    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" crossorigin>

    @vite([
        'resources/css/app.css',
        'resources/css/nova-grid.css',
        'resources/scss/nova.scss',
        'resources/js/nova.js',
    ])

    <style>
        html, body { margin: 0; padding: 0; }
        #story-editor-wrap { min-height: 100vh; }
    </style>

    @stack('head')
</head>

<body class="bg-nova-900 text-white" style="background-color: rgb(14,18,27);">

<div id="story-editor-wrap">
    @yield('content')
</div>

@stack('scripts')
</body>
</html>
