120 lines
4.7 KiB
PHP
120 lines
4.7 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="id" class="h-full">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>@yield('title', 'Sistem Kasir - RSAB Harapan Kita')</title>
|
|
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
|
|
<!-- Custom CSS -->
|
|
<style>
|
|
.sidebar {
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.active-nav {
|
|
background-color: #3b82f6;
|
|
color: white;
|
|
}
|
|
|
|
.active-nav:hover {
|
|
background-color: #2563eb !important;
|
|
}
|
|
</style>
|
|
|
|
@stack('styles')
|
|
</head>
|
|
|
|
<body class="h-full bg-gray-50">
|
|
<div class="flex h-full">
|
|
<!-- Sidebar -->
|
|
<div class="sidebar w-64 bg-white shadow-lg fixed h-full">
|
|
<div class="p-4 border-b border-gray-200">
|
|
<div class="flex items-center space-x-3">
|
|
<div class="bg-blue-100 p-2 rounded-full">
|
|
<i class="fas fa-cash-register text-blue-600 text-xl"></i>
|
|
</div>
|
|
<h1 class="text-xl font-bold text-gray-800">Kasir RSAB</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="p-4">
|
|
<div class="mb-6">
|
|
<div class="flex items-center space-x-3 mb-4 p-2 rounded-lg bg-blue-50">
|
|
<div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center">
|
|
<i class="fas fa-user text-blue-600"></i>
|
|
</div>
|
|
<div>
|
|
<p class="font-medium text-gray-700">{{ auth()->user()->name }}</p>
|
|
<p class="text-xs text-gray-500">Kasir</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<nav class="space-y-1">
|
|
<a href="{{ route('dashboard.kasir') }}"
|
|
class="flex no-underline items-center space-x-3 p-3 rounded-lg hover:bg-blue-50 text-gray-700 @if (request()->routeIs('dashboard.kasir')) active-nav text-white @endif">
|
|
<i class="fas fa-tachometer-alt w-5"></i>
|
|
<span>Dashboard</span>
|
|
</a>
|
|
|
|
<a href="{{ route('registrasi.create') }}"
|
|
class="flex no-underline items-center space-x-3 p-3 rounded-lg hover:bg-blue-50 text-gray-700 @if (request()->routeIs('registrasi.create')) active-nav text-white @endif">
|
|
<i class="fas fa-user-plus w-5"></i>
|
|
<span>Registrasi Pasien</span>
|
|
</a>
|
|
|
|
{{-- <a href="{{ route('billing.show', ['registrasi_id' => $registrasi->id]) }}"
|
|
class="text-blue-600 hover:text-blue-900 bg-blue-50 hover:bg-blue-100 px-3 py-1 rounded-md transition">
|
|
<i class="fas fa-cash-register mr-1"></i> Proses
|
|
</a> --}}
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
<div class="absolute bottom-0 w-full p-4 border-t border-gray-200">
|
|
<form action="{{ route('logout') }}" method="POST">
|
|
@csrf
|
|
<button type="submit"
|
|
class="flex items-center space-x-3 p-3 rounded-lg hover:bg-red-50 text-red-600 w-full">
|
|
<i class="fas fa-sign-out-alt w-5"></i>
|
|
<span>Logout</span>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Main Content -->
|
|
<div class="flex-1 ml-64">
|
|
<!-- Top Bar -->
|
|
<header class="bg-white shadow-sm p-4">
|
|
<div class="flex justify-between items-center">
|
|
<h2 class="text-xl font-semibold text-gray-800">@yield('title')</h2>
|
|
<div class="flex items-center space-x-4">
|
|
<div class="relative">
|
|
<i class="fas fa-bell text-gray-500 hover:text-blue-600 cursor-pointer"></i>
|
|
<span class="absolute -top-1 -right-1 w-3 h-3 bg-red-500 rounded-full"></span>
|
|
</div>
|
|
<span class="text-sm text-gray-500">{{ now()->format('d F Y') }}</span>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Content -->
|
|
<main class="p-6">
|
|
@yield('content')
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
@stack('scripts')
|
|
</body>
|
|
|
|
</html>
|