624 lines
29 KiB
PHP
624 lines
29 KiB
PHP
@extends('pages.index')
|
|
|
|
@section('admin_content')
|
|
|
|
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.5/css/jquery.dataTables.min.css">
|
|
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.5/css/dataTables.bootstrap5.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
|
<style>
|
|
.table-custom-header th {
|
|
background: linear-gradient(90deg, #365CF5 0%, #6a8ffd 100%) !important;
|
|
color: white !important; font-weight: 600; letter-spacing: 0.5px;
|
|
padding: 14px 12px !important; border: none !important; white-space: nowrap;
|
|
}
|
|
.table tbody tr { transition: background 0.2s; }
|
|
.table tbody tr:nth-child(even) { background: #f4f7ff !important; }
|
|
.table tbody tr:hover { background: #e3eafd !important; }
|
|
.table th, .table td { border: none !important; vertical-align: middle !important; }
|
|
.table { border-collapse: separate !important; border-spacing: 0 !important; font-size: 16px; }
|
|
.summary-card { border-radius: 16px; padding: 18px 24px; color: white; display: flex; align-items: center; gap: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.10); transition: transform 0.2s; }
|
|
.summary-card:hover { transform: translateY(-3px); }
|
|
.summary-card .icon-wrap { width: 52px; height: 52px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.7rem; }
|
|
.summary-card .label { font-size: 0.85rem; opacity: 0.85; }
|
|
.summary-card .count { font-size: 2rem; font-weight: 800; line-height: 1; }
|
|
.btn-edit-guru {
|
|
font-weight: bold;
|
|
background-color: transparent;
|
|
color: #ffc107;
|
|
border: 2px solid #ffc107;
|
|
padding: 8px 16px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
transition: all 0.3s ease;
|
|
border-radius: 8px;
|
|
}
|
|
.btn-edit-guru:hover {
|
|
background-color: #ffc107;
|
|
color: #212529;
|
|
}
|
|
.btn-hapus-guru {
|
|
font-weight: bold;
|
|
background-color: transparent;
|
|
color: #dc3545;
|
|
border: 2px solid #dc3545;
|
|
padding: 8px 16px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
transition: all 0.3s ease;
|
|
border-radius: 8px;
|
|
}
|
|
.btn-hapus-guru:hover {
|
|
background-color: #dc3545;
|
|
color: white;
|
|
}
|
|
.btn-tambah-guru {
|
|
font-weight: bold;
|
|
background-color: #365CF5;
|
|
color: white;
|
|
padding: 8px 16px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
transition: all 0.3s ease;
|
|
border-radius: 8px;
|
|
}
|
|
.btn-tambah-guru:hover {
|
|
color: white;
|
|
background-color: #365CF5;
|
|
}
|
|
@media (max-width: 767.98px) {
|
|
.btn-edit-guru, .btn-hapus-guru, .btn-tambah-guru { font-size: 15px !important; padding: 10px 18px !important; width: 100% !important; }
|
|
}
|
|
</style>
|
|
|
|
<div class="container-fluid">
|
|
<div class="title-wrapper pt-30">
|
|
<div class="row align-items-start">
|
|
<div class="col-md-6">
|
|
<h2 style="font-weight:500;">
|
|
<i class="fas fa-chalkboard-teacher me-2 text-primary"></i>Identitas Guru
|
|
</h2>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb justify-content-md-end" style="font-size: 0.85rem;">
|
|
<li class="breadcrumb-item"><a href="{{ route('dashboard.index') }}">Dashboard</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">Identitas Guru</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@php
|
|
$totalGuru = $teachers->count();
|
|
$totalMapel = $subjects->count();
|
|
$totalNIP = $teachers->whereNotNull('nip')->count();
|
|
$totalEmail = $teachers->filter(fn($t) => $t->user && $t->user->email)->count();
|
|
@endphp
|
|
|
|
<!-- Summary Cards -->
|
|
<div class="row g-3 mb-4 mt-3">
|
|
<div class="col-6 col-md-3">
|
|
<div class="summary-card" style="background:linear-gradient(135deg,#365CF5,#6a8ffd);">
|
|
<div class="icon-wrap"><i class="fas fa-chalkboard-teacher"></i></div>
|
|
<div>
|
|
<div class="label">Total Guru</div>
|
|
<div class="count">{{ $totalGuru }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-md-3">
|
|
<div class="summary-card" style="background:linear-gradient(135deg,#22c55e,#4ade80);">
|
|
<div class="icon-wrap"><i class="fas fa-book"></i></div>
|
|
<div>
|
|
<div class="label">Total Mapel</div>
|
|
<div class="count">{{ $totalMapel }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card border-0 shadow-sm rounded-4">
|
|
<div class="card-header bg-white border-0 rounded-top-4 d-flex flex-column flex-md-row justify-content-between align-items-md-center align-items-start py-3 px-4">
|
|
<h5 class="mb-2 mb-md-0 fw-bold text-primary">
|
|
<i class="fas fa-list me-2"></i>
|
|
Daftar Identitas Guru
|
|
</h5>
|
|
<div class="d-flex gap-2 flex-column flex-md-row w-100 w-md-auto justify-content-md-end mt-2 mt-md-0">
|
|
<button class="btn btn-tambah-guru btn-sm" style="font-size:14px;padding:7px 14px;" data-bs-toggle="modal" data-bs-target="#modalTambahGuru">
|
|
<i class="fas fa-plus"></i> Tambah Guru
|
|
</button>
|
|
<button class="btn btn-edit-guru btn-sm" style="font-size:14px;padding:7px 14px;" id="btn-edit-guru" type="button">
|
|
<i class="fas fa-edit"></i> Edit
|
|
</button>
|
|
<button class="btn btn-hapus-guru btn-sm" style="font-size:14px;padding:7px 14px;" id="btn-hapus-guru" type="button">
|
|
<i class="fas fa-trash"></i> Hapus
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="card-body px-4 py-3">
|
|
<div class="table-responsive rounded-3">
|
|
<table id="example" class="table table-hover align-middle w-100">
|
|
<thead class="table-custom-header">
|
|
<tr>
|
|
<th class="text-center" style="width:40px;border-radius:12px 0 0 0;">
|
|
<input type="checkbox" id="select-all" />
|
|
</th>
|
|
<th class="text-center" style="width:60px;">Foto</th>
|
|
<th>Nama</th>
|
|
<th>Email</th>
|
|
<th>NIP</th>
|
|
<th>Mata Pelajaran</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach($teachers as $teacher)
|
|
<tr data-id="{{ $teacher->id }}">
|
|
<td class="text-center">
|
|
<input type="checkbox" class="row-checkbox" />
|
|
</td>
|
|
<td class="text-center">
|
|
@if($teacher->user && $teacher->user->profile_picture)
|
|
<img src="{{ asset('storage/profile_pictures/teacher/' . $teacher->user->profile_picture) }}" alt="Foto" width="36" height="36" class="rounded-circle border border-2 border-primary shadow-sm">
|
|
@else
|
|
<img src="https://ui-avatars.com/api/?name={{ urlencode($teacher->name) }}" alt="Foto" width="36" height="36" class="rounded-circle border border-2 border-primary shadow-sm">
|
|
@endif
|
|
</td>
|
|
<td>
|
|
<span class="fw-semibold text-dark d-block">{{ $teacher->name }}</span>
|
|
</td>
|
|
<td>
|
|
<span class="text-muted">{{ $teacher->user->email ?? '-' }}</span>
|
|
</td>
|
|
<td>
|
|
<span class="badge rounded-pill px-3 py-2" style="background:#e3eafd;color:#365CF5;font-weight:600;">
|
|
{{ $teacher->nip ?? '-' }}
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span class="badge rounded-pill px-3 py-2" style="background:#dcfce7;color:#16a34a;font-weight:600;">
|
|
{{ $teacher->subject_objects->pluck('name')->join(', ') ?: '-' }}
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Card Wrapper -->
|
|
|
|
<!-- Modal Tambah Guru -->
|
|
<div class="modal fade" id="modalTambahGuru" tabindex="-1" aria-labelledby="modalTambahGuruLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content shadow-lg border-0 rounded-4">
|
|
<div class="modal-header bg-primary border-0 rounded-top-4">
|
|
<h5 class="modal-title fw-bold text-white" id="modalTambahGuruLabel" style="color: white;">
|
|
Tambah Data Guru
|
|
</h5>
|
|
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<form id="formTambahGuru" method="POST" action="{{ route('register.teacher.post') }}" enctype="multipart/form-data">
|
|
@csrf
|
|
<div class="modal-body p-4 bg-light">
|
|
<div class="row mb-3">
|
|
<div class="col-md-6">
|
|
<label class="form-label fw-semibold text-dark">
|
|
Nama Lengkap
|
|
</label>
|
|
<input type="text" name="name" class="form-control border-2" placeholder="Masukkan nama lengkap" value="{{ old('name') }}" required>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label fw-semibold text-dark">
|
|
Email
|
|
</label>
|
|
<input type="email" name="email" class="form-control border-2" placeholder="contoh@email.com" value="{{ old('email') }}" required>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-md-6">
|
|
<label class="form-label fw-semibold text-dark">
|
|
Password
|
|
</label>
|
|
<input type="password" name="password" class="form-control border-2" placeholder="Masukkan password" required>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label fw-semibold text-dark">
|
|
NIP
|
|
</label>
|
|
<input type="text" name="nip" class="form-control border-2" placeholder="Nomor Induk Pengajar" value="{{ old('nip') }}" required>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-md-12">
|
|
<label class="form-label fw-semibold text-dark">
|
|
Mata Pelajaran
|
|
</label>
|
|
<div id="subjects-wrapper">
|
|
@php $oldSubjects = old('subjects', [null]); @endphp
|
|
@foreach($oldSubjects as $idx => $oldSubject)
|
|
<div class="input-group mb-2 subject-group">
|
|
<select name="subjects[]" class="form-control border-2" required>
|
|
<option value="">Pilih Mata Pelajaran</option>
|
|
@foreach($subjects as $subject)
|
|
<option value="{{ $subject->id }}" {{ (string)$oldSubject === (string)$subject->id ? 'selected' : '' }}>{{ $subject->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
@if($idx === 0)
|
|
<button type="button" class="btn btn-success btn-add-subject ms-2"><i class="fas fa-plus"></i></button>
|
|
@else
|
|
<button type="button" class="btn btn-danger btn-remove-subject ms-2"><i class="fas fa-minus"></i></button>
|
|
@endif
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-12">
|
|
<label class="form-label fw-semibold text-dark">
|
|
Foto Profil
|
|
<small class="text-muted">(opsional)</small>
|
|
</label>
|
|
<input type="file" name="profile_picture" class="form-control border-2" accept="image/*">
|
|
<div class="form-text text-muted">
|
|
Format: JPG, PNG, GIF. Maksimal 2MB.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer bg-white border-0 p-4 gap-2">
|
|
<button type="button" class="btn btn-danger px-4 fw-semibold shadow-sm" data-bs-dismiss="modal">
|
|
<i class="fas fa-times me-2"></i>Batal
|
|
</button>
|
|
<button type="submit" class="btn btn-primary px-4 fw-semibold shadow-sm">
|
|
<i class="fas fa-save me-2"></i>Simpan Data
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Edit Guru -->
|
|
<div class="modal fade" id="modalEditGuru" tabindex="-1" aria-labelledby="modalEditGuruLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content shadow-lg border-0 rounded-4">
|
|
<div class="modal-header bg-warning border-0 rounded-top-4">
|
|
<h5 class="modal-title fw-bold text-dark" id="modalEditGuruLabel">
|
|
Edit Data Guru
|
|
</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<form id="formEditGuru" method="POST" enctype="multipart/form-data">
|
|
@csrf
|
|
@method('PUT')
|
|
<div class="modal-body p-4 bg-light">
|
|
<div class="row mb-3">
|
|
<div class="col-md-6">
|
|
<label class="form-label fw-semibold text-dark">
|
|
Nama Lengkap
|
|
</label>
|
|
<input type="text" name="name" id="edit-name" class="form-control border-2" required>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label fw-semibold text-dark">
|
|
Email
|
|
</label>
|
|
<input type="email" name="email" id="edit-email" class="form-control border-2" required>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-md-6">
|
|
<label class="form-label fw-semibold text-dark">
|
|
NIP
|
|
</label>
|
|
<input type="text" name="nip" id="edit-nip" class="form-control border-2" required>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label fw-semibold text-dark">
|
|
Mata Pelajaran
|
|
</label>
|
|
<div id="edit-subjects-wrapper"></div>
|
|
<button type="button" class="btn btn-success btn-add-edit-subject mt-2" id="btn-add-edit-subject"><i class="fas fa-plus"></i> Tambah Mapel</button>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-12">
|
|
<label class="form-label fw-semibold text-dark">
|
|
Foto Profil
|
|
<small class="text-muted">(opsional)</small>
|
|
</label>
|
|
<input type="file" name="profile_picture" class="form-control border-2" accept="image/*">
|
|
<div class="form-text text-muted">
|
|
Format: JPG, PNG, GIF. Maksimal 2MB.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer bg-white border-0 p-4 gap-2">
|
|
<button type="button" class="btn btn-danger px-4 fw-semibold shadow-sm" data-bs-dismiss="modal">
|
|
<i class="fas fa-times me-2"></i>Batal
|
|
</button>
|
|
<button type="submit" class="btn btn-warning px-4 fw-semibold shadow-sm text-white">
|
|
<i class="fas fa-save me-2"></i>Update Data
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
|
<script src="https://cdn.datatables.net/1.13.5/js/jquery.dataTables.min.js"></script>
|
|
<script src="https://cdn.datatables.net/1.13.5/js/dataTables.bootstrap5.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
|
<script>
|
|
$(document).ready(function () {
|
|
$('#example').DataTable({
|
|
lengthChange: false,
|
|
language: {
|
|
search: "Cari:",
|
|
info: "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
|
|
paginate: {
|
|
first: "Awal",
|
|
last: "Akhir",
|
|
next: "Berikutnya",
|
|
previous: "Sebelumnya"
|
|
}
|
|
},
|
|
pageLength: 10
|
|
});
|
|
|
|
$('#select-all').on('click', function () {
|
|
$('.row-checkbox').prop('checked', this.checked);
|
|
});
|
|
|
|
// Button edit
|
|
$('#btn-edit-guru').on('click', function () {
|
|
const checked = $('.row-checkbox:checked');
|
|
if (checked.length === 0) {
|
|
alert('Pilih data yang ingin diedit.');
|
|
} else if (checked.length > 1) {
|
|
alert('Pilih hanya satu data untuk diedit.');
|
|
} else {
|
|
const tr = checked.closest('tr');
|
|
const id = tr.data('id');
|
|
const name = tr.find('td').eq(2).text().trim();
|
|
const email = tr.find('td').eq(3).text().trim();
|
|
const nip = tr.find('td').eq(4).text().trim();
|
|
const subjectString = tr.find('td').eq(5).text().trim();
|
|
|
|
$('#edit-name').val(name);
|
|
$('#edit-email').val(email);
|
|
$('#edit-nip').val(nip);
|
|
|
|
// Split subject string dan buat dropdown sesuai jumlah mapel
|
|
let subjects = subjectString.split(',').map(s => s.trim()).filter(s => s.length > 0);
|
|
let html = '';
|
|
subjects.forEach(function(subj, idx) {
|
|
html += `<div class="input-group mb-2 subject-group">
|
|
<select name="subjects[]" class="form-control border-2" required>
|
|
<option value="">Pilih Mata Pelajaran</option>
|
|
@foreach($subjects as $subject)
|
|
<option value="{{ $subject->id }}" ${subj === '{{ $subject->name }}' ? 'selected' : ''}>{{ $subject->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
${idx == 0 ? '' : '<button type="button" class="btn btn-danger btn-remove-edit-subject ms-2"><i class="fas fa-minus"></i></button>'}
|
|
</div>`;
|
|
});
|
|
if (html === '') {
|
|
html = `<div class="input-group mb-2 subject-group">
|
|
<select name="subjects[]" class="form-control border-2" required>
|
|
<option value="">Pilih Mata Pelajaran</option>
|
|
@foreach($subjects as $subject)
|
|
<option value="{{ $subject->id }}">{{ $subject->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>`;
|
|
}
|
|
$('#edit-subjects-wrapper').html(html);
|
|
|
|
$('#formEditGuru').attr('action', '{{ url("/pages/akun/indentitas_guru") }}/' + id);
|
|
$('#modalEditGuru').modal('show');
|
|
}
|
|
});
|
|
|
|
// Button hapus guru
|
|
$('#btn-hapus-guru').on('click', function () {
|
|
let checked = [];
|
|
$('#example tbody input.row-checkbox:checked').each(function () {
|
|
checked.push($(this).closest('tr').data('id'));
|
|
});
|
|
|
|
if (checked.length === 0) {
|
|
Swal.fire({
|
|
toast: true,
|
|
position: 'bottom-end',
|
|
icon: 'warning',
|
|
title: 'Pilih data yang ingin dihapus.',
|
|
showConfirmButton: false,
|
|
timer: 2000
|
|
});
|
|
return;
|
|
}
|
|
|
|
Swal.fire({
|
|
title: 'Yakin ingin menghapus ' + checked.length + ' guru?',
|
|
icon: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonText: 'Ya, hapus!',
|
|
cancelButtonText: 'Batal',
|
|
confirmButtonColor: '#dc3545',
|
|
reverseButtons: true
|
|
}).then((result) => {
|
|
if (result.isConfirmed) {
|
|
checked.forEach(function(id) {
|
|
let form = document.createElement('form');
|
|
form.action = '{{ url("/pages/akun/indentitas_guru") }}/' + id;
|
|
form.method = 'POST';
|
|
form.style.display = 'none';
|
|
|
|
let csrf = document.createElement('input');
|
|
csrf.type = 'hidden';
|
|
csrf.name = '_token';
|
|
csrf.value = '{{ csrf_token() }}';
|
|
form.appendChild(csrf);
|
|
|
|
let method = document.createElement('input');
|
|
method.type = 'hidden';
|
|
method.name = '_method';
|
|
method.value = 'DELETE';
|
|
form.appendChild(method);
|
|
|
|
document.body.appendChild(form);
|
|
form.submit();
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
// Dynamic add/remove subject for modal tambah guru
|
|
$('#subjects-wrapper').on('click', '.btn-add-subject', function () {
|
|
let subjectGroup = $(this).closest('.subject-group');
|
|
let newGroup = subjectGroup.clone();
|
|
newGroup.find('select').val('');
|
|
// Ganti tombol plus jadi minus pada group baru
|
|
newGroup.find('.btn-add-subject').remove();
|
|
newGroup.append('<button type="button" class="btn btn-danger btn-remove-subject ms-2"><i class="fas fa-minus"></i></button>');
|
|
$('#subjects-wrapper').append(newGroup);
|
|
});
|
|
|
|
$('#subjects-wrapper').on('click', '.btn-remove-subject', function () {
|
|
$(this).closest('.subject-group').remove();
|
|
});
|
|
|
|
// Template select mata pelajaran untuk modal edit
|
|
const editSubjectSelectHtml = `
|
|
<select name="subjects[]" class="form-control border-2" required>
|
|
<option value="">Pilih Mata Pelajaran</option>
|
|
@foreach($subjects as $subject)
|
|
<option value="{{ $subject->id }}">{{ $subject->name }}</option>
|
|
@endforeach
|
|
</select>`;
|
|
|
|
// Tambah mapel di modal edit
|
|
$('#btn-add-edit-subject').on('click', function () {
|
|
const showRemove = $('#edit-subjects-wrapper .subject-group').length >= 1;
|
|
const html = `<div class="input-group mb-2 subject-group">
|
|
${editSubjectSelectHtml}
|
|
${showRemove ? '<button type="button" class="btn btn-danger btn-remove-edit-subject ms-2"><i class="fas fa-minus"></i></button>' : ''}
|
|
</div>`;
|
|
$('#edit-subjects-wrapper').append(html);
|
|
});
|
|
|
|
// Hapus mapel di modal edit
|
|
$('#edit-subjects-wrapper').on('click', '.btn-remove-edit-subject', function () {
|
|
$(this).closest('.subject-group').remove();
|
|
});
|
|
});
|
|
</script>
|
|
|
|
@if(session('success') || session('error') || session('open_modal') || $errors->any())
|
|
<div id="page-flash"
|
|
data-success="{{ session('success') }}"
|
|
data-error="{{ session('error') }}"
|
|
data-open-modal="{{ session('open_modal') }}"
|
|
data-errors="{{ json_encode($errors->all()) }}"
|
|
hidden></div>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var flash = document.getElementById('page-flash');
|
|
if (!flash) return;
|
|
|
|
var successMsg = flash.dataset.success || '';
|
|
var errorMsg = flash.dataset.error || '';
|
|
var openModal = flash.dataset.openModal || '';
|
|
var rawErrors = flash.dataset.errors || '[]';
|
|
var errors = [];
|
|
try { errors = JSON.parse(rawErrors); } catch (e) { errors = []; }
|
|
|
|
if (successMsg) {
|
|
Swal.fire({
|
|
toast: true,
|
|
position: 'bottom-end',
|
|
icon: 'success',
|
|
title: successMsg,
|
|
showConfirmButton: false,
|
|
timer: 2500,
|
|
timerProgressBar: true
|
|
});
|
|
}
|
|
|
|
if (errorMsg) {
|
|
Swal.fire({
|
|
toast: true,
|
|
position: 'bottom-end',
|
|
icon: 'error',
|
|
title: errorMsg,
|
|
showConfirmButton: false,
|
|
timer: 2500,
|
|
timerProgressBar: true
|
|
});
|
|
}
|
|
|
|
if (errors.length > 0) {
|
|
|
|
errors = errors.map(function(msg) {
|
|
switch (msg) {
|
|
case 'The password field must be at least 6 characters.':
|
|
return 'Password minimal 6 karakter.';
|
|
|
|
case 'The nip field must be at least 18 characters.':
|
|
return 'NIP minimal 18 digit.';
|
|
|
|
case 'The email has already been taken.':
|
|
return 'Email sudah digunakan.';
|
|
|
|
case 'The nip has already been taken.':
|
|
return 'NIP sudah terdaftar.';
|
|
|
|
case 'The profile picture field must be an image.':
|
|
return 'File yang dipilih harus berupa gambar.';
|
|
|
|
default:
|
|
return msg;
|
|
}
|
|
});
|
|
|
|
var listHtml = '<ul style="list-style:none; text-align:center; padding:0; margin:0; color:#374151;">'
|
|
+ errors.map(function(msg) {
|
|
return '<li style="margin-bottom:4px;">' + msg + '</li>';
|
|
}).join('')
|
|
+ '</ul>';
|
|
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Validasi Gagal',
|
|
html: listHtml,
|
|
confirmButtonText: 'Mengerti',
|
|
confirmButtonColor: '#365CF5',
|
|
customClass: {
|
|
popup: 'rounded-4 shadow-lg',
|
|
title: 'fw-bold text-danger',
|
|
confirmButton: 'fw-semibold px-4'
|
|
}
|
|
}).then(function() {
|
|
if (openModal === 'tambah') {
|
|
var modalTambah = new bootstrap.Modal(document.getElementById('modalTambahGuru'));
|
|
modalTambah.show();
|
|
}
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
@endif
|
|
|
|
@endsection
|
|
|