<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>Symmapan</title>
    @vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="font-sans text-gray-900 bg-slate-900">
    <div class="flex h-screen w-full overflow-hidden">
        <x-sidebar></x-sidebar>
        <div class="flex flex-col flex-1 w-full overflow-hidden">
            <x-navbar></x-navbar>
            <main class="flex-1 overflow-y-auto p-4">
                {{ $slot }}
            </main>
        </div>
    </div>
</body>
</html>