379 lines
20 KiB
PHP
379 lines
20 KiB
PHP
<x-app-layout>
|
|
@section('page-title', '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 ?? 'Manajemen Pengguna' }}</h1>
|
|
</div>
|
|
|
|
{{-- 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>1. Data Induk (Whitelist)
|
|
</h4>
|
|
<p class="text-muted mb-0">Daftar NIP/NISN/NIK 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 table-bordered align-middle mb-0">
|
|
<thead class="table-light">
|
|
<tr>
|
|
<th>No</th>
|
|
<th>NIP / NISN</th>
|
|
<th>Nama Pemilik</th>
|
|
<th class="text-center">Role</th>
|
|
<th class="text-center">Status Akun</th>
|
|
<th class="text-center">Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@forelse($whitelists as $index => $item)
|
|
<tr>
|
|
<td>{{ $whitelists->firstItem() + $index }}</td>
|
|
<td class="fw-bold font-monospace">{{ $item->nomor_induk }}</td>
|
|
<td>{{ $item->nama_pemilik }}</td>
|
|
<td class="text-center">
|
|
@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('nomor_induk', $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-center">
|
|
<div class="d-flex justify-content-center gap-1">
|
|
@if(!$isRegistered)
|
|
<a href="{{ route('admin.pengguna.create', ['nomor_induk' => $item->nomor_induk]) }}"
|
|
class="btn btn-sm btn-primary" title="Daftarkan Akun">
|
|
<i class="bi bi-person-plus-fill me-1"></i>Daftarkan
|
|
</a>
|
|
@endif
|
|
<form action="{{ route('admin.master-induk.destroy', $item->id) }}" method="POST"
|
|
class="form-delete-whitelist" data-induk="{{ $item->nomor_induk }}">
|
|
@csrf
|
|
@method('DELETE')
|
|
<button type="button" class="btn btn-sm btn-outline-danger btn-hapus-whitelist" title="Hapus Data Induk">
|
|
<i class="bi bi-trash"></i>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</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 class="mt-3">
|
|
{{ $whitelists->links() }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="my-5 border-4">
|
|
|
|
<h4 class="fw-bold text-primary mb-3"><i class="bi bi-people-fill me-2"></i>2. Daftar Pengguna Aktif</h4>
|
|
|
|
<div class="card shadow mb-5">
|
|
<div class="card-header py-3 d-flex justify-content-between align-items-center flex-wrap gap-2">
|
|
<h6 class="m-0 font-weight-bold text-primary">List Pengguna Terdaftar</h6>
|
|
|
|
<div class="d-flex align-items-center">
|
|
<form action="{{ route('admin.pengguna.index') }}" method="GET" class="me-2 mb-0">
|
|
<select name="role" class="form-select form-select-sm" onchange="this.form.submit()">
|
|
<option value="">Semua Kategori</option>
|
|
<option value="siswa" {{ request('role')=='siswa' ? 'selected' : '' }}>Siswa</option>
|
|
<option value="guru" {{ request('role')=='guru' ? 'selected' : '' }}>Guru</option>
|
|
<option value="penjaga perpus" {{ request('role')=='penjaga perpus' ? 'selected' : '' }}>
|
|
Petugas</option>
|
|
</select>
|
|
</form>
|
|
|
|
<a href="{{ route('admin.pengguna.create') }}" class="btn btn-sm btn-primary">
|
|
<i class="bi bi-plus-circle-fill me-1"></i>Tambah Manual
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered align-middle" cellspacing="0" style="min-width: 900px;">
|
|
<thead class="table-light">
|
|
<tr>
|
|
<th>No</th>
|
|
<th>Nama Lengkap</th>
|
|
<th>Kontak (Email & HP)</th>
|
|
<th>Role</th>
|
|
<th>NISN / NIP / NIK</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->phone ??
|
|
'-' }}</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->nomor_induk ?? '-' }}
|
|
</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">
|
|
<div class="d-flex justify-content-center gap-1">
|
|
<a href="{{ route('admin.pengguna.edit', $user->id) }}"
|
|
class="btn btn-sm btn-warning" title="Edit Pengguna">
|
|
<i class="bi bi-pencil"></i>
|
|
</a>
|
|
|
|
<button type="button" class="btn btn-sm btn-secondary btn-reset-password"
|
|
data-id="{{ $user->id }}" data-nama="{{ $user->name }}" title="Reset Password (OTP)">
|
|
<i class="bi bi-key-fill"></i>
|
|
</button>
|
|
|
|
<form action="{{ route('admin.pengguna.destroy', $user->id) }}" method="POST"
|
|
class="form-delete-user" data-nama="{{ $user->name }}">
|
|
@csrf
|
|
@method('DELETE')
|
|
<button type="button" class="btn btn-sm btn-danger btn-hapus" title="Hapus Pengguna">
|
|
<i class="bi bi-trash"></i>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<td colspan="7" class="text-center py-4 text-muted">Belum ada pengguna terdaftar.</td>
|
|
</tr>
|
|
@endforelse
|
|
</tbody>
|
|
</table>
|
|
<div class="mt-3">
|
|
{{ $users->links() }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- MODAL TAMBAH DATA INDUK --}}
|
|
<div class="modal fade {{ $errors->hasAny(['role', 'nomor_induk', 'nama_pemilik']) ? 'show' : '' }}" id="modalMasterInduk" tabindex="-1" style="{{ $errors->hasAny(['role', 'nomor_induk', 'nama_pemilik']) ? 'display: block;' : '' }}">
|
|
<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 TAMBAH WHITELIST --}}
|
|
<form action="{{ route('admin.master-induk.store') }}" method="POST" id="formWhitelist">
|
|
@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 <span class="text-danger">*</span></label>
|
|
<select name="role" class="form-select @error('role') is-invalid @enderror">
|
|
<option value="" disabled selected>Pilih Role...</option>
|
|
<option value="siswa" {{ old('role') == 'siswa' ? 'selected' : '' }}>Siswa</option>
|
|
<option value="guru" {{ old('role') == 'guru' ? 'selected' : '' }}>Guru</option>
|
|
</select>
|
|
@error('role') <div class="invalid-feedback">{{ $message }}</div> @enderror
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">NIP / NISN / NIK <span class="text-danger">*</span></label>
|
|
<input type="text" name="nomor_induk" class="form-control @error('nomor_induk') is-invalid @enderror"
|
|
placeholder="Contoh: 1234567890" maxlength="15" pattern="[0-9]*" oninput="this.value = this.value.replace(/[^0-9]/g, '')"
|
|
value="{{ old('nomor_induk') }}">
|
|
@error('nomor_induk') <div class="invalid-feedback">{{ $message }}</div> @enderror
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Nama Pemilik <span class="text-danger">*</span></label>
|
|
<input type="text" name="nama_pemilik" class="form-control @error('nama_pemilik') is-invalid @enderror"
|
|
placeholder="Nama Siswa/Guru..." value="{{ old('nama_pemilik') }}" maxlength="50" pattern="[a-zA-Z\s.,'\']+">
|
|
@error('nama_pemilik') <div class="invalid-feedback">{{ $message }}</div> @enderror
|
|
</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>
|
|
@if($errors->hasAny(['role', 'nomor_induk', 'nama_pemilik']))
|
|
<div class="modal-backdrop fade show"></div>
|
|
@endif
|
|
|
|
@push('scripts')
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('.btn-hapus').on('click', function(e) {
|
|
e.preventDefault();
|
|
let form = $(this).closest('form');
|
|
let nama = form.data('nama');
|
|
|
|
modernSwal.fire({
|
|
title: 'Hapus Pengguna?',
|
|
text: `Apakah Anda yakin ingin menghapus akun milik ${nama}?`,
|
|
icon: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonText: 'Ya, Hapus',
|
|
cancelButtonText: 'Batal',
|
|
confirmButtonColor: '#dc3545'
|
|
}).then((result) => {
|
|
if (result.isConfirmed) {
|
|
modernSwal.fire({
|
|
title: 'Menghapus...',
|
|
allowOutsideClick: false,
|
|
didOpen: () => Swal.showLoading()
|
|
});
|
|
form.submit();
|
|
}
|
|
});
|
|
});
|
|
|
|
$('.btn-hapus-whitelist').on('click', function(e) {
|
|
e.preventDefault();
|
|
let form = $(this).closest('form');
|
|
let induk = form.data('induk');
|
|
|
|
modernSwal.fire({
|
|
title: 'Hapus Data Induk?',
|
|
text: `Data dengan nomor ${induk} tidak akan bisa mendaftar lagi.`,
|
|
icon: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonText: 'Ya, Hapus',
|
|
cancelButtonText: 'Batal',
|
|
confirmButtonColor: '#dc3545'
|
|
}).then((result) => {
|
|
if (result.isConfirmed) {
|
|
modernSwal.fire({
|
|
title: 'Menghapus...',
|
|
allowOutsideClick: false,
|
|
didOpen: () => Swal.showLoading()
|
|
});
|
|
form.submit();
|
|
}
|
|
});
|
|
});
|
|
|
|
// Form submission listener removed to allow server-side validation
|
|
});
|
|
|
|
@if(session('success'))
|
|
Toast.fire({
|
|
icon: 'success',
|
|
title: 'Berhasil',
|
|
text: '{{ session("success") }}'
|
|
});
|
|
@endif
|
|
|
|
// GENERATE OTP & LINK RESET
|
|
$(document).on('click', '.btn-reset-password', function() {
|
|
const nama = $(this).data('nama');
|
|
const userId = $(this).data('id');
|
|
const linkReset = "{{ route('reset.password-request') }}";
|
|
|
|
modernSwal.fire({
|
|
title: 'Generate OTP Reset?',
|
|
html: `Anda akan membuat Token Reset Password untuk <b>${nama}</b>.`,
|
|
icon: 'question',
|
|
showCancelButton: true,
|
|
confirmButtonText: 'Ya, Generate',
|
|
cancelButtonText: 'Batal',
|
|
confirmButtonColor: '#0d6efd'
|
|
}).then((result) => {
|
|
if (result.isConfirmed) {
|
|
modernSwal.fire({
|
|
title: 'Generating...',
|
|
didOpen: () => Swal.showLoading(),
|
|
allowOutsideClick: false
|
|
});
|
|
|
|
$.ajax({
|
|
url: "{{ route('reset.generate-otp') }}",
|
|
method: 'POST',
|
|
data: {
|
|
_token: '{{ csrf_token() }}',
|
|
user_id: userId
|
|
},
|
|
success: function(response) {
|
|
if (response.status === 'success') {
|
|
modernSwal.fire({
|
|
title: 'OTP Berhasil Dibuat!',
|
|
html: `
|
|
<div class="text-start bg-light p-3 rounded border">
|
|
<p class="mb-1 small text-muted">Kode OTP:</p>
|
|
<h3 class="text-primary fw-bold letter-spacing-1 mb-3">${response.otp}</h3>
|
|
<p class="mb-1 small text-muted">Link Reset:</p>
|
|
<div class="input-group">
|
|
<input type="text" class="form-control form-control-sm" value="${linkReset}" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="mt-3 small text-muted">
|
|
Salin Kode OTP & Link lalu kirim ke WhatsApp pengguna.
|
|
</div>
|
|
`,
|
|
icon: 'success',
|
|
confirmButtonText: 'Selesai'
|
|
});
|
|
} else {
|
|
modernSwal.fire('Gagal', response.message || 'Gagal membuat OTP.', 'error');
|
|
}
|
|
},
|
|
error: function() {
|
|
modernSwal.fire('Error', 'Terjadi kesalahan saat membuat OTP.', 'error');
|
|
}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
@endpush
|
|
</x-app-layout> |