PNG IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ (setting('site_name')) }}</title>
<link rel="icon" href="{{ asset(setting('site_favicon')) }}" type="image/x-icon">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
body {
font-family: 'Inter', sans-serif;
}
</style>
</head>
<body class="bg-gray-100">
<div class="flex flex-col h-auto md:flex-row">
@include('layouts.admin.sidebar')
<div class="flex flex-col flex-1">
<!-- Header -->
@include('layouts.admin.header')
<!-- Main Content -->
<main class="flex-1 bg-gray-100">
{{ $slot }}
</main>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const sidebar = document.getElementById('sidebar');
const sidebarToggle = document.getElementById('sidebar-toggle');
sidebarToggle.addEventListener('click', function() {
sidebar.classList.toggle('-translate-x-full');
});
// Close sidebar when clicking outside of it on mobile
document.addEventListener('click', function(event) {
const isClickInsideSidebar = sidebar.contains(event.target);
const isClickOnToggle = sidebarToggle.contains(event.target);
if (!isClickInsideSidebar && !isClickOnToggle && window.innerWidth < 768) {
sidebar.classList.add('-translate-x-full');
}
});
});
</script>
</body>
</html>
b IDATxytVսϓ22 A@IR:hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E