2025-04-27 20:56:03 +07:00

84 lines
3.0 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>@yield('title') RSAB Harapan Kita</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
</head>
<body>
<div id="overlay" onclick="toggleSidebar()"></div>
<div class="d-flex">
<!-- Sidebar -->
<nav class="sidebar bg-dark text-white p-3">
<h4 class="text-center border-bottom pb-3">
RSAB Harapan Kita
</h4>
<a href="{{ route('dashboard') }}">Dashboard</a>
<a href="/ms_pasien" class="">Pasien</a>
<a href="/ms_asuransi" class="">Asuransi</a>
<a href="/ms_pegawai" class="">Pegawai</a>
<a href="/ms_ruang_pelayanan" class="">Ruang Pelayanan</a>
<a href="/ms_tindakan" class="">Tindakan</a>
<a href="/tr_registrasi" class="">Registrasi</a>
<a href="/tr_transaksi" class="">Transaksi</a>
</nav>
<!-- /#sidebar-wrapper -->
<!-- Main Content -->
<div class="flex-grow-1 p-4">
<div class="d-md-none mb-3">
<button class="btn btn-dark" onclick="toggleSidebar()"> Menu</button>
</div>
<!-- Theme Toggle -->
<div class="text-end p-2">
<button class="btn btn-sm btn-outline-secondary" onclick="toggleTheme()">
<span id="theme-icon">🌙</span>
</button>
</div>
<h2>@yield('title')</h2>
<hr>
@yield('content')
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script>
function toggleSidebar() {
const sidebar = document.querySelector('.sidebar');
const overlay = document.getElementById('overlay');
sidebar.classList.toggle('show');
overlay.classList.toggle('active');
}
function toggleTheme() {
const currentTheme = document.documentElement.getAttribute("data-theme");
const newTheme = currentTheme === "dark" ? "light" : "dark";
document.documentElement.setAttribute("data-theme", newTheme);
localStorage.setItem("theme", newTheme);
document.getElementById('theme-icon').textContent = newTheme === "dark" ? "☀️" : "🌙";
}
// Load from localStorage
document.addEventListener("DOMContentLoaded", function () {
const savedTheme = localStorage.getItem("theme") || "light";
document.documentElement.setAttribute("data-theme", savedTheme);
document.getElementById('theme-icon').textContent = savedTheme === "dark" ? "☀️" : "🌙";
});
</script>
<!-- Footer -->
<footer class="mt-auto py-3 bg-light text-center text-muted border-top" style="background-color: var(--card-bg); color: var(--text-color);">
<div class="container">
<span>&copy; {{ date('Y') }} Sistem Informasi RSAB Harapan Kita. All rights reserved.</span>
</div>
</footer>
@stack('scripts')
</body>
</html>