@extends('layouts.nova')

@push('head')
    @if(request()->hasSession() && ! request()->attributes->get('skinbase.session_skipped'))
    <meta name="csrf-token" content="{{ csrf_token() }}" />
    @endif

    <script>
        window.SKINBASE_FLAGS = Object.assign({}, window.SKINBASE_FLAGS || {}, {
            uploads_v2: @json((bool) config('features.uploads_v2', false)),
            uploads: Object.assign({}, (window.SKINBASE_FLAGS && window.SKINBASE_FLAGS.uploads) || {}, {
                v2: @json((bool) config('features.uploads_v2', false)),
            }),
        });
    </script>

    @vite(['resources/js/entry-topbar.jsx','resources/js/upload.jsx'])
    <style>
        /* Upload page spacing: extra top padding and bottom space so sticky action bar won't overlap content */
        body.page-upload main {
            padding-top: 6rem; /* slightly larger top padding on upload */
            padding-bottom: 6.5rem; /* room for sticky action bar */
        }

        /* Ensure the footer is visually separated on short pages */
        body.page-upload footer {
            margin-top: 1rem;
        }
    </style>

    <script>
        // Mark document to apply upload-specific spacing
        document.addEventListener('DOMContentLoaded', function () {
            document.body.classList.add('page-upload')
        })
    </script>
@endpush

@section('content')
    @inertia
@endsection