138 lines
5.4 KiB
PHP
138 lines
5.4 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Dashboard</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined">
|
|
<link href="{{ asset('/assets/css/style.css') }}" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="sidebar">
|
|
<img src="{{ asset('/assets/img/Frame 1171276898.png') }}" alt="" width="100%">
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a href="{{ url('/Dashboard') }}" class="active">
|
|
<span class="material-symbols-outlined">dashboard</span>
|
|
Dashboard
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ url('/SKPembelianSolar') }}">
|
|
<span class="material-symbols-outlined">draft</span>
|
|
Pengajuan Surat
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ url('/Berita') }}">
|
|
<span class="material-symbols-outlined">newspaper</span>
|
|
Berita
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ url('/Aspirasi') }}">
|
|
<span class="material-symbols-outlined">folder_copy</span>
|
|
Aspirasi & Keluhan
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<form action="{{ route('logout') }}" method="POST" style="display: inline;" id="logout-form">
|
|
@csrf
|
|
<button type="submit" class="logout-btn" id="logout-btn">
|
|
<span class="material-symbols-outlined">logout</span>Logout
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<div class="content">
|
|
<div class="header">
|
|
<div class="content-header">
|
|
<img src="{{ asset('/assets/img/chevrons-right.svg') }}" alt="">
|
|
<span>{{ now()->translatedFormat('d F Y') }}</span>
|
|
</div>
|
|
<span>{{ Auth::user()->name }}</span>
|
|
</div>
|
|
<div class="cards">
|
|
<div class="card">
|
|
<div class="content-card">
|
|
<p>Pengajuan Surat</p>
|
|
<span class="material-symbols-outlined">draft</span>
|
|
</div>
|
|
<p class="number">{{ $total_pengajuan_surat}}</p>
|
|
</div>
|
|
<div class="card">
|
|
<div class="content-card">
|
|
<p>Berita</p>
|
|
<span class="material-symbols-outlined">newspaper</span>
|
|
</div>
|
|
<p class="number">{{ $total_berita}}</p>
|
|
</div>
|
|
<div class="card">
|
|
<div class="content-card">
|
|
<p>Aspirasi & Keluhan</p>
|
|
<span class="material-symbols-outlined">folder_copy</span>
|
|
</div>
|
|
<p class="number">{{ $total_aspirasi_keluhan}}</p>
|
|
</div>
|
|
<div class="card">
|
|
<div class="content-card">
|
|
<p>Pengguna Aktif</p>
|
|
<span class="material-symbols-outlined">group</span>
|
|
</div>
|
|
<p class="number">{{ $total_pengguna }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="chart-container">
|
|
<div class="title-chart">
|
|
<h2>Data Pengajuan Surat</h2>
|
|
<div class="years-chart">
|
|
<select id="year-select">
|
|
@foreach($tahun_pengajuan_surat as $year)
|
|
<option value="{{ $year->year }}">{{ $year->year }}</option>
|
|
@endforeach
|
|
</select>
|
|
<span class="material-symbols-outlined">calendar_today</span>
|
|
</div>
|
|
</div>
|
|
<div class="chart">
|
|
<div class="chart-content">
|
|
<div id="line-chart"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
|
|
<script src="{{ asset('/assets/js/script-chart.js') }}"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
|
<script>
|
|
document.getElementById('logout-btn').addEventListener('click', function(event) {
|
|
event.preventDefault();
|
|
|
|
Swal.fire({
|
|
title: 'Yakin ingin logout?',
|
|
text: 'Anda akan keluar dari sistem.',
|
|
icon: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonColor: '#e53935',
|
|
cancelButtonColor: '#6c757d',
|
|
confirmButtonText: 'Ya, logout',
|
|
cancelButtonText: 'Batal',
|
|
reverseButtons: true,
|
|
customClass: {
|
|
title: 'swal-custom-title',
|
|
htmlContainer: 'swal-custom-text',
|
|
confirmButton: 'swal-custom-button',
|
|
cancelButton: 'swal-custom-button'
|
|
}
|
|
}).then((result) => {
|
|
if (result.isConfirmed) {
|
|
document.getElementById('logout-form').submit();
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |