Files
KarbonDatacenter/resources/views/layouts/app.blade.php
2026-06-24 20:32:14 +08:00

76 lines
3.2 KiB
PHP

<!DOCTYPE html>
<html lang="ms">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>@yield('title', 'Pemantauan Kemampanan Pusat Data') MBIP</title>
@vite(['resources/sass/app.scss', 'resources/js/app.js'])
</head>
<body>
<div class="d-flex">
{{-- Sidebar --}}
<nav class="sidebar text-white p-3 d-none d-lg-block" style="width: 270px;">
@include('layouts.sidebar')
</nav>
{{-- Offcanvas sidebar untuk mobil --}}
<div class="offcanvas offcanvas-start sidebar text-white" tabindex="-1" id="sidebarMobile">
<div class="offcanvas-header">
<h6 class="offcanvas-title">Menu</h6>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"></button>
</div>
<div class="offcanvas-body p-3">
@include('layouts.sidebar')
</div>
</div>
<div class="flex-grow-1 min-vw-0">
{{-- Bar atas --}}
<header class="bg-white border-bottom px-3 py-2 d-flex align-items-center justify-content-between sticky-top">
<div class="d-flex align-items-center gap-2">
<button class="btn btn-outline-secondary btn-sm d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebarMobile">
<i class="bi bi-list"></i>
</button>
<span class="fw-semibold text-truncate">@yield('heading', 'Papan Pemuka')</span>
</div>
<div class="dropdown">
<a href="#" class="d-flex align-items-center text-decoration-none dropdown-toggle text-dark" data-bs-toggle="dropdown">
<i class="bi bi-person-circle fs-5 me-2"></i>
<span class="d-none d-sm-inline">{{ auth()->user()->name }}</span>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li class="dropdown-header">
{{ auth()->user()->email }}<br>
<small class="text-muted">{{ auth()->user()->getRoleNames()->join(', ') }}</small>
</li>
<li><hr class="dropdown-divider"></li>
<li>
<form method="POST" action="{{ route('logout') }}">
@csrf
<button class="dropdown-item text-danger" type="submit"><i class="bi bi-box-arrow-right me-2"></i>Log Keluar</button>
</form>
</li>
</ul>
</div>
</header>
<main class="p-3 p-md-4">
@include('layouts.flash')
<div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
<div>
<h4 class="mb-0">@yield('page-title', View::yieldContent('heading'))</h4>
@hasSection('subtitle')<small class="text-muted">@yield('subtitle')</small>@endif
</div>
<div>@yield('actions')</div>
</div>
@yield('content')
</main>
</div>
</div>
@stack('scripts')
</body>
</html>