diff --git a/app/Http/Controllers/Guru/DashboardController.php b/app/Http/Controllers/Guru/DashboardController.php
new file mode 100644
index 0000000..84a76f9
--- /dev/null
+++ b/app/Http/Controllers/Guru/DashboardController.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace App\Http\Controllers\Guru;
+
+use App\Http\Controllers\Controller;
+use App\Models\Mengajar;
+use Illuminate\Support\Facades\Auth;
+
+class DashboardController extends Controller
+{
+    public function index()
+    {
+        $guru = Auth::guard('guru')->user();
+        
+        // Hitung total kelas yang diajar
+        $totalKelas = Mengajar::where('nip', $guru->nip)
+            ->distinct('id_kelas')
+            ->count('id_kelas');
+        
+        // Hitung total mapel yang diajar
+        $totalMapel = Mengajar::where('nip', $guru->nip)
+            ->distinct('id_mapel')
+            ->count('id_mapel');
+        
+        // Hitung total siswa yang diajar (lewat kelas)
+        $totalSiswa = Mengajar::where('nip', $guru->nip)
+            ->with('kelas.siswa')
+            ->get()
+            ->pluck('kelas.siswa')
+            ->flatten()
+            ->unique('nisn')
+            ->count();
+
+        return view('guru.dashboard', compact('totalKelas', 'totalMapel', 'totalSiswa'));
+    }
+}
diff --git a/app/Http/Controllers/Guru/GuruController.php b/app/Http/Controllers/Guru/GuruController.php
new file mode 100644
index 0000000..658ba7d
--- /dev/null
+++ b/app/Http/Controllers/Guru/GuruController.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Controllers\Guru;
+
+use App\Http\Controllers\Controller;
+use App\Models\Guru;
+use Illuminate\Http\Request;
+
+class GuruController extends Controller
+{
+    public function index(Request $request)
+    {
+        $query = Guru::query();
+
+        // SEARCH
+        if ($request->has('search')) {
+            $search = $request->search;
+            $query->where('nama', 'like', "%$search%")
+                  ->orWhere('nip', 'like', "%$search%");
+        }
+
+        // SHOW PER PAGE
+        $perPage = $request->get('perPage', 10);
+
+        $gurus = $query->paginate($perPage)->appends($request->all());
+
+        return view('guru.guru.index', compact('gurus'));
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/Guru/KelasController.php b/app/Http/Controllers/Guru/KelasController.php
new file mode 100644
index 0000000..a68308f
--- /dev/null
+++ b/app/Http/Controllers/Guru/KelasController.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Controllers\Guru;
+
+use App\Http\Controllers\Controller;
+use App\Models\Kelas;
+use Illuminate\Http\Request;
+
+class KelasController extends Controller
+{
+    public function index(Request $request)
+    {
+        $query = Kelas::query();
+
+        // SEARCH
+        if ($request->has('search')) {
+            $search = $request->search;
+            $query->where('nama_kelas', 'like', "%$search%")
+                  ->orWhere('id_kelas', 'like', "%$search%");
+        }
+
+        // SHOW PER PAGE
+        $perPage = $request->get('perPage', 10);
+
+        $kelass = $query->paginate($perPage)->appends($request->all());
+
+        return view('guru.kelas.index', compact('kelass'));
+    }
+}
diff --git a/app/Http/Controllers/Guru/LoginController.php b/app/Http/Controllers/Guru/LoginController.php
new file mode 100644
index 0000000..858eb70
--- /dev/null
+++ b/app/Http/Controllers/Guru/LoginController.php
@@ -0,0 +1,48 @@
+<?php
+// ============================================================
+// FILE 1: app/Http/Controllers/Guru/LoginController.php
+// ============================================================
+
+namespace App\Http\Controllers\Guru;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+
+class LoginController extends Controller
+{
+    public function showLoginForm()
+    {
+        return view('auth.login-guru');
+    }
+
+    public function loginGuru(Request $request)
+    {
+        $request->validate([
+            'nip' => 'required',
+            'password' => 'required',
+        ]);
+
+        $credentials = $request->only('nip', 'password');
+
+        if (Auth::guard('guru')->attempt($credentials)) {
+            $request->session()->regenerate();
+
+            return redirect()->intended(route('guru.dashboard'));
+        }
+
+        return back()->withErrors([
+            'nip' => 'NIP atau password salah'
+        ])->withInput($request->except('password'));
+    }
+
+    public function logout(Request $request)
+    {
+        Auth::guard('guru')->logout();
+
+        $request->session()->invalidate();
+        $request->session()->regenerateToken();
+
+        return redirect()->route('guru.login');
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/Guru/ProfilController.php b/app/Http/Controllers/Guru/ProfilController.php
new file mode 100644
index 0000000..b9ce187
--- /dev/null
+++ b/app/Http/Controllers/Guru/ProfilController.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace App\Http\Controllers\Guru;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
+
+class ProfilController extends Controller
+{
+    public function show()
+    {
+        $guru = Auth::guard('guru')->user();
+        return view('guru.profil.show', compact('guru'));
+    }
+
+    public function update(Request $request)
+    {
+        $guru = Auth::guard('guru')->user();
+
+        $validated = $request->validate([
+            'nama' => 'required|string|max:100',
+            'password' => 'nullable|string|min:6|confirmed',
+        ], [
+            'nama.required' => 'Nama wajib diisi',
+            'password.min' => 'Password minimal 6 karakter',
+            'password.confirmed' => 'Konfirmasi password tidak cocok',
+        ]);
+
+        $guru->nama = $validated['nama'];
+
+        if ($request->filled('password')) {
+            $guru->password = Hash::make($validated['password']);
+        }
+
+        $guru->save();
+
+        return redirect()->route('guru.profil.show')
+            ->with('success', 'Profil berhasil diupdate!');
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/Guru/SiswaController.php b/app/Http/Controllers/Guru/SiswaController.php
new file mode 100644
index 0000000..f340636
--- /dev/null
+++ b/app/Http/Controllers/Guru/SiswaController.php
@@ -0,0 +1,38 @@
+<?php
+
+namespace App\Http\Controllers\Guru;
+
+use App\Http\Controllers\Controller;
+use App\Models\Siswa;
+use App\Models\Kelas;
+use Illuminate\Http\Request;
+
+class SiswaController extends Controller
+{
+    public function index(Request $request)
+    {
+        $query = Siswa::with('kelas');
+
+        // SEARCH
+        if ($request->has('search')) {
+            $search = $request->search;
+            $query->where('nama', 'like', "%$search%")
+                  ->orWhere('nisn', 'like', "%$search%");
+        }
+
+        // FILTER BY KELAS
+        if ($request->has('filter_kelas') && $request->filter_kelas != '') {
+            $query->where('id_kelas', $request->filter_kelas);
+        }
+
+        // SHOW PER PAGE
+        $perPage = $request->get('perPage', 10);
+
+        $siswas = $query->paginate($perPage)->appends($request->all());
+
+        // Ambil semua kelas untuk dropdown filter
+        $kelass = Kelas::orderBy('tingkat')->orderBy('nama_kelas')->get();
+
+        return view('guru.siswa.index', compact('siswas', 'kelass'));
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Middleware/Authenticate.php b/app/Http/Middleware/Authenticate.php
index 2d7d726..3d13e1b 100644
--- a/app/Http/Middleware/Authenticate.php
+++ b/app/Http/Middleware/Authenticate.php
@@ -9,18 +9,21 @@ class Authenticate extends Middleware
     /**
      * Tentukan ke mana redirect jika user belum login.
      */
-    protected function redirectTo($request): ?string
-    {
-        if (! $request->expectsJson()) {
-            // Cek guard admin dulu
-            if ($request->is('admin/*')) {
-                return route('admin.login');
-            }
-
-            // Default kalau bukan admin (misalnya guru/siswa)
-            return route('login'); 
+    protected function redirectTo($request): ?string{
+    if (! $request->expectsJson()) {
+        // Admin
+        if ($request->is('admin/*')) {
+            return route('admin.login');
         }
 
-        return null;
+        // Guru
+        if ($request->is('guru/*')) {
+            return route('guru.login');
+        }
+
+        // Default
+        return route('login'); 
     }
-}
+
+    return null;
+}}
diff --git a/app/Models/Guru.php b/app/Models/Guru.php
index 1a94554..e6ffd1c 100644
--- a/app/Models/Guru.php
+++ b/app/Models/Guru.php
@@ -2,16 +2,16 @@
 
 namespace App\Models;
 
-use Illuminate\Database\Eloquent\Model;
+use Illuminate\Foundation\Auth\User as Authenticatable;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
 
-class Guru extends Model
+class Guru extends Authenticatable
 {
+    use HasFactory;
+
     protected $table = 'gurus';
-
     protected $primaryKey = 'nip';
-
     public $incrementing = false;
-
     protected $keyType = 'string';
 
     protected $fillable = [
@@ -23,4 +23,10 @@ class Guru extends Model
     protected $hidden = [
         'password',
     ];
+
+    // Relasi ke Mengajar
+    public function mengajars()
+    {
+        return $this->hasMany(Mengajar::class, 'nip', 'nip');
+    }
 }
\ No newline at end of file
diff --git a/config/auth.php b/config/auth.php
index 40c5a3f..12d1a8b 100644
--- a/config/auth.php
+++ b/config/auth.php
@@ -46,11 +46,11 @@
     ],
     'guru' => [
         'driver' => 'session',
-        'provider' => 'guru',
+        'provider' => 'gurus',
     ],
     'siswa' => [
         'driver' => 'session',
-        'provider' => 'siswa',
+        'provider' => 'siswas',
     ],
 ],
 
@@ -81,7 +81,7 @@
         'driver' => 'eloquent',
         'model' => App\Models\Admin::class,
     ],
-    'guru' => [
+    'gurus' => [
         'driver' => 'eloquent',
         'model' => App\Models\Guru::class,
     ],
diff --git a/resources/views/auth/landing-page.blade.php b/resources/views/auth/landing-page.blade.php
index 8c1e9b5..1f7b688 100644
--- a/resources/views/auth/landing-page.blade.php
+++ b/resources/views/auth/landing-page.blade.php
@@ -7,5 +7,6 @@
   <h1 class="fw-bold text-primary mb-4">Selamat Datang di Website Kami</h1>
   <p class="mb-4">Ini halaman landing sederhana. Silakan pilih login sesuai role kamu.</p>
   <a href="{{ route('admin.login') }}" class="btn btn-primary">Login Admin</a> 
+  <a href="{{ route('guru.login') }}" class="btn btn-primary">Login Guru</a> 
 </div>
 @endsection
diff --git a/resources/views/auth/login-guru.blade.php b/resources/views/auth/login-guru.blade.php
index f00e041..23fa545 100644
--- a/resources/views/auth/login-guru.blade.php
+++ b/resources/views/auth/login-guru.blade.php
@@ -11,7 +11,7 @@
     ← Kembali ke Landing Page
   </a>
 
-  <form method="POST" action="{{ route('login.guru') }}">
+  <form method="POST" action="{{ route('guru.login.submit') }}">
     @csrf
     <div class="mb-3">
       <label class="form-label">NIP</label>
diff --git a/resources/views/guru/dashboard.blade.php b/resources/views/guru/dashboard.blade.php
new file mode 100644
index 0000000..8ff72fe
--- /dev/null
+++ b/resources/views/guru/dashboard.blade.php
@@ -0,0 +1,29 @@
+@extends('guru.layouts.app')
+
+@section('title', 'Dashboard Guru')
+
+@section('content')
+<div class="container mt-5">
+    <h1 class="mb-4 fw-bold text-primary">Dashboard Guru</h1>
+
+    <div class="row">
+        <div class="col-md-4 mb-3">
+            <div class="card text-center shadow-sm">
+                <div class="card-body">
+                    <h5>Total Guru</h5>
+                    <p class="fs-3 fw-bold text-success">12</p>
+                </div>
+            </div>
+        </div>
+
+        <div class="col-md-4 mb-3">
+            <div class="card text-center shadow-sm">
+                <div class="card-body">
+                    <h5>Total Siswa</h5>
+                    <p class="fs-3 fw-bold text-primary">230</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
diff --git a/resources/views/guru/guru/index.blade.php b/resources/views/guru/guru/index.blade.php
new file mode 100644
index 0000000..444d416
--- /dev/null
+++ b/resources/views/guru/guru/index.blade.php
@@ -0,0 +1,125 @@
+@extends('guru.layouts.app')
+
+@section('title', 'Daftar Guru')
+
+@section('content')
+
+<style>
+    .page-title {
+        font-size: 30px;
+        font-weight: 800;
+        margin-bottom: 10px;
+        margin-top: -20px;
+    }
+
+    .custom-card {
+        background: white;
+        border-radius: 20px;
+        border: 2px solid #e5e5e5;
+        padding: 25px;
+    }
+
+    .table-header {
+        background: #bae6fd;
+    }
+
+    .search-box {
+        background: #bae6fd;
+        border-radius: 30px;
+        padding: 6px 15px;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    .search-box input {
+        border: none;
+        outline: none;
+        background: transparent;
+        width: 150px;
+    }
+
+    .per-page-select {
+        border-radius: 10px;
+        padding: 5px;
+        border: 1px solid #ccc;
+    }
+
+    .badge-info {
+        background: #e0f2fe;
+        color: #0369a1;
+        padding: 5px 12px;
+        border-radius: 8px;
+        font-size: 12px;
+        font-weight: 600;
+    }
+</style>
+
+<h3 class="page-title">DAFTAR GURU</h3>
+
+<div class="custom-card">
+
+    <div class="d-flex justify-content-between align-items-center mb-3">
+
+        <div class="badge-info">
+            📖 Mode Hanya Lihat (Read Only)
+        </div>
+
+        <form method="GET">
+            <div class="search-box">
+                <input type="text" name="search" placeholder="Cari" value="{{ request('search') }}">
+                <button style="border:none;background:none">
+                    <img src="{{ asset('images/icon/main/search.png') }}" width="18">
+                </button>
+            </div>
+        </form>
+
+    </div>
+
+    <form method="GET" class="mb-2">
+        <span>Tampilkan</span>
+
+        <select name="perPage" onchange="this.form.submit()" class="per-page-select">
+            <option value="10" {{ request('perPage') == 10 ? 'selected' : '' }}>10</option>
+            <option value="25" {{ request('perPage') == 25 ? 'selected' : '' }}>25</option>
+            <option value="50" {{ request('perPage') == 50 ? 'selected' : '' }}>50</option>
+        </select>
+
+        <span>data</span>
+
+        <input type="hidden" name="search" value="{{ request('search') }}">
+    </form>
+
+    <table class="table text-center align-middle">
+        <thead class="table-header">
+            <tr>
+                <th>No</th>
+                <th>NIP</th>
+                <th>Nama Guru</th>
+            </tr>
+        </thead>
+
+        <tbody>
+            @forelse($gurus as $index => $guru)
+            <tr>
+                <td>{{ $gurus->firstItem() + $index }}</td>
+                <td>{{ $guru->nip }}</td>
+                <td>{{ $guru->nama }}</td>
+            </tr>
+
+            @empty
+            <tr>
+                <td colspan="3">Belum ada data guru</td>
+            </tr>
+            @endforelse
+        </tbody>
+    </table>
+
+    <div class="d-flex justify-content-end">
+        {{ $gurus->links() }}
+    </div>
+
+</div>
+
+@endsection
+
diff --git a/resources/views/guru/kelas/index.blade.php b/resources/views/guru/kelas/index.blade.php
new file mode 100644
index 0000000..c4a6fa4
--- /dev/null
+++ b/resources/views/guru/kelas/index.blade.php
@@ -0,0 +1,126 @@
+@extends('guru.layouts.app')
+
+@section('title', 'Daftar Kelas')
+
+@section('content')
+
+<style>
+    .page-title {
+        font-size: 30px;
+        font-weight: 800;
+        margin-bottom: 10px;
+        margin-top: -20px;
+    }
+
+    .custom-card {
+        background: white;
+        border-radius: 20px;
+        border: 2px solid #e5e5e5;
+        padding: 25px;
+    }
+
+    .table-header {
+        background: #bae6fd;
+    }
+
+    .search-box {
+        background: #bae6fd;
+        border-radius: 30px;
+        padding: 6px 15px;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    .search-box input {
+        border: none;
+        outline: none;
+        background: transparent;
+        width: 150px;
+    }
+
+    .per-page-select {
+        border-radius: 10px;
+        padding: 5px;
+        border: 1px solid #ccc;
+    }
+
+    .badge-info {
+        background: #e0f2fe;
+        color: #0369a1;
+        padding: 5px 12px;
+        border-radius: 8px;
+        font-size: 12px;
+        font-weight: 600;
+    }
+</style>
+
+<h3 class="page-title">DAFTAR KELAS</h3>
+
+<div class="custom-card">
+
+    <div class="d-flex justify-content-between align-items-center mb-3">
+
+        <div class="badge-info">
+            📖 Mode Hanya Lihat (Read Only)
+        </div>
+
+        <form method="GET">
+            <div class="search-box">
+                <input type="text" name="search" placeholder="Cari" value="{{ request('search') }}">
+                <button style="border:none;background:none">
+                    <img src="{{ asset('images/icon/main/search.png') }}" width="18">
+                </button>
+            </div>
+        </form>
+
+    </div>
+
+    <form method="GET" class="mb-2">
+        <span>Tampilkan</span>
+
+        <select name="perPage" onchange="this.form.submit()" class="per-page-select">
+            <option value="10" {{ request('perPage') == 10 ? 'selected' : '' }}>10</option>
+            <option value="25" {{ request('perPage') == 25 ? 'selected' : '' }}>25</option>
+            <option value="50" {{ request('perPage') == 50 ? 'selected' : '' }}>50</option>
+        </select>
+
+        <span>data</span>
+
+        <input type="hidden" name="search" value="{{ request('search') }}">
+    </form>
+
+    <table class="table text-center align-middle">
+        <thead class="table-header">
+            <tr>
+                <th>No</th>
+                <th>ID Kelas</th>
+                <th>Nama Kelas</th>
+                <th>Tingkat</th>
+            </tr>
+        </thead>
+
+        <tbody>
+            @forelse($kelass as $index => $kelas)
+            <tr>
+                <td>{{ $kelass->firstItem() + $index }}</td>
+                <td>{{ $kelas->id_kelas }}</td>
+                <td>{{ $kelas->nama_kelas }}</td>
+                <td>{{ $kelas->tingkat }}</td>
+            </tr>
+
+            @empty
+            <tr>
+                <td colspan="4">Belum ada data kelas</td>
+            </tr>
+            @endforelse
+        </tbody>
+    </table>
+
+    <div class="d-flex justify-content-end">
+        {{ $kelass->links() }}
+    </div>
+
+</div>
+
+@endsection
diff --git a/resources/views/guru/layouts/app.blade.php b/resources/views/guru/layouts/app.blade.php
new file mode 100644
index 0000000..163660e
--- /dev/null
+++ b/resources/views/guru/layouts/app.blade.php
@@ -0,0 +1,294 @@
+<?php?>
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>@yield('title', 'Panel Guru')</title>
+
+    <!-- Fonts & Bootstrap -->
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+
+    <style>
+        body {
+            font-family: 'Poppins', sans-serif;
+            background-color: #f8f9fa;
+            margin: 0;
+        }
+
+        /* WRAPPER */
+        .guru-wrapper {
+            display: flex;
+            min-height: 100vh;
+        }
+
+        /* SIDEBAR */
+        .sidebar {
+            width: 260px;
+            background: #ffffff;
+            border-right: 2px solid #e0f2fe;
+            padding: 30px 20px;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .sidebar-logo {
+            text-align: center;
+            margin-bottom: 40px;
+        }
+
+        .sidebar-logo img {
+            width: 90px;
+        }
+
+        .sidebar-menu {
+            display: flex;
+            flex-direction: column;
+        }
+
+        .sidebar-link {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            padding: 12px 18px;
+            margin-bottom: 12px;
+            border-radius: 12px;
+            color: #64748b;
+            text-decoration: none;
+            font-weight: 500;
+            transition: all 0.2s ease;
+        }
+
+        .sidebar-link:hover {
+            background: #e0f2fe;
+            color: #0369a1;
+        }
+
+        .sidebar-link.active {
+            background: #e0f2fe;
+            color: #0369a1;
+        }
+
+        .sidebar-icon {
+            width: 20px;
+            height: 20px;
+            flex-shrink: 0;
+        }
+
+        .sidebar-logout {
+            margin-top: auto;
+        }
+
+        .sidebar-logout button {
+            width: 100%;
+            border: none;
+            background: transparent;
+            color: #ef4444;
+            font-weight: 600;
+            padding: 10px;
+            text-align: left;
+        }
+
+        /* MAIN */
+        .main {
+            flex: 1;
+            background: #f0f9ff;
+            display: flex;
+            flex-direction: column;
+        }
+
+        /* TOPBAR */
+        .topbar {
+            background: #0284c7;
+            margin: 20px;
+            padding: 16px 24px;
+            border-radius: 16px;
+            color: white;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .topbar-left {
+            font-weight: 600;
+            font-size: 16px;
+        }
+
+        .topbar-right {
+            display: flex;
+            align-items: center;
+            gap: 16px;
+        }
+
+        .topbar-icon {
+            width: 24px;
+            height: 24px;
+            cursor: pointer;
+        }
+
+        /* CONTENT */
+        .content {
+            padding: 20px 30px;
+            flex: 1;
+        }
+    </style>
+</head>
+
+<body>
+<div class="guru-wrapper">
+
+    <!-- SIDEBAR -->
+    <aside class="sidebar">
+        <div class="sidebar-logo">
+            <img src="{{ asset('images/logo/logosmk.png') }}" alt="Logo SMK">
+        </div>
+
+        <nav class="sidebar-menu">
+
+            <a href="{{ route('guru.dashboard') }}"
+               class="sidebar-link {{ request()->routeIs('guru.dashboard') ? 'active' : '' }}">
+                <img src="{{ asset('images/icon/sidebar/home.png') }}" class="sidebar-icon" alt="">
+                <span>Dashboard</span>
+            </a>
+
+            <a href="{{ route('guru.guru.index') }}"
+               class="sidebar-link {{ request()->routeIs('guru.guru.*') ? 'active' : '' }}">
+                <img src="{{ asset('images/icon/sidebar/guru.png') }}" class="sidebar-icon" alt="">
+                <span>Daftar Guru</span>
+            </a>
+
+            <a href="{{ route('guru.kelas.index') }}"
+               class="sidebar-link {{ request()->routeIs('guru.kelas.*') ? 'active' : '' }}">
+                <img src="{{ asset('images/icon/sidebar/kelas.png') }}" class="sidebar-icon" alt="">
+                <span>Daftar Kelas</span>
+            </a>
+
+            <a href="{{ route('guru.siswa.index') }}"
+               class="sidebar-link {{ request()->routeIs('guru.siswa.*') ? 'active' : '' }}">
+                <img src="{{ asset('images/icon/sidebar/siswa.png') }}" class="sidebar-icon" alt="">
+                <span>Daftar Siswa</span>
+            </a>
+
+            <a href="{{ route('guru.profil.show') }}"
+               class="sidebar-link {{ request()->routeIs('guru.profil.*') ? 'active' : '' }}">
+                <img src="{{ asset('images/icon/sidebar/profil.png') }}" class="sidebar-icon" alt="">
+                <span>Profil Saya</span>
+            </a>
+
+        </nav>
+
+        <form action="{{ route('guru.logout') }}" method="POST" class="sidebar-logout">
+            @csrf
+            <button type="submit">Logout</button>
+        </form>
+    </aside>
+
+    <!-- MAIN -->
+    <div class="main">
+
+        <!-- TOPBAR -->
+        <header class="topbar">
+            <div class="topbar-left">
+                👋 Hai, {{ Auth::guard('guru')->user()->nama ?? 'Guru' }}
+            </div>
+
+            <div class="topbar-right">
+                <img src="{{ asset('images/icon/sidebar/notif.png') }}" class="topbar-icon" alt="Notification">
+                <img src="{{ asset('images/icon/sidebar/profil.png') }}" class="topbar-icon" alt="Profile">
+            </div>
+        </header>
+
+        <!-- CONTENT -->
+        <main class="content">
+            @yield('content')
+        </main>
+
+    </div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>
+
+
+<?php
+// ============================================================
+// FILE 10: resources/views/guru/dashboard.blade.php
+// ============================================================
+?>
+
+@extends('guru.layouts.app')
+
+@section('title', 'Dashboard Guru')
+
+@section('content')
+
+<style>
+    .page-title {
+        font-size: 30px;
+        font-weight: 800;
+        margin-bottom: 20px;
+    }
+
+    .stats-card {
+        background: white;
+        border-radius: 20px;
+        padding: 25px;
+        border: 2px solid #e0f2fe;
+        text-align: center;
+    }
+
+    .stats-number {
+        font-size: 48px;
+        font-weight: 700;
+        color: #0284c7;
+    }
+
+    .stats-label {
+        font-size: 16px;
+        color: #64748b;
+        margin-top: 10px;
+    }
+
+    .welcome-card {
+        background: white;
+        border-radius: 20px;
+        padding: 30px;
+        border: 2px solid #e0f2fe;
+        margin-bottom: 30px;
+    }
+</style>
+
+<h3 class="page-title">DASHBOARD GURU</h3>
+
+<div class="welcome-card">
+    <h4>Selamat Datang, {{ Auth::guard('guru')->user()->nama }}! 👨‍🏫</h4>
+    <p class="text-muted mb-0">NIP: {{ Auth::guard('guru')->user()->nip }}</p>
+</div>
+
+<div class="row">
+    <div class="col-md-4 mb-3">
+        <div class="stats-card">
+            <div class="stats-number">{{ $totalKelas }}</div>
+            <div class="stats-label">Total Kelas Diampu</div>
+        </div>
+    </div>
+
+    <div class="col-md-4 mb-3">
+        <div class="stats-card">
+            <div class="stats-number">{{ $totalMapel }}</div>
+            <div class="stats-label">Total Mata Pelajaran</div>
+        </div>
+    </div>
+
+    <div class="col-md-4 mb-3">
+        <div class="stats-card">
+            <div class="stats-number">{{ $totalSiswa }}</div>
+            <div class="stats-label">Total Siswa Diajar</div>
+        </div>
+    </div>
+</div>
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/guru/profil/index.blade.php b/resources/views/guru/profil/index.blade.php
new file mode 100644
index 0000000..e9b987d
--- /dev/null
+++ b/resources/views/guru/profil/index.blade.php
@@ -0,0 +1,82 @@
+@extends('guru.layouts.app')
+
+@section('title', 'Profil Saya')
+
+@section('content')
+
+<style>
+    .page-title {
+        font-size: 30px;
+        font-weight: 800;
+        margin-bottom: 20px;
+        margin-top: -20px;
+    }
+
+    .custom-card {
+        background: white;
+        border-radius: 20px;
+        border: 2px solid #e0f2fe;
+        padding: 30px;
+        max-width: 600px;
+        margin: 0 auto;
+    }
+</style>
+
+<h3 class="page-title">PROFIL SAYA</h3>
+
+<div class="custom-card">
+
+    {{-- Alert Success --}}
+    @if(session('success'))
+        <div class="alert alert-success alert-dismissible fade show" role="alert">
+            {{ session('success') }}
+            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+        </div>
+    @endif
+
+    <form action="{{ route('guru.profil.update') }}" method="POST">
+        @csrf
+        @method('PUT')
+
+        <div class="mb-3">
+            <label class="form-label fw-bold">NIP</label>
+            <input type="text" class="form-control bg-light" value="{{ $guru->nip }}" disabled>
+            <small class="text-muted">NIP tidak dapat diubah</small>
+        </div>
+
+        <div class="mb-3">
+            <label class="form-label fw-bold">Nama Lengkap <span class="text-danger">*</span></label>
+            <input type="text" name="nama" class="form-control @error('nama') is-invalid @enderror" 
+                   value="{{ old('nama', $guru->nama) }}" required>
+            @error('nama')
+                <small class="text-danger">{{ $message }}</small>
+            @enderror
+        </div>
+
+        <div class="mb-3">
+            <label class="form-label fw-bold">Password Baru</label>
+            <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" 
+                   placeholder="Kosongkan jika tidak ingin mengubah">
+            @error('password')
+                <small class="text-danger">{{ $message }}</small>
+            @enderror
+        </div>
+
+        <div class="mb-3">
+            <label class="form-label fw-bold">Konfirmasi Password Baru</label>
+            <input type="password" name="password_confirmation" class="form-control" 
+                   placeholder="Ulangi password baru">
+            <small class="text-muted">Isi hanya jika ingin mengubah password</small>
+        </div>
+
+        <div class="d-flex justify-content-end mt-4">
+            <button type="submit" class="btn btn-primary px-4">
+                💾 Simpan Perubahan
+            </button>
+        </div>
+
+    </form>
+
+</div>
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/guru/siswa/index.blade.php b/resources/views/guru/siswa/index.blade.php
new file mode 100644
index 0000000..fab3066
--- /dev/null
+++ b/resources/views/guru/siswa/index.blade.php
@@ -0,0 +1,142 @@
+@extends('guru.layouts.app')
+
+@section('title', 'Daftar Siswa')
+
+@section('content')
+
+<style>
+    .page-title {
+        font-size: 30px;
+        font-weight: 800;
+        margin-bottom: 10px;
+        margin-top: -20px;
+    }
+
+    .custom-card {
+        background: white;
+        border-radius: 20px;
+        border: 2px solid #e5e5e5;
+        padding: 25px;
+    }
+
+    .table-header {
+        background: #bae6fd;
+    }
+
+    .search-box {
+        background: #bae6fd;
+        border-radius: 30px;
+        padding: 6px 15px;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    .search-box input {
+        border: none;
+        outline: none;
+        background: transparent;
+        width: 150px;
+    }
+
+    .per-page-select, .filter-select {
+        border-radius: 10px;
+        padding: 5px;
+        border: 1px solid #ccc;
+    }
+
+    .badge-info {
+        background: #e0f2fe;
+        color: #0369a1;
+        padding: 5px 12px;
+        border-radius: 8px;
+        font-size: 12px;
+        font-weight: 600;
+    }
+</style>
+
+<h3 class="page-title">DAFTAR SISWA</h3>
+
+<div class="custom-card">
+
+    <div class="d-flex justify-content-between align-items-center mb-3">
+
+        <div class="badge-info">
+            📖 Mode Hanya Lihat (Read Only)
+        </div>
+
+        <form method="GET">
+            <div class="search-box">
+                <input type="text" name="search" placeholder="Cari" value="{{ request('search') }}">
+                <button style="border:none;background:none">
+                    <img src="{{ asset('images/icon/main/search.png') }}" width="18">
+                </button>
+            </div>
+        </form>
+
+    </div>
+
+    <form method="GET" class="mb-2">
+        <span>Tampilkan</span>
+
+        <select name="perPage" onchange="this.form.submit()" class="per-page-select">
+            <option value="10" {{ request('perPage') == 10 ? 'selected' : '' }}>10</option>
+            <option value="25" {{ request('perPage') == 25 ? 'selected' : '' }}>25</option>
+            <option value="50" {{ request('perPage') == 50 ? 'selected' : '' }}>50</option>
+        </select>
+
+        <span>data</span>
+
+        <span class="ms-3">Filter Kelas</span>
+
+        <select name="filter_kelas" onchange="this.form.submit()" class="filter-select">
+            <option value="">Semua Kelas</option>
+            @foreach($kelass as $kelas)
+                <option value="{{ $kelas->id_kelas }}" 
+                    {{ request('filter_kelas') == $kelas->id_kelas ? 'selected' : '' }}>
+                    {{ $kelas->tingkat }} - {{ $kelas->nama_kelas }}
+                </option>
+            @endforeach
+        </select>
+
+        <input type="hidden" name="search" value="{{ request('search') }}">
+    </form>
+
+    <table class="table text-center align-middle">
+        <thead class="table-header">
+            <tr>
+                <th>No</th>
+                <th>NISN</th>
+                <th>Nama</th>
+                <th>Tempat Lahir</th>
+                <th>Tanggal Lahir</th>
+                <th>Kelas</th>
+            </tr>
+        </thead>
+
+        <tbody>
+            @forelse($siswas as $index => $siswa)
+            <tr>
+                <td>{{ $siswas->firstItem() + $index }}</td>
+                <td>{{ $siswa->nisn }}</td>
+                <td>{{ $siswa->nama }}</td>
+                <td>{{ $siswa->tempat_lahir }}</td>
+                <td>{{ \Carbon\Carbon::parse($siswa->tanggal_lahir)->format('d M Y') }}</td>
+                <td>{{ $siswa->kelas->tingkat }} - {{ $siswa->kelas->nama_kelas }}</td>
+            </tr>
+
+            @empty
+            <tr>
+                <td colspan="6">Belum ada data siswa</td>
+            </tr>
+            @endforelse
+        </tbody>
+    </table>
+
+    <div class="d-flex justify-content-end">
+        {{ $siswas->links() }}
+    </div>
+
+</div>
+
+@endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index bb5d751..4ea5c6c 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -11,12 +11,14 @@
 use App\Http\Controllers\Admin\SiswaController;
 use App\Http\Controllers\Admin\MapelController;
 
-// use App\Http\Controllers\GuruController;
-// use App\Http\Controllers\SiswaController;
-// use App\Http\Controllers\KelasController;
-// use App\Http\Controllers\MapelController;
-use App\Http\Controllers\ChallengeController;
-use App\Http\Controllers\LeaderboardController;
+use App\Http\Controllers\Guru\GuruLoginController;
+use App\Http\Controllers\Guru\DashboardController;
+use App\Http\Controllers\Guru\GuruGuruController;
+use App\Http\Controllers\Guru\GuruSiswaController;
+use App\Http\Controllers\Guru\GuruKelasController;
+use App\Http\Controllers\Guru\GuruMapelController;
+use App\Http\Controllers\Guru\GuruLeaderboardController;
+use App\Http\Controllers\Guru\GuruProfilController;
 
 // ====================
 // LANDING PAGE
@@ -117,12 +119,27 @@
 // =======================================================
 // GURU AREA
 // =======================================================
-Route::middleware(['auth:guru'])->group(function () {
-    Route::get('/guru/dashboard', function () {
-        return view('guru.dashboard');
-    })->name('guru.dashboard');
-});
+Route::middleware(['auth:guru'])->prefix('guru')->name('guru.')->group(function () {
 
+    Route::get('/dashboard', [DashboardController::class, 'index'])
+    ->name('dashboard');
+
+    // Daftar Guru (Read Only)
+    Route::get('/daftar-guru', [GuruGuruController::class, 'index'])->name('guru.index');
+
+    // Daftar Kelas (Read Only)
+    Route::get('/daftar-kelas', [GuruKelasController::class, 'index'])->name('kelas.index');
+
+    // Daftar Siswa (Read Only)
+    Route::get('/daftar-siswa', [GuruSiswaController::class, 'index'])->name('siswa.index');
+
+    // Profil (Edit)
+    Route::get('/profil', [GuruProfilController::class, 'show'])->name('profil.show');
+    Route::put('/profil', [GuruProfilController::class, 'update'])->name('profil.update');
+
+    // LOGOUT GURU
+    Route::post('/logout', [GuruLoginController::class, 'logout'])->name('logout');
+});
 
 // =======================================================
 // SISWA AREA