<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dashboard - UTSN CRM</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
</head>
<body class="bg-slate-50 font-sans antialiased text-slate-800" x-data="{ sidebarOpen: true }">

    <div class="flex h-screen overflow-hidden">
        
        @include('admin.layouts.sidebar')

        <div class="flex-1 flex flex-col overflow-hidden transition-all duration-300">
            
            @include('admin.layouts.header')

            <main class="flex-1 overflow-x-hidden overflow-y-auto bg-slate-50 p-6 md:p-8">
                @yield('content')
            </main>
            
        </div>
    </div>
</body>
</html>