<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>" dir="<?php echo e($layoutDirection ?? 'ltr'); ?>">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">

    <title><?php echo e($title ?? 'Booklio Authentication'); ?></title>

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <?php if(file_exists(public_path('build/manifest.json'))): ?>
        <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css']); ?>
    <?php else: ?>
        <script src="https://cdn.tailwindcss.com"></script>
        <script>
            tailwind.config = {
                theme: {
                    extend: {
                        fontFamily: { sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'] },
                        colors: {
                            booklio: {
                                primary: '#2563EB',
                                secondary: '#0EA5E9',
                                success: '#10B981',
                                warning: '#F59E0B',
                                danger: '#EF4444',
                                dark: '#111827',
                                muted: '#6B7280',
                                background: '#F8FAFC',
                                border: '#E5E7EB',
                            }
                        },
                        boxShadow: {
                            card: '0 8px 24px rgba(15, 23, 42, 0.06)',
                            soft: '0 1px 2px rgba(15, 23, 42, 0.06)',
                            modal: '0 24px 64px rgba(15, 23, 42, 0.18)',
                        }
                    }
                }
            }
        </script>
    <?php endif; ?>
    <style>
        body { font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
        .booklio-scrollbar { scrollbar-width: thin; scrollbar-color: #CBD5E1 transparent; }
        .booklio-scrollbar::-webkit-scrollbar { height: 8px; width: 8px; }
        .booklio-scrollbar::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 999px; }
        main, main * { min-width: 0; }
        main p, main h1, main h2, main h3, main span, main a, main button { overflow-wrap: anywhere; }
        html[dir="rtl"] body { text-align: right; }
        html[dir="rtl"] .text-left { text-align: right !important; }
    </style>
</head>
<body class="min-h-screen overflow-x-hidden bg-booklio-background text-booklio-dark antialiased">
    <main class="min-h-screen">
        <div class="mx-auto flex min-h-screen w-full max-w-6xl flex-col px-4 py-5 sm:px-6 lg:px-8">
            <header class="flex items-center justify-between">
                <?php echo $__env->make('auth.partials.brand', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                <a href="<?php echo e(route('demo')); ?>" class="hidden rounded-lg border border-booklio-border bg-white px-4 py-2 text-sm font-bold text-booklio-primary shadow-soft transition hover:bg-blue-50 sm:inline-flex">
                    Preview dashboard
                </a>
            </header>

            <?php if($wide ?? false): ?>
                <section class="flex flex-1 items-center py-8 lg:py-10">
                    <div class="w-full">
                        <?php echo $__env->yieldContent('content'); ?>
                    </div>
                </section>
            <?php else: ?>
                <section class="grid flex-1 items-center gap-8 py-8 lg:grid-cols-[minmax(0,520px)_minmax(360px,1fr)] lg:py-10">
                    <div class="w-full">
                        <?php echo $__env->yieldContent('content'); ?>
                    </div>
                    <?php echo $__env->make('auth.partials.side-panel', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                </section>
            <?php endif; ?>
        </div>
    </main>
    <?php
        $booklioTranslationPayload = $booklioTranslationPayload ?? [
            'defaultLocale' => 'en',
            'currentLocale' => app()->getLocale(),
            'direction' => $layoutDirection ?? 'ltr',
            'languages' => [],
        ];
    ?>
    <script>
        window.BooklioTranslations = <?php echo json_encode($booklioTranslationPayload, 15, 512) ?>;
    </script>
    <script src="<?php echo e(asset('js/booklio-dropdowns.js')); ?>?v=<?php echo e(filemtime(public_path('js/booklio-dropdowns.js'))); ?>"></script>
    <script src="<?php echo e(asset('js/booklio-ui.js')); ?>?v=<?php echo e(filemtime(public_path('js/booklio-ui.js'))); ?>"></script>
</body>
</html>
<?php /**PATH C:\Users\Dcodax\Documents\Booklio\resources\views/layouts/auth.blade.php ENDPATH**/ ?>