MIF_E31221264/resources/views/admin/pages/user/index.blade.php

95 lines
3.3 KiB
PHP

@extends('admin.layouts.base')
@section('title', 'Data User')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
<h1 class="h3 text-grey-800">
<i class="bi bi-people"></i> Data User
</h1>
</div>
<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary">
<i class="bi bi-table"></i> Daftar Data User
</h6>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
<thead>
<tr>
<th class="text-center">No</th>
<th class="text-center">Nama</th>
<th class="text-center">Email</th>
<th class="text-center">Username</th>
<th class="text-center">Level</th>
<th class="text-center">Aksi</th>
</tr>
</thead>
<tbody>
@foreach ($users as $key => $user)
<tr>
<td class="text-center">{{ $key + 1 }}</td>
<td class="text-center">{{ $user->name }}</td>
<td class="text-center">{{ $user->email }}</td>
<td class="text-center">{{ $user->username }}</td>
<td class="text-center">{{ $user->role }}</td>
<td class="text-center">
<div class="d-flex justify-content-center">
<a href="{{ route('user.show', $user->id) }}" class="btn btn-info btn-sm mx-1">
<i class="bi bi-eye"></i>
</a>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
<!-- SweetAlert CDN -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@if (session('success'))
<script>
Swal.fire({
title: 'Berhasil!',
text: '{{ session('success') }}',
icon: 'success',
timer: 3000,
showConfirmButton: false
});
</script>
@endif
<script>
document.addEventListener('DOMContentLoaded', function () {
const deleteButtons = document.querySelectorAll('.delete-button');
deleteButtons.forEach(button => {
button.addEventListener('click', function () {
const id = this.getAttribute('data-id');
Swal.fire({
title: 'Apakah Anda yakin?',
text: 'Data ini akan dihapus secara permanen!',
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#d33',
cancelButtonColor: '#3085d6',
confirmButtonText: 'Ya, hapus!',
cancelButtonText: 'Batal'
}).then((result) => {
if (result.isConfirmed) {
document.getElementById('delete-form-' + id).submit();
}
});
});
});
});
</script>
@endsection