328 lines
16 KiB
PHP
328 lines
16 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<title>Admin SMK Nasional Nganjuk</title>
|
|
<meta content="" name="description">
|
|
<meta content="" name="keywords">
|
|
<!-- Favicons -->
|
|
<link href="{{ asset('assets/logobaru.png') }}" rel="icon">
|
|
|
|
<!-- Fonts -->
|
|
<link href="https://fonts.googleapis.com" rel="preconnect">
|
|
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
|
|
|
|
<!-- Google Fonts -->
|
|
<link href="https://fonts.gstatic.com" rel="preconnect">
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
|
|
|
|
<!-- Vendor CSS Files -->
|
|
<link href="{{ asset('assets/vendor/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('assets/vendor/bootstrap-icons/bootstrap-icons.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('assets/vendor/boxicons/css/boxicons.min.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('assets/vendor/quill/quill.snow.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('assets/vendor/quill/quill.bubble.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('assets/vendor/remixicon/remixicon.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('assets/vendor/simple-datatables/style.css') }}" rel="stylesheet">
|
|
|
|
<!-- Template Main CSS File -->
|
|
<link href="{{ asset('assets/css/style.css') }}" rel="stylesheet">
|
|
|
|
<!-- Template Main JS File -->
|
|
<script src="{{ asset('assets/js/main.js') }}"></script>
|
|
|
|
<!-- =======================================================
|
|
* Template Name: NiceAdmin
|
|
* Updated: Jan 29 2024 with Bootstrap v5.3.2
|
|
* Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
|
|
* Author: BootstrapMade.com
|
|
* License: https://bootstrapmade.com/license/
|
|
SweetAlert2 -->
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- ======= Header ======= -->
|
|
<header id="header" class="header fixed-top d-flex align-items-center">
|
|
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<i class="bi bi-list toggle-sidebar-btn"></i>
|
|
</div><!-- End Logo -->
|
|
|
|
<nav class="header-nav ms-auto">
|
|
<a class="nav-link nav-profile d-flex align-items-center pe-3" href="#" data-bs-toggle="dropdown">
|
|
<img src="{{ Auth::user()->foto ? asset('penyimpanan/' . Auth::user()->foto) : asset('assets/img/profile-img.jpg') }}"
|
|
alt="Profile" class="rounded-circle">
|
|
<span class="d-none d-md-block dropdown-toggle ps-2">{{ Auth::user()->name }}</span>
|
|
</a><!-- End Profile Iamge Icon -->
|
|
|
|
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
|
|
<li>
|
|
<a class="dropdown-item d-flex align-items-center" href="{{ route('profile') }}">
|
|
<i class="bi bi-person"></i>
|
|
<span>Profile</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<form action="{{ route('logout') }}" method="POST">
|
|
@csrf
|
|
<button type="submit" class="dropdown-item d-flex align-items-center">
|
|
<i class="bi bi-box-arrow-right"></i>
|
|
<span>Keluar</span>
|
|
</button>
|
|
</form>
|
|
</li>
|
|
</ul><!-- End Profile Dropdown Items -->
|
|
</nav><!-- End Icons Navigation -->
|
|
|
|
</header><!-- End Header -->
|
|
<!-- ======= Sidebar ======= -->
|
|
<aside id="sidebar" class="sidebar">
|
|
<div class="sidebar-logo d-flex align-items-center justify-content-between px-3">
|
|
<div class="d-flex align-items-center">
|
|
<img src="{{ asset('assets/logobaru.png') }}" alt="Logo">
|
|
<span>SMK Nasional Nganjuk</span>
|
|
</div>
|
|
<i class="bi bi-list toggle-sidebar-btn d-xl-none"></i>
|
|
</div>
|
|
|
|
<ul class="sidebar-nav" id="sidebar-nav">
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link collapsed" href="{{ route('admin-beranda') }}">
|
|
<i class="bi bi-speedometer2"></i>
|
|
<span>Dashboard</span>
|
|
</a>
|
|
</li><!-- End Dashboard Nav -->
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link collapsed" href="{{ route('kepala-sekolah.index') }}">
|
|
<i class="bi bi-person-badge"></i>
|
|
<span>Data Kepala Sekolah</span>
|
|
</a>
|
|
</li><!-- End Kepala Sekolah Nav -->
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link collapsed" href="{{ route('guru.index') }}">
|
|
<i class="bi bi-people"></i>
|
|
<span>Data Guru</span>
|
|
</a>
|
|
</li><!-- End Data Guru Nav -->
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link collapsed" href="{{ route('jurusan.index') }}">
|
|
<i class="bi bi-book"></i>
|
|
<span>Data Jurusan</span>
|
|
</a>
|
|
</li><!-- End Data Jurusan Nav -->
|
|
<li class="nav-item">
|
|
<a class="nav-link collapsed" href="{{ route('fasilitas.index') }}">
|
|
<i class="bi bi-building"></i> <!-- Fasilitas -->
|
|
<span>Fasilitas</span>
|
|
</a>
|
|
</li><!-- End Fasilitas Nav -->
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link collapsed" href="{{ route('informasi-umum.index') }}">
|
|
<i class="bi bi-info-circle"></i> <!-- Informasi Umum -->
|
|
<span>Informasi Umum</span>
|
|
</a>
|
|
</li><!-- End Informasi Umum Nav -->
|
|
<li class="nav-item">
|
|
<a class="nav-link collapsed" href="{{ route('bkk.index') }}">
|
|
<i class="bi bi-briefcase"></i> <!-- BKK -->
|
|
<span>BKK</span>
|
|
</a>
|
|
</li><!-- End BKK Nav -->
|
|
<li class="nav-item">
|
|
<a class="nav-link collapsed" href="{{ route('ekstrakurikuler.index') }}">
|
|
<i class="bi bi-palette"></i>
|
|
<span>Ekstrakurikuler</span>
|
|
</a>
|
|
</li><!-- End Ekstrakurikuler Nav -->
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ route('pbdp.index') }}">
|
|
<i class="bi bi-person-plus"></i> <!-- PBDB -->
|
|
<span>PBDB</span>
|
|
</a>
|
|
</li><!-- End PBDB Nav -->
|
|
|
|
</ul>
|
|
|
|
</aside><!-- End Sidebar-->
|
|
|
|
|
|
<main id="main" class="main">
|
|
|
|
<div class="pagetitle">
|
|
<h1>Data PBDB</h1>
|
|
<nav>
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="{{ route('admin-beranda') }}">Dashboard</a></li>
|
|
<li class="breadcrumb-item active">PBDB</li>
|
|
</ol>
|
|
</nav>
|
|
</div><!-- End Page Title -->
|
|
|
|
<section class="section">
|
|
<div class="row">
|
|
<!-- Tombol Tambah -->
|
|
<div class="col-lg-12 mb-3">
|
|
<a href="{{ route('pbdp.create') }}" class="btn btn-primary">
|
|
<i class="bi bi-plus-circle me-1"></i> Tambah
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Card Tabel Data Guru -->
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Data Jalur PBDB</h5>
|
|
|
|
<!-- Table with stripped rows -->
|
|
<!-- Table with stripped rows -->
|
|
<div class="table-responsive">
|
|
<table class="table datatable">
|
|
<thead>
|
|
<tr>
|
|
<th>Nama Jalur</th>
|
|
<th>Tanggal Buka</th>
|
|
<th>Tanggal Tutup</th>
|
|
<th>Persyaratan Khusus</th>
|
|
<th>Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@forelse($pbdp as $item)
|
|
<tr>
|
|
<td>{{ $item->nama_jalur }}</td>
|
|
<td>{{ \Carbon\Carbon::parse($item->tanggal_buka)->translatedFormat('d M Y') }}</td>
|
|
<td>{{ \Carbon\Carbon::parse($item->tanggal_tutup)->translatedFormat('d M Y') }}</td>
|
|
<td>{{ Str::limit($item->persyaratan_khusus, 50) }}</td>
|
|
<td>
|
|
<a href="{{ route('pbdp.edit', $item) }}"
|
|
class="btn btn-sm btn-warning me-1 mb-1"><i class="bi bi-pencil-square"></i> Edit</a>
|
|
<form id="delete-form-{{ $item->id_pbdp }}" action="{{ route('pbdp.destroy', $item->id_pbdp) }}" method="POST" class="d-inline">
|
|
@csrf
|
|
@method('DELETE')
|
|
<button type="button" class="btn btn-sm btn-danger" onclick="confirmDelete({id: '{{ $item->id_pbdp }}', title: 'Hapus Jalur PBDB?', name: '{{ $item->nama_jalur }}', type: 'jalur'})">
|
|
<i class="bi bi-trash"></i> Hapus
|
|
</button>
|
|
</form>
|
|
</td>
|
|
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<td colspan="6" class="text-center">Belum ada data PBDB.</td>
|
|
</tr>
|
|
@endforelse
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- End Table with stripped rows -->
|
|
|
|
<!-- End Table with stripped rows -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Statistik & Data Pendaftar Masuk -->
|
|
<div class="row mt-4">
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Statistik Tren Peminat (30 Hari Terakhir)</h5>
|
|
|
|
<!-- Area Chart -->
|
|
<div id="peminatChart" style="min-height: 350px;"></div>
|
|
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
new ApexCharts(document.querySelector("#peminatChart"), {
|
|
series: [{
|
|
name: 'Jumlah Pendaftar',
|
|
data: {!! json_encode($counts) !!}
|
|
}],
|
|
chart: {
|
|
height: 350,
|
|
type: 'area',
|
|
toolbar: { show: false },
|
|
dropShadow: {
|
|
enabled: true,
|
|
color: '#000',
|
|
top: 18,
|
|
left: 7,
|
|
blur: 10,
|
|
opacity: 0.2
|
|
}
|
|
},
|
|
colors: ['#b72b3f'],
|
|
dataLabels: { enabled: false },
|
|
stroke: { curve: 'smooth', width: 3 },
|
|
fill: {
|
|
type: 'gradient',
|
|
gradient: {
|
|
shadeIntensity: 1,
|
|
opacityFrom: 0.5,
|
|
opacityTo: 0.1,
|
|
stops: [0, 90, 100]
|
|
}
|
|
},
|
|
xaxis: {
|
|
categories: {!! json_encode($labels) !!},
|
|
title: { text: 'Tanggal' }
|
|
},
|
|
yaxis: {
|
|
title: { text: 'Jumlah Orang' },
|
|
min: 0
|
|
},
|
|
tooltip: {
|
|
x: { format: 'dd/MM/yy' },
|
|
}
|
|
}).render();
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
</main><!-- End #main -->
|
|
|
|
<!-- ======= Footer ======= -->
|
|
|
|
|
|
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
|
|
|
<!-- Vendor JS Files -->
|
|
<script src="{{ asset('assets/vendor/apexcharts/apexcharts.min.js') }}"></script>
|
|
<script src="{{ asset('assets/vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
|
|
<script src="{{ asset('assets/vendor/chart.js/chart.umd.js') }}"></script>
|
|
<script src="{{ asset('assets/vendor/echarts/echarts.min.js') }}"></script>
|
|
<script src="{{ asset('assets/vendor/quill/quill.min.js') }}"></script>
|
|
<script src="{{ asset('assets/vendor/simple-datatables/simple-datatables.js') }}"></script>
|
|
<script src="{{ asset('assets/vendor/tinymce/tinymce.min.js') }}"></script>
|
|
<script src="{{ asset('assets/vendor/php-email-form/validate.js') }}"></script>
|
|
|
|
|
|
<!-- Admin Notifications -->
|
|
|
|
<!-- Admin Notifications -->
|
|
<script>
|
|
window.sessionSuccess = "{{ session('success') }}";
|
|
window.sessionError = "{{ session('error') }}";
|
|
</script>
|
|
<script src="{{ asset('assets/js/admin-notifications.js') }}"></script>
|
|
</body>
|
|
|
|
</html> |