| 1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title><?= $pageTitle ?? 'Admin Panel' ?></title>
- <script defer src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.15.0/cdn.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/8.1.2/tinymce.min.js"></script>
- <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
- </head>
- <body class="bg-gray-50 font-sans">
- <div x-data="{ sidebarOpen: false, activeTab: '<?= $activeTab ?? 'content' ?>' }" class="flex h-screen">
- <?php include __DIR__ . '/sidebar.php'; ?>
- <!-- Mobile sidebar overlay -->
- <div x-show="sidebarOpen"
- @click="sidebarOpen = false"
- class="fixed inset-0 z-40 bg-gray-600 bg-opacity-75 lg:hidden"
- x-transition:enter="transition-opacity ease-linear duration-300"
- x-transition:enter-start="opacity-0"
- x-transition:enter-end="opacity-100"
- x-transition:leave="transition-opacity ease-linear duration-300"
- x-transition:leave-start="opacity-100"
- x-transition:leave-end="opacity-0"></div>
- <!-- Main content -->
- <div class="flex-1 overflow-hidden flex flex-col">
- <?php include __DIR__ . '/header.php'; ?>
-
- <!-- Page content -->
- <main class="flex-1 overflow-y-auto">
- <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
- <?= $content ?>
- </div>
- </main>
- </div>
- </div>
- <script src='/js/admin/scripts.js'></script>
- </body>
- </html>
|
