MIF_E31212322/resources/views/pages/user.blade.php

250 lines
11 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="apple-touch-icon" sizes="76x76" href="../img/apple-icon.png">
<link rel="icon" type="image/png" href="../img/favicon.png">
<title>
Sistem Pendukung Keputusan Penerima Bantuan
</title>
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
<!-- Nucleo Icons -->
<link href="../css/nucleo-icons.css" rel="stylesheet" />
<link href="../css/nucleo-svg.css" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
<link href="../css/nucleo-svg.css" rel="stylesheet" />
<!-- CSS Files -->
<link id="pagestyle" href="../css/argon-dashboard.css?v=2.0.4" rel="stylesheet" />
<!-- Timer Notifikasi-->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>
<body class="g-sidenav-show bg-gray-100">
<div class="min-height-300 bg-primary position-absolute w-100"></div>
<aside class="sidenav bg-white navbar navbar-vertical navbar-expand-xs border-0 border-radius-xl my-3 fixed-start ms-4 " id="sidenav-main">
<div class="sidenav-header">
<i class="fas fa-times p-3 cursor-pointer text-secondary opacity-5 position-absolute end-0 top-0 d-none d-xl-none" aria-hidden="true" id="iconSidenav"></i>
<a class="navbar-brand m-0" href=" /dashboard " target="_blank">
<img src="../img/logo-ct-dark.png" class="navbar-brand-img h-100" alt="main_logo">
<span class="ms-1 font-weight-bold">Dashboard</span>
</a>
</div>
<hr class="horizontal dark mt-0">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link " href="/dashboard">
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
<i class="ni ni-tv-2 text-primary text-sm opacity-10"></i>
</div>
<span class="nav-link-text ms-1">Dashboard</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="/daftarnama">
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
<i class="ni ni-calendar-grid-58 text-warning text-sm opacity-10"></i>
</div>
<span class="nav-link-text ms-1">Data Penduduk</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="/datakriteria">
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
<i class="ni ni-building text-primary text-sm opacity-10"></i>
</div>
<span class="nav-link-text ms-1">Data Kriteria</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="/datasubkriteria">
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
<i class="ni ni-credit-card text-success text-sm opacity-10"></i>
</div>
<span class="nav-link-text ms-1">Data Sub Kriteria</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="/dataalternatif">
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
<i class="ni ni-bullet-list-67 text-warning text-sm opacity-10"></i>
</div>
<span class="nav-link-text ms-1">Data Alterinatif</span>
</a>
</li>
</li>
<li class="nav-item mt-3">
<h6 class="ps-4 ms-2 text-uppercase text-xs font-weight-bolder opacity-6">Account pages</h6>
</li>
<li class="nav-item">
<a class="nav-link " href="../pages/profile.html">
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
<i class="ni ni-single-02 text-dark text-sm opacity-10"></i>
</div>
<span class="nav-link-text ms-1">Profile</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="../pages/sign-in.html">
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
<i class="ni ni-single-copy-04 text-warning text-sm opacity-10"></i>
</div>
<span class="nav-link-text ms-1">Sign In</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="/user">
<div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
<i class="ni ni-collection text-info text-sm opacity-10"></i>
</div>
<span class="nav-link-text ms-1">User</span>
</a>
</li>
</ul>
</aside>
<main class="main-content position-relative border-radius-lg ">
<!-- Navbar -->
<nav class="navbar navbar-main navbar-expand-lg px-0 mx-4 shadow-none border-radius-xl " id="navbarBlur" data-scroll="false">
<div class="container-fluid py-1 px-3">
<nav aria-label="breadcrumb">
<h6 class="font-weight-bolder text-white mb-0">User</h6>
</nav>
<div class="collapse navbar-collapse mt-sm-0 mt-2 me-md-0 me-sm-4" id="navbar">
<div class="ms-md-auto pe-md-3 d-flex align-items-center">
<div class="input-group">
<span class="input-group-text text-body"><i class="fas fa-search" aria-hidden="true"></i></span>
<input type="text" class="form-control" placeholder="Type here...">
</div>
</div>
<ul class="navbar-nav justify-content-end">
<li class="nav-item d-flex align-items-center">
<a href="javascript:;" class="nav-link text-white font-weight-bold px-0">
<i class="fa fa-user me-sm-1"></i>
<span class="d-sm-inline d-none">Sign In</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Navbar -->
<div class="container-fluid py-4">
<div class="row">
<div class="col-12">
<div class="card mb-4">
<div class="card-header pb-0">
<div class="d-flex justify-content-between align-items-center">
<h6>User</h6>
<a href="register" class="btn btn-primary btn-sm ml-auto">
<i class="fa fa-plus mr-1"></i> Tambah
</a>
</div>
</div>
<div class="card-body px-4 pt-0 pb-2">
<div class="table-responsive p-0">
<table class="table table-bordered table-hover table-striped">
<thead>
<tr>
<th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">No</th>
<th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Username</th>
<th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Email</th>
<th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Password</th>
<th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Aksi</th>
</tr>
</thead>
<tbody id="tabelUser">
@forelse ($userRegs as $userReg)
<tr>
<td class="text-center">{{ $loop->iteration }}</td>
<td class="text-center">{{ $userReg->username }}</td>
<td class="text-center">{{ $userReg->email }}</td>
<td class="text-center">{{ $userReg->password }}</td>
<td class="text-center">
<a href="#editModal" class="edit-icon" data-id="{{ $userReg->id }}">
<i class="fas fa-edit"></i>
</a>
<a href="datakriteria.hapus" class="delete-icon" data-id="{{ $userReg->id }}">
<i class="fas fa-trash"></i>
</a>
</td>
</tr>
@empty
<tr>
<td colspan="4" class="text-center">Tidak ada data</td>
</tr>
@endforelse
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-body">
<script>
document.addEventListener('DOMContentLoaded', function () {
@if(session('success'))
Swal.fire({
icon: 'success',
title: 'Berhasil!',
text: '{{ session('success') }}',
timer: 2000, // waktu dalam milidetik (2 detik)
showConfirmButton: false
});
@elseif(session('error'))
Swal.fire({
icon: 'error',
title: 'Error!',
text: '{{ session('error') }}',
timer: 2000, // waktu dalam milidetik (2 detik)
showConfirmButton: false
});
@endif
});
</script>
<!-- Skrip JavaScript untuk modal -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!-- Core JS Files -->
<script src="../js/core/popper.min.js"></script>
<script src="../js/core/bootstrap.min.js"></script>
<script src="../js/plugins/perfect-scrollbar.min.js"></script>
<script src="../js/plugins/smooth-scrollbar.min.js"></script>
<script>
var win = navigator.platform.indexOf('Win') > -1;
if (win && document.querySelector('#sidenav-scrollbar')) {
var options = {
damping: '0.5'
}
Scrollbar.init(document.querySelector('#sidenav-scrollbar'), options);
}
</script>
<!-- Github buttons -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<!-- Control Center for Soft Dashboard: parallax effects, scripts for the example pages etc -->
<script src="../js/argon-dashboard.min.js?v=2.0.4"></script>
</body>
</html>