221 lines
12 KiB
PHP
221 lines
12 KiB
PHP
<x-app-layout>
|
|
@section('page-title', content: 'Manajemen Pengguna')
|
|
<div class="container-fluid p-0">
|
|
|
|
<div class="d-flex justify-content-between align-items-center mb-3">
|
|
<h1 class="h3 text-gray-800">{{ $pageTitle }}</h1>
|
|
</div>
|
|
|
|
<div class="card shadow mb-5">
|
|
<div class="card-header py-3 d-flex justify-content-between align-items-center">
|
|
<h6 class="m-0 font-weight-bold text-primary">Daftar Pengguna Aktif</h6>
|
|
<a href="{{ route('admin.pengguna.create') }}" class="btn btn-primary">
|
|
<i class="bi bi-plus-circle-fill me-2"></i>Tambah Pengguna
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered align-middle" width="100%" cellspacing="0">
|
|
<thead class="table-light">
|
|
<tr>
|
|
<th>No</th>
|
|
<th>Nama Lengkap</th>
|
|
<th>Kontak (Email & HP)</th>
|
|
<th>Role</th>
|
|
<th>NISN / NIP</th>
|
|
<th>Kelas / Golongan</th>
|
|
<th class="text-center">Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@forelse($users as $index => $user)
|
|
<tr>
|
|
<td>{{ $users->firstItem() + $index }}</td>
|
|
<td class="fw-bold">{{ $user->name }}</td>
|
|
<td>
|
|
<div>{{ $user->email }}</div>
|
|
<div class="small text-muted"><i class="bi bi-telephone me-1"></i>{{ $user->no_hp ?? '-' }}</div>
|
|
</td>
|
|
<td>
|
|
@if($user->role == 'guru')
|
|
<span class="badge bg-info text-dark">Guru</span>
|
|
@elseif($user->role == 'siswa')
|
|
<span class="badge bg-primary">Siswa</span>
|
|
@else
|
|
<span class="badge bg-secondary">Petugas</span>
|
|
@endif
|
|
</td>
|
|
<td class="font-monospace text-primary">
|
|
{{ $user->nisn ?? ($user->nip ?? '-') }}
|
|
</td>
|
|
<td>
|
|
@if($user->role == 'siswa')
|
|
<span class="badge bg-light text-black border">Kelas: {{ $user->kelas ?? '-' }} / {{ $user->golongan ?? '-' }}</span>
|
|
@else
|
|
-
|
|
@endif
|
|
</td>
|
|
<td class="text-center">
|
|
<a href="{{ route('admin.pengguna.edit', $user->id) }}"
|
|
class="btn btn-sm btn-warning">
|
|
<i class="bi bi-pencil"></i> Edit
|
|
</a>
|
|
<form action="{{ route('admin.pengguna.destroy', $user->id) }}" method="POST"
|
|
class="d-inline" onsubmit="return confirm('Yakin hapus user ini?')">
|
|
@csrf
|
|
@method('DELETE')
|
|
<button class="btn btn-sm btn-danger"><i class="bi bi-trash"></i></button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<td colspan="7" class="text-center py-4 text-muted">Belum ada pengguna terdaftar.</td>
|
|
</tr>
|
|
@endforelse
|
|
</tbody>
|
|
</table>
|
|
|
|
{{-- Pagination --}}
|
|
<div class="mt-3">
|
|
{{ $users->links() }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="my-5 border-4">
|
|
|
|
{{-- BAGIAN DATA INDUK (WHITELIST) --}}
|
|
<div class="d-flex justify-content-between align-items-center mb-3">
|
|
<div>
|
|
<h4 class="fw-bold text-success mb-1">
|
|
<i class="bi bi-database-lock me-2"></i>Data Induk (Whitelist)
|
|
</h4>
|
|
<p class="text-muted mb-0">Daftar NIP/NISN yang <b>diizinkan</b> untuk mendaftar.</p>
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalMasterInduk">
|
|
<i class="bi bi-plus-lg me-1"></i> Tambah Data Induk
|
|
</button>
|
|
</div>
|
|
|
|
<div class="card shadow mb-4 border-left-success">
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover align-middle mb-0">
|
|
<thead class="table-light">
|
|
<tr>
|
|
<th>No</th>
|
|
<th>NIP / NISN</th>
|
|
<th>Nama Pemilik</th>
|
|
<th>Role</th>
|
|
<th class="text-center">Status Akun</th>
|
|
<th class="text-end">Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@forelse($whitelists as $index => $item)
|
|
<tr>
|
|
<td>{{ $index + 1 }}</td>
|
|
<td class="fw-bold font-monospace">{{ $item->nomor_induk }}</td>
|
|
<td>{{ $item->nama_pemilik }}</td>
|
|
<td>
|
|
@if($item->role == 'guru')
|
|
<span class="badge bg-info text-dark">Guru</span>
|
|
@elseif($item->role == 'siswa')
|
|
<span class="badge bg-primary">Siswa</span>
|
|
@else
|
|
<span class="badge bg-secondary">Petugas</span>
|
|
@endif
|
|
</td>
|
|
<td class="text-center">
|
|
@php
|
|
$isRegistered = \App\Models\User::where('nisn', $item->nomor_induk)
|
|
->orWhere('nip', $item->nomor_induk)
|
|
->exists();
|
|
@endphp
|
|
|
|
@if ($isRegistered)
|
|
<span class="badge bg-success text-white">
|
|
<i class="bi bi-check-circle-fill me-1"></i>Terdaftar
|
|
</span>
|
|
@else
|
|
<span class="badge bg-warning text-dark">
|
|
<i class="bi bi-hourglass-split me-1"></i>Belum Daftar
|
|
</span>
|
|
@endif
|
|
</td>
|
|
<td class="text-end">
|
|
<form action="{{ route('admin.master-induk.destroy', $item->id) }}"
|
|
method="POST"
|
|
onsubmit="return confirm('Hapus data ini? User dengan NIP/NISN ini tidak akan bisa daftar lagi.');">
|
|
@csrf
|
|
@method('DELETE')
|
|
<button type="submit" class="btn btn-sm btn-outline-danger">
|
|
<i class="bi bi-trash"></i> Hapus
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<td colspan="6" class="text-center py-4 text-muted">
|
|
Belum ada data whitelist. Silakan tambah data.
|
|
</td>
|
|
</tr>
|
|
@endforelse
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{-- MODAL TAMBAH DATA INDUK --}}
|
|
<div class="modal fade" id="modalMasterInduk" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title fw-bold">Tambah Whitelist (NIP/NISN)</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form action="{{ route('admin.master-induk.store') }}" method="POST">
|
|
@csrf
|
|
<div class="modal-body">
|
|
<div class="alert alert-info small mb-3">
|
|
<i class="bi bi-info-circle-fill me-1"></i>
|
|
Masukkan data siswa/guru yang valid agar mereka bisa mendaftar.
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Role</label>
|
|
<select name="role" class="form-select" required>
|
|
<option value="siswa">Siswa</option>
|
|
<option value="guru">Guru</option>
|
|
<option value="penjaga perpus">Petugas Perpustakaan</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">NIP / NISN</label>
|
|
<input type="number" name="nomor_induk" class="form-control"
|
|
placeholder="Contoh: 1234567890" required>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Nama Pemilik</label>
|
|
<input type="text" name="nama_pemilik" class="form-control"
|
|
placeholder="Nama Siswa/Guru..." required>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
|
|
<button type="submit" class="btn btn-success">Simpan Data</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</x-app-layout> |