<!doctype html>
<html lang="en" data-bs-theme="light">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>{{ config('app.name') }} — {{ $pageTitle ?? 'Landing page editor' }}</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <link href="{{ asset('assets/mb/css/style.css') }}?v={{ filemtime(public_path('assets/mb/css/style.css')) }}" rel="stylesheet">
    <link href="{{ asset('assets/vendor/grapesjs/grapes.min.css') }}?v={{ filemtime(public_path('assets/vendor/grapesjs/grapes.min.css')) }}" rel="stylesheet">
    <link href="{{ asset('assets/mb/css/prompt-landing-page-editor.css') }}?v={{ filemtime(public_path('assets/mb/css/prompt-landing-page-editor.css')) }}" rel="stylesheet">
    <script>
        (function () {
            var t = localStorage.getItem('mb-theme') || (matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
            document.documentElement.setAttribute('data-bs-theme', t);
        })();
    </script>
</head>
<body class="lp-editor-body">
    {{ $slot ?? '' }}
    @yield('content')
    <script src="{{ asset('assets/vendor/grapesjs/grapes.min.js') }}?v={{ filemtime(public_path('assets/vendor/grapesjs/grapes.min.js')) }}"></script>
    @stack('scripts')
</body>
</html>
