<!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 Super Admin'); ?></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 table { width: 100%; table-layout: auto; }
        main thead th {
            vertical-align: top;
            white-space: nowrap;
            overflow-wrap: normal;
            word-break: normal;
        }
        main tbody td {
            vertical-align: top;
            overflow-wrap: normal;
            word-break: normal;
        }
        main p, main h1, main h2, main h3, main span { overflow-wrap: anywhere; }
        main a, main button, main input, main select, main textarea { max-width: 100%; }
        .booklio-filter-grid { display: flex !important; flex-wrap: wrap; align-items: center; gap: .75rem; }
        .booklio-filter-grid > * { flex: 1 1 170px; min-width: min(100%, 170px); }
        .booklio-filter-grid > .relative,
        .booklio-filter-grid > :first-child { flex: 2 1 260px; min-width: min(100%, 240px); }
        .booklio-filter-grid > button,
        .booklio-filter-grid > a { flex: 0 0 auto; min-width: 120px; }
        @media (max-width: 640px) {
            .booklio-filter-grid > * { flex-basis: 100%; min-width: 100%; }
            .booklio-filter-grid > button,
            .booklio-filter-grid > a { width: 100%; }
        }
        html[dir="rtl"] body { text-align: right; }
        html[dir="rtl"] .text-left { text-align: right !important; }
        html[dir="rtl"] aside.fixed { left: auto !important; right: 0 !important; border-right-width: 0; border-left: 1px solid #E5E7EB; }
        html[dir="rtl"] .lg\:pl-\[292px\] { padding-left: 0 !important; padding-right: 292px !important; }
        html[dir="rtl"] [data-booklio-dropdown-menu][data-align="end"],
        html[dir="rtl"] [data-booklio-search-panel] { left: 0; right: auto; text-align: right; }
        html[dir="rtl"] [data-booklio-dropdown-menu][data-align="start"] { left: auto; right: 0; text-align: right; }
        html[dir="rtl"] [data-booklio-search-root] [data-search-icon] { left: 1rem; right: auto; }
        html[dir="rtl"] [data-booklio-search-root] input { padding-left: 3rem; padding-right: 1rem; }
        @media (max-width: 1023px) { html[dir="rtl"] .lg\:pl-\[292px\] { padding-right: 0 !important; } }
        @media (max-width: 640px) {
            header h1 { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
            .booklio-dropdown-panel {
                position: fixed !important;
                top: 6rem !important;
                left: 1rem !important;
                right: 1rem !important;
                width: auto !important;
                max-width: none !important;
                max-height: calc(100vh - 7rem);
                overflow-y: auto;
            }
        }
    </style>
</head>
<body class="min-h-screen overflow-x-hidden bg-booklio-background text-booklio-dark antialiased">
    <div class="flex min-h-screen">
        <?php echo $__env->make('super-admin.partials.sidebar', ['active' => $active ?? 'dashboard'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

        <div class="min-w-0 flex-1 overflow-x-hidden lg:pl-[292px]">
            <header class="sticky top-0 z-30 border-b border-transparent bg-booklio-background/90 px-4 py-4 backdrop-blur sm:px-6 lg:px-8">
                <div class="flex min-h-14 items-center justify-between gap-4">
                    <div class="flex min-w-0 items-center gap-3">
                        <button type="button" data-open-super-sidebar class="flex h-11 w-11 shrink-0 items-center justify-center rounded-lg border border-booklio-border bg-white text-slate-700 shadow-soft lg:hidden">
                            <?php if (isset($component)) { $__componentOriginal56804098dcf376a0e2227cb77b6cd00a = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal56804098dcf376a0e2227cb77b6cd00a = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.ui.icon','data' => ['name' => 'menu','class' => 'h-5 w-5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('ui.icon'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['name' => 'menu','class' => 'h-5 w-5']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal56804098dcf376a0e2227cb77b6cd00a)): ?>
<?php $attributes = $__attributesOriginal56804098dcf376a0e2227cb77b6cd00a; ?>
<?php unset($__attributesOriginal56804098dcf376a0e2227cb77b6cd00a); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal56804098dcf376a0e2227cb77b6cd00a)): ?>
<?php $component = $__componentOriginal56804098dcf376a0e2227cb77b6cd00a; ?>
<?php unset($__componentOriginal56804098dcf376a0e2227cb77b6cd00a); ?>
<?php endif; ?>
                        </button>
                        <div class="min-w-0">
                            <p class="text-xs font-bold uppercase tracking-wide text-booklio-primary">Platform Owner</p>
                            <h1 class="max-w-[calc(100vw-112px)] whitespace-normal break-words text-[26px] font-extrabold leading-tight tracking-tight text-booklio-dark sm:max-w-none sm:text-[32px]"><?php echo e($pageTitle ?? 'Super Admin'); ?></h1>
                        </div>
                    </div>
                    <?php if (isset($component)) { $__componentOriginal0bbec96a52834515da8c6eb50f922249 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal0bbec96a52834515da8c6eb50f922249 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.super-admin.header-actions','data' => ['variant' => 'desktop']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('super-admin.header-actions'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['variant' => 'desktop']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal0bbec96a52834515da8c6eb50f922249)): ?>
<?php $attributes = $__attributesOriginal0bbec96a52834515da8c6eb50f922249; ?>
<?php unset($__attributesOriginal0bbec96a52834515da8c6eb50f922249); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal0bbec96a52834515da8c6eb50f922249)): ?>
<?php $component = $__componentOriginal0bbec96a52834515da8c6eb50f922249; ?>
<?php unset($__componentOriginal0bbec96a52834515da8c6eb50f922249); ?>
<?php endif; ?>
                </div>
                <?php if (isset($component)) { $__componentOriginal0bbec96a52834515da8c6eb50f922249 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal0bbec96a52834515da8c6eb50f922249 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.super-admin.header-actions','data' => ['variant' => 'mobile']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('super-admin.header-actions'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['variant' => 'mobile']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal0bbec96a52834515da8c6eb50f922249)): ?>
<?php $attributes = $__attributesOriginal0bbec96a52834515da8c6eb50f922249; ?>
<?php unset($__attributesOriginal0bbec96a52834515da8c6eb50f922249); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal0bbec96a52834515da8c6eb50f922249)): ?>
<?php $component = $__componentOriginal0bbec96a52834515da8c6eb50f922249; ?>
<?php unset($__componentOriginal0bbec96a52834515da8c6eb50f922249); ?>
<?php endif; ?>
            </header>

            <main class="px-4 py-5 sm:px-6 lg:px-8 lg:py-6">
                <?php echo $__env->yieldContent('content'); ?>
            </main>
        </div>
    </div>

    <?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>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const drawer = document.querySelector('[data-super-mobile-sidebar]');
            document.querySelectorAll('[data-open-super-sidebar]').forEach((button) => button.addEventListener('click', () => drawer?.classList.remove('hidden')));
            document.querySelectorAll('[data-close-super-sidebar]').forEach((button) => button.addEventListener('click', () => drawer?.classList.add('hidden')));
        });
    </script>
</body>
</html>
<?php /**PATH C:\Users\Dcodax\Documents\Booklio\resources\views/layouts/super-admin.blade.php ENDPATH**/ ?>