MIF_E31230356/resources/views/guru/layouts/app.blade.php

74 lines
2.6 KiB
PHP

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@yield('title', 'E-Learning Guru')</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
background-color: #f8f9fa;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.sidebar {
min-height: 100vh;
background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
color: white;
}
.content-area {
padding: 30px;
}
</style>
@stack('styles')
</head>
<body>
<div class="container-fluid">
<div class="row">
<!-- SIDEBAR -->
<div class="col-md-2 sidebar p-0">
<div class="p-4">
<h4 class="mb-4">📚 E-Learning</h4>
<nav class="nav flex-column">
<a href="{{ route('guru.dashboard') }}" class="nav-link text-white">
🏠 Dashboard
</a>
<a href="{{ route('guru.guru.index') }}" class="nav-link text-white">
👨‍🏫 Daftar Guru
</a>
<a href="{{ route('guru.kelas.index') }}" class="nav-link text-white">
🏫 Daftar Kelas
</a>
<a href="{{ route('guru.siswa.index') }}" class="nav-link text-white">
👨‍🎓 Daftar Siswa
</a>
<a href="{{ route('guru.profil.show') }}" class="nav-link text-white">
👤 Profil
</a>
<hr class="bg-white">
<form action="{{ route('guru.logout') }}" method="POST">
@csrf
<button type="submit" class="btn btn-danger w-100">
🚪 Logout
</button>
</form>
</nav>
</div>
</div>
<!-- MAIN CONTENT -->
<div class="col-md-10 content-area">
@yield('content')
</div>
</div>
</div>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
@stack('scripts')
</body>
</html>