Dashboard Update unch
This commit is contained in:
ghozahimma65
parent
e7f5f582e6
commit
b91a5f76ea
|
|
@ -3,11 +3,23 @@
|
|||
namespace App\Http\Controllers;
|
||||
|
||||
use Illuminate\Http\Request;
|
||||
use App\Models\Guru;
|
||||
use App\Models\Siswa;
|
||||
use App\Models\WaliMurid;
|
||||
use App\Models\Kelas;
|
||||
|
||||
class DashboardController extends Controller
|
||||
{
|
||||
public function index()
|
||||
{
|
||||
return view('dashboard');
|
||||
}
|
||||
}
|
||||
{
|
||||
$pengumuman = "Besok ada kegiatan belajar di kantor polisi";
|
||||
$jadwal = "Pembelajaran di kantor polisi - 8 a.m.";
|
||||
$aktivitas = [
|
||||
['nama' => 'Winda Kurnia', 'waktu' => '01 Aug, 09:20AM'],
|
||||
['nama' => 'Siti Nurhaliza', 'waktu' => '01 Aug, 04:20PM'],
|
||||
['nama' => 'Daffa Lintang', 'waktu' => '01 Aug, 08:20AM'],
|
||||
];
|
||||
|
||||
return view('dashboard', compact('pengumuman', 'jadwal', 'aktivitas'));
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,43 +1,40 @@
|
|||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<h2 class="mb-4">Dashboard Admin</h2>
|
||||
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="card text-white bg-primary mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Guru</h5>
|
||||
<p class="card-text fs-3">{{ $guruCount }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="card text-white bg-success mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Wali Murid</h5>
|
||||
<p class="card-text fs-3">{{ $waliCount }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="card text-white bg-warning mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Kelas</h5>
|
||||
<p class="card-text fs-3">{{ $kelasCount }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="card text-white bg-danger mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Siswa</h5>
|
||||
<p class="card-text fs-3">{{ $siswaCount }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Pengumuman -->
|
||||
<div class="bg-white p-6 rounded-xl shadow">
|
||||
<h2 class="font-bold text-gray-800 mb-3">📢 Pengumuman</h2>
|
||||
<p>{{ $pengumuman ?? 'Belum ada pengumuman.' }}</p>
|
||||
</div>
|
||||
|
||||
<!-- Jadwal -->
|
||||
<div class="bg-white p-6 rounded-xl shadow">
|
||||
<div class="flex justify-between items-center mb-3">
|
||||
<h2 class="font-bold text-gray-800">📅 Jadwal</h2>
|
||||
<a href="#" class="text-sm text-red-500 hover:underline">See all</a>
|
||||
</div>
|
||||
<p>🔔 {{ $jadwal ?? 'Belum ada jadwal.' }}</p>
|
||||
</div>
|
||||
|
||||
<!-- Aktivitas Peserta Didik -->
|
||||
<div class="bg-white p-6 rounded-xl shadow">
|
||||
<div class="flex justify-between items-center mb-3">
|
||||
<h2 class="font-bold text-gray-800">🧒 Aktivitas Peserta Didik</h2>
|
||||
<a href="#" class="text-sm text-red-500 hover:underline">See all</a>
|
||||
</div>
|
||||
<ul class="space-y-3">
|
||||
@forelse ($aktivitas as $a)
|
||||
<li class="flex items-center justify-between border-b pb-2">
|
||||
<span>{{ $a['nama'] }}</span>
|
||||
<span class="text-sm text-gray-500">{{ $a['waktu'] }}</span>
|
||||
</li>
|
||||
@empty
|
||||
<li>Belum ada aktivitas.</li>
|
||||
@endforelse
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endsection
|
||||
|
|
|
|||
|
|
@ -1,55 +1,77 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="id">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>PAUD Monitoring - Dashboard</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
display: flex;
|
||||
}
|
||||
.sidebar {
|
||||
width: 220px;
|
||||
min-height: 100vh;
|
||||
background: #2c3e50;
|
||||
color: white;
|
||||
padding: 20px 10px;
|
||||
}
|
||||
.sidebar a {
|
||||
display: block;
|
||||
padding: 10px;
|
||||
margin: 5px 0;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.sidebar a:hover {
|
||||
background: #34495e;
|
||||
}
|
||||
.content {
|
||||
flex: 1;
|
||||
padding: 20px;
|
||||
background: #f5f6fa;
|
||||
}
|
||||
</style>
|
||||
<title>Simpaud Kartoharjo</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div class="sidebar">
|
||||
<h4 class="text-center">Admin</h4>
|
||||
<hr>
|
||||
<a href="{{ route('dashboard') }}">📊 Dashboard</a>
|
||||
<a href="#">👩🏫 Guru</a>
|
||||
<a href="#">👨👩👧 Wali Murid</a>
|
||||
<a href="#">🏫 Kelas</a>
|
||||
<a href="#">👧👦 Siswa</a>
|
||||
<form id="logout-form" action="{{ route('logout') }}" method="POST">
|
||||
@csrf
|
||||
<button type="submit" class="btn btn-danger w-100 mt-3">Logout</button>
|
||||
</form>
|
||||
<body class="flex bg-gray-100 font-sans">
|
||||
|
||||
<!-- Sidebar -->
|
||||
<aside class="w-64 bg-green-600 text-white min-h-screen p-6 shadow-xl">
|
||||
<h2 class="text-2xl font-bold mb-10">Simpaud Kartoharjo</h2>
|
||||
|
||||
<nav class="space-y-4 text-sm">
|
||||
<a href="{{ route('dashboard') }}" class="flex items-center p-2 rounded-lg hover:bg-green-700 transition">
|
||||
<i class="fas fa-home mr-3"></i> Home
|
||||
</a>
|
||||
|
||||
<div>
|
||||
<p class="font-semibold uppercase text-xs mb-2">Data Master</p>
|
||||
<ul class="ml-4 space-y-1">
|
||||
<li><a href="#" class="block p-2 hover:bg-green-700 rounded">👨🏫 Guru</a></li>
|
||||
<li><a href="#" class="block p-2 hover:bg-green-700 rounded">👪 Wali Murid</a></li>
|
||||
<li><a href="#" class="block p-2 hover:bg-green-700 rounded">🧒 Peserta Didik</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<a href="#" class="flex items-center p-2 rounded-lg hover:bg-green-700 transition">
|
||||
<i class="fas fa-chart-line mr-3"></i> Laporan Perkembangan
|
||||
</a>
|
||||
|
||||
<a href="#" class="flex items-center p-2 rounded-lg hover:bg-green-700 transition">
|
||||
<i class="fas fa-bullhorn mr-3"></i> Menu Pengumuman
|
||||
</a>
|
||||
|
||||
<div>
|
||||
<p class="font-semibold uppercase text-xs mb-2">Menu Akun</p>
|
||||
<ul class="ml-4 space-y-1">
|
||||
<li><a href="#" class="block p-2 hover:bg-green-700 rounded">👨🏫 Guru</a></li>
|
||||
<li><a href="#" class="block p-2 hover:bg-green-700 rounded">👪 Wali Murid</a></li>
|
||||
<li><a href="#" class="block p-2 hover:bg-green-700 rounded">🧒 Peserta Didik</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<a href="#" class="flex items-center p-2 rounded-lg hover:bg-green-700 transition">
|
||||
<i class="fas fa-bus mr-3"></i> Penjemputan
|
||||
</a>
|
||||
</nav>
|
||||
</aside>
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="flex-1 flex flex-col">
|
||||
|
||||
<!-- Navbar -->
|
||||
<header class="flex items-center justify-between bg-white px-6 py-4 shadow">
|
||||
<h1 class="text-lg font-semibold">Hai, Admin 👋</h1>
|
||||
<div class="flex items-center space-x-4">
|
||||
<input type="text" placeholder="Search Class, Documents, Activities..."
|
||||
class="px-4 py-2 rounded-lg border focus:ring-2 focus:ring-green-400 w-72 text-sm">
|
||||
<form action="{{ route('logout') }}" method="POST">
|
||||
@csrf
|
||||
<button type="submit" class="px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600">
|
||||
Logout
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Content -->
|
||||
<main class="p-6">
|
||||
@yield('content')
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
@yield('content')
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,14 +4,17 @@
|
|||
use App\Http\Controllers\AuthController;
|
||||
use App\Http\Controllers\DashboardController;
|
||||
|
||||
// Login routes
|
||||
Route::get('/login', [AuthController::class, 'showLogin'])->name('login');
|
||||
Route::post('/login', [AuthController::class, 'login']);
|
||||
Route::post('/logout', [AuthController::class, 'logout'])->name('logout');
|
||||
|
||||
// Splash screen (halaman awal)
|
||||
Route::get('/', function () {
|
||||
return view('splash'); // tampilan splash screen
|
||||
return view('splash');
|
||||
});
|
||||
|
||||
Route::get('/dashboard', [DashboardController::class, 'index'])
|
||||
->middleware('auth')
|
||||
->name('dashboard');
|
||||
});
|
||||
// Hanya bisa diakses setelah login
|
||||
Route::middleware('auth')->group(function () {
|
||||
Route::get('/dashboard', [DashboardController::class, 'index'])->name('dashboard');
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in New Issue