agungpradhika/5_AgungPradhikaNugraha
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nambah modul asuransi dan pegawai

Browse Source
This commit is contained in:
sahong 2025-04-27 23:38:18 +07:00
parent a507982a1a
commit e77be04d62
10 changed files with 633 additions and 270 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
app/Http/Controllers/AsuransiController.php Normal file
View File

@ -0,0 +1,43 @@
<?php
namespace App\Http\Controllers;
use App\Models\Asuransi;
use Illuminate\Http\Request;
class AsuransiController extends Controller
{
public function index()
{
$asuransis = Asuransi::orderBy('nama_asuransi')->paginate(10);
return view('asuransi', compact('asuransis'));
}
public function store(Request $request)
{
$request->validate([
'nama_asuransi' => 'required|string|min:3|max:100|unique:asuransi,nama_asuransi'
]);
Asuransi::create($request->all());
return redirect()->route('asuransi.index')->with('success', 'Asuransi berhasil ditambahkan');
}
public function update(Request $request, $id)
{
$request->validate([
'nama_asuransi' => 'required|string|min:3|max:100|unique:asuransi,nama_asuransi,'.$id.',id_asuransi'
]);
$asuransi = Asuransi::findOrFail($id);
$asuransi->update($request->all());
return redirect()->route('asuransi.index')->with('success', 'Asuransi berhasil diperbarui');
}
public function destroy($id)
{
$asuransi = Asuransi::findOrFail($id);
$asuransi->delete();
return redirect()->route('asuransi.index')->with('success', 'Asuransi berhasil dihapus');
}
}

43
app/Http/Controllers/PegawaiController.php Normal file
View File

@ -0,0 +1,43 @@
<?php
namespace App\Http\Controllers;
use App\Models\Pegawai;
use Illuminate\Http\Request;
class PegawaiController extends Controller
{
public function index()
{
$pegawais = Pegawai::orderBy('nama_pegawai')->paginate(10);
return view('karyawan', compact('pegawais'));
}
public function store(Request $request)
{
$request->validate([
'nama_pegawai' => 'required|string|min:3|max:100|unique:pegawai,nama_pegawai'
]);
Pegawai::create($request->all());
return redirect()->route('karyawan.index')->with('success', 'Karyawan berhasil ditambahkan');
}
public function update(Request $request, $id)
{
$request->validate([
'nama_pegawai' => 'required|string|min:3|max:100|unique:pegawai,nama_pegawai,'.$id.',id_pegawai'
]);
$pegawai = Pegawai::findOrFail($id);
$pegawai->update($request->all());
return redirect()->route('karyawan.index')->with('success', 'Karyawan berhasil diperbarui');
}
public function destroy($id)
{
$pegawai = Pegawai::findOrFail($id);
$pegawai->delete();
return redirect()->route('karyawan.index')->with('success', 'Karyawan berhasil dihapus');
}
}

64
app/Http/Controllers/RuanganController.php Normal file
View File

@ -0,0 +1,64 @@
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class RuanganController extends Controller
{
/**
* Display a listing of the resource.
*/
public function index()
{
//
}
/**
* Show the form for creating a new resource.
*/
public function create()
{
//
}
/**
* Store a newly created resource in storage.
*/
public function store(Request $request)
{
//
}
/**
* Display the specified resource.
*/
public function show(string $id)
{
//
}
/**
* Show the form for editing the specified resource.
*/
public function edit(string $id)
{
//
}
/**
* Update the specified resource in storage.
*/
public function update(Request $request, string $id)
{
//
}
/**
* Remove the specified resource from storage.
*/
public function destroy(string $id)
{
//
}
}

18
app/Models/Asuransi.php Normal file
View File

@ -0,0 +1,18 @@
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
class Asuransi extends Model
{
use HasFactory;
protected $table = 'asuransi';
protected $primaryKey = 'id_asuransi';
protected $fillable = [
'nama_asuransi',
];
}

16
app/Models/Pegawai.php Normal file
View File

@ -0,0 +1,16 @@
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
class Pegawai extends Model
{
use HasFactory;
protected $table = 'pegawai';
protected $primaryKey = 'id_pegawai';
protected $fillable = ['nama_pegawai'];
}

15
app/Models/Ruangan.php Normal file
View File

@ -0,0 +1,15 @@
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
class Ruangan extends Model
{
use HasFactory;
protected $table = 'ruang_pelayanan';
protected $primaryKey = 'id_ruang_pelayanan';
protected $fillable = ['nama_ruang_pelayanan'];
}

341
resources/views/asuransi.blade.php
View File

@ -3,10 +3,11 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tambah Data Pasien | SIM-RS Anak dan Bunda Harapan Kita</title>
<title>Data Asuransi | SIM-RS Anak dan Bunda Harapan Kita</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
<style>
/* Gunakan style yang sama dengan halaman sebelumnya */
:root {
--primary-color: #0075c9;
--secondary-color: #64c4ed;
@ -27,12 +28,12 @@
flex-direction: column;
}
.form-container {
.data-container {
flex: 1;
padding: 40px 20px;
}
.form-card {
.data-card {
background-color: rgba(255, 255, 255, 0.95);
border-radius: 20px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
@ -40,7 +41,7 @@
position: relative;
}
.form-card::before {
.data-card::before {
content: '';
position: absolute;
top: 0;
@ -69,48 +70,69 @@
margin-bottom: 10px;
}
.subtitle {
color: var(--dark-color);
.btn-primary-gradient {
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
border: none;
color: white;
font-weight: 600;
padding: 10px 20px;
border-radius: 30px;
box-shadow: 0 4px 10px rgba(0, 117, 201, 0.3);
transition: all 0.3s ease;
}
.btn-primary-gradient:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0, 117, 201, 0.4);
color: white;
}
.table-custom {
background-color: white;
border-radius: 15px;
overflow: hidden;
}
.table-custom thead {
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
color: white;
}
.table-custom th {
border: none;
font-weight: 600;
}
.section-title {
display: flex;
align-items: center;
margin-bottom: 20px;
border-bottom: 1px solid rgba(18, 68, 103, 0.1);
padding-bottom: 10px;
.table-custom td {
vertical-align: middle;
border-color: #f0f7ff;
}
.section-icon {
width: 40px;
height: 40px;
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
color: white;
border-radius: 50%;
display: flex;
.action-btn {
width: 35px;
height: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 15px;
box-shadow: 0 4px 8px rgba(0, 117, 201, 0.2);
border-radius: 50%;
margin: 0 3px;
}
.footer {
background-color: rgba(18, 68, 103, 0.95);
padding: 15px 0;
.modal-content {
border-radius: 15px;
border: none;
}
.modal-header {
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
color: white;
border-radius: 15px 15px 0 0;
}
.footer a {
color: var(--secondary-color);
text-decoration: none;
transition: color 0.3s;
.bg-pink {
background-color: rgb(182, 83, 100) !important;
}
.footer a:hover {
color: var(--accent-color);
}
.back-link {
color: var(--primary-color);
text-decoration: none;
@ -124,123 +146,153 @@
color: var(--secondary-color);
transform: translateX(-3px);
}
.form-floating > label {
color: #666;
padding-left: 1rem;
}
.form-floating > .form-control {
border-radius: 10px;
border: 1px solid #dde5ed;
background-color: #f8fcff;
transition: all 0.3s;
}
.form-floating > .form-control:focus {
box-shadow: 0 0 0 3px rgba(0, 117, 201, 0.2);
border-color: var(--primary-color);
}
.form-floating > .form-select {
border-radius: 10px;
border: 1px solid #dde5ed;
background-color: #f8fcff;
transition: all 0.3s;
}
.form-floating > .form-select:focus {
box-shadow: 0 0 0 3px rgba(0, 117, 201, 0.2);
border-color: var(--primary-color);
}
.btn-primary-gradient {
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
border: none;
color: white;
font-weight: 600;
padding: 10px 25px;
border-radius: 30px;
box-shadow: 0 4px 10px rgba(0, 117, 201, 0.3);
transition: all 0.3s ease;
}
.btn-primary-gradient:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0, 117, 201, 0.4);
color: white;
}
.btn-outline-secondary {
border: 2px solid #6c757d;
color: #6c757d;
font-weight: 600;
padding: 10px 25px;
border-radius: 30px;
transition: all 0.3s ease;
}
.btn-outline-secondary:hover {
background-color: #6c757d;
color: white;
transform: translateY(-3px);
}
/* Form sections highlight on hover */
.form-section {
padding: 20px;
border-radius: 15px;
transition: all 0.3s ease;
background-color: transparent;
}
.form-section:hover {
background-color: rgba(100, 196, 237, 0.05);
}
.form-floating > .form-select,
.form-floating > .form-control {
padding-top: 2rem !important;
padding-bottom: 0px !important;
}
</style>
</head>
<body>
<div class="form-container container py-4">
<div class="data-container container py-4">
<div class="row justify-content-center">
<div class="col-lg-10 col-xl-8">
<div class="col-lg-10 col-xl-12">
<div class="text-start mb-3">
<a href="/" class="back-link">
<i class="fas fa-arrow-left me-2"></i> Kembali ke Beranda
</a>
</div>
<div class="form-card p-4 p-md-5 my-2">
<div class="data-card p-4 p-md-5 my-2">
<div class="text-center mb-4">
<img src="{{ asset('assets/images/logo.png') }}" alt="Logo RS" class="hospital-logo">
<h2 class="h3 display-title">TAMBAH DATA ASURANSI</h2>
<h2 class="h3 display-title">DATA ASURANSI</h2>
<p class="subtitle">Sistem Informasi Manajemen RS Anak dan Bunda Harapan Kita</p>
</div>
<form action="" method="POST">
@csrf
<!-- Data Asuransi -->
<div class="form-section mb-4">
<div class="section-title">
<div class="section-icon">
<i class="fas fa-id-card-alt"></i>
</div>
<h5 class="text-primary fw-bold mb-0">Data Asuransi</h5>
<div class="d-flex justify-content-between mb-4">
<div class="search-box">
<div class="input-group">
<span class="input-group-text bg-white"><i class="fas fa-search"></i></span>
<input type="text" class="form-control" placeholder="Cari asuransi..." id="searchInput">
</div>
</div>
</form>
<button class="btn btn-primary-gradient" data-bs-toggle="modal" data-bs-target="#addAsuransiModal">
<i class="fas fa-plus-circle me-2"></i>Tambah Asuransi
</button>
</div>
<div class="table-responsive">
<table class="table table-custom table-hover">
<thead>
<tr>
<th width="5%">No</th>
<th>Nama Asuransi</th>
<th width="15%">Aksi</th>
</tr>
</thead>
<tbody>
@foreach($asuransis as $item)
<tr>
<td>{{ $loop->iteration }}</td>
<td>{{ $item->nama_asuransi }}</td>
<td>
<button class="btn btn-sm btn-warning action-btn" data-bs-toggle="modal" data-bs-target="#editAsuransiModal{{ $item->id_asuransi }}">
<i class="fas fa-edit text-white"></i>
</button>
<button class="btn btn-sm btn-danger action-btn" data-bs-toggle="modal" data-bs-target="#deleteAsuransiModal{{ $item->id_asuransi }}">
<i class="fas fa-trash-alt text-white"></i>
</button>
</td>
</tr>
<!-- Modal Edit -->
<div class="modal fade" id="editAsuransiModal{{ $item->id_asuransi }}" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Edit Data Asuransi</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="{{ route('asuransi.update', $item->id_asuransi) }}" method="POST">
@csrf
@method('PUT')
<div class="modal-body">
<div class="mb-3">
<label class="form-label">Nama Asuransi</label>
<input type="text" class="form-control" name="nama_asuransi" value="{{ $item->nama_asuransi }}" 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-primary-gradient">Simpan Perubahan</button>
</div>
</form>
</div>
</div>
</div>
<!-- Modal Delete -->
<div class="modal fade" id="deleteAsuransiModal{{ $item->id_asuransi }}" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-danger">
<h5 class="modal-title text-white">Konfirmasi Hapus</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="{{ route('asuransi.destroy', $item->id_asuransi) }}" method="POST">
@csrf
@method('DELETE')
<div class="modal-body">
<p>Apakah Anda yakin ingin menghapus asuransi <strong>{{ $item->nama_asuransi }}</strong>?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
<button type="submit" class="btn btn-danger">Ya, Hapus</button>
</div>
</form>
</div>
</div>
</div>
@endforeach
</tbody>
</table>
</div>
<div class="d-flex justify-content-between align-items-center mt-3">
<div class="text-muted">
Menampilkan {{ $asuransis->firstItem() }} - {{ $asuransis->lastItem() }} dari {{ $asuransis->total() }} asuransi
</div>
<div>
{{ $asuransis->links() }}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<!-- Modal Add -->
<div class="modal fade" id="addAsuransiModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Tambah Asuransi Baru</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="{{ route('asuransi.store') }}" method="POST">
@csrf
<div class="modal-body">
<div class="mb-3">
<label class="form-label">Nama Asuransi</label>
<input type="text" class="form-control" name="nama_asuransi" required>
<small class="text-muted">Contoh: BPJS Kesehatan, Allianz, Prudential, dll.</small>
</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-primary-gradient">Simpan Data</button>
</div>
</form>
</div>
</div>
</div>
<footer class="footer text-center py-3">
<div class="container">
<p class="mb-0">
@ -252,6 +304,33 @@
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
<script>
// Fungsi pencarian
document.getElementById('searchInput').addEventListener('keyup', function() {
const searchValue = this.value.toLowerCase();
const rows = document.querySelectorAll('.table-custom tbody tr');
rows.forEach(row => {
const namaAsuransi = row.querySelector('td:nth-child(2)').textContent.toLowerCase();
if (namaAsuransi.includes(searchValue)) {
row.style.display = '';
} else {
row.style.display = 'none';
}
});
});
// Validasi form tambah asuransi
document.getElementById('addAsuransiModal').addEventListener('shown.bs.modal', function() {
const form = this.querySelector('form');
form.addEventListener('submit', function(e) {
const nama = this.querySelector('[name="nama_asuransi"]').value.trim();
if(nama.length < 3) {
alert('Nama asuransi harus minimal 3 karakter');
e.preventDefault();
}
});
});
</script>
</body>
</html>

339
resources/views/karyawan.blade.php
View File

@ -3,10 +3,11 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tambah Data Pasien | SIM-RS Anak dan Bunda Harapan Kita</title>
<title>Data Karyawan | SIM-RS Anak dan Bunda Harapan Kita</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
<style>
/* Gunakan style yang sama dengan halaman sebelumnya */
:root {
--primary-color: #0075c9;
--secondary-color: #64c4ed;
@ -27,12 +28,12 @@
flex-direction: column;
}
.form-container {
.data-container {
flex: 1;
padding: 40px 20px;
}
.form-card {
.data-card {
background-color: rgba(255, 255, 255, 0.95);
border-radius: 20px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
@ -40,7 +41,7 @@
position: relative;
}
.form-card::before {
.data-card::before {
content: '';
position: absolute;
top: 0;
@ -69,48 +70,69 @@
margin-bottom: 10px;
}
.subtitle {
color: var(--dark-color);
.btn-primary-gradient {
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
border: none;
color: white;
font-weight: 600;
padding: 10px 20px;
border-radius: 30px;
box-shadow: 0 4px 10px rgba(0, 117, 201, 0.3);
transition: all 0.3s ease;
}
.btn-primary-gradient:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0, 117, 201, 0.4);
color: white;
}
.table-custom {
background-color: white;
border-radius: 15px;
overflow: hidden;
}
.table-custom thead {
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
color: white;
}
.table-custom th {
border: none;
font-weight: 600;
}
.section-title {
display: flex;
align-items: center;
margin-bottom: 20px;
border-bottom: 1px solid rgba(18, 68, 103, 0.1);
padding-bottom: 10px;
.table-custom td {
vertical-align: middle;
border-color: #f0f7ff;
}
.section-icon {
width: 40px;
height: 40px;
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
color: white;
border-radius: 50%;
display: flex;
.action-btn {
width: 35px;
height: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 15px;
box-shadow: 0 4px 8px rgba(0, 117, 201, 0.2);
border-radius: 50%;
margin: 0 3px;
}
.footer {
background-color: rgba(18, 68, 103, 0.95);
padding: 15px 0;
.modal-content {
border-radius: 15px;
border: none;
}
.modal-header {
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
color: white;
border-radius: 15px 15px 0 0;
}
.footer a {
color: var(--secondary-color);
text-decoration: none;
transition: color 0.3s;
.bg-pink {
background-color: rgb(182, 83, 100) !important;
}
.footer a:hover {
color: var(--accent-color);
}
.back-link {
color: var(--primary-color);
text-decoration: none;
@ -124,124 +146,153 @@
color: var(--secondary-color);
transform: translateX(-3px);
}
.form-floating > label {
color: #666;
padding-left: 1rem;
}
.form-floating > .form-control {
border-radius: 10px;
border: 1px solid #dde5ed;
background-color: #f8fcff;
transition: all 0.3s;
}
.form-floating > .form-control:focus {
box-shadow: 0 0 0 3px rgba(0, 117, 201, 0.2);
border-color: var(--primary-color);
}
.form-floating > .form-select {
border-radius: 10px;
border: 1px solid #dde5ed;
background-color: #f8fcff;
transition: all 0.3s;
}
.form-floating > .form-select:focus {
box-shadow: 0 0 0 3px rgba(0, 117, 201, 0.2);
border-color: var(--primary-color);
}
.btn-primary-gradient {
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
border: none;
color: white;
font-weight: 600;
padding: 10px 25px;
border-radius: 30px;
box-shadow: 0 4px 10px rgba(0, 117, 201, 0.3);
transition: all 0.3s ease;
}
.btn-primary-gradient:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0, 117, 201, 0.4);
color: white;
}
.btn-outline-secondary {
border: 2px solid #6c757d;
color: #6c757d;
font-weight: 600;
padding: 10px 25px;
border-radius: 30px;
transition: all 0.3s ease;
}
.btn-outline-secondary:hover {
background-color: #6c757d;
color: white;
transform: translateY(-3px);
}
/* Form sections highlight on hover */
.form-section {
padding: 20px;
border-radius: 15px;
transition: all 0.3s ease;
background-color: transparent;
}
.form-section:hover {
background-color: rgba(100, 196, 237, 0.05);
}
.form-floating > .form-select,
.form-floating > .form-control {
padding-top: 2rem !important;
padding-bottom: 0px !important;
}
</style>
</head>
<body>
<div class="form-container container py-4">
<div class="data-container container py-4">
<div class="row justify-content-center">
<div class="col-lg-10 col-xl-8">
<div class="col-lg-10 col-xl-12">
<div class="text-start mb-3">
<a href="/" class="back-link">
<i class="fas fa-arrow-left me-2"></i> Kembali ke Beranda
</a>
</div>
<div class="form-card p-4 p-md-5 my-2">
<div class="data-card p-4 p-md-5 my-2">
<div class="text-center mb-4">
<img src="{{ asset('assets/images/logo.png') }}" alt="Logo RS" class="hospital-logo">
<h2 class="h3 display-title">TAMBAH KARYAWAN</h2>
<h2 class="h3 display-title">DATA KARYAWAN</h2>
<p class="subtitle">Sistem Informasi Manajemen RS Anak dan Bunda Harapan Kita</p>
</div>
<form action="" method="POST">
@csrf
<!-- Data Pegawai -->
<div class="form-section mb-4">
<div class="section-title">
<div class="section-icon">
<i class="fas fa-user-md"></i>
</div>
<h5 class="text-primary fw-bold mb-0">Data Karyawan</h5>
<div class="d-flex justify-content-between mb-4">
<div class="search-box">
<div class="input-group">
<span class="input-group-text bg-white"><i class="fas fa-search"></i></span>
<input type="text" class="form-control" placeholder="Cari karyawan..." id="searchInput">
</div>
</div>
<button class="btn btn-primary-gradient" data-bs-toggle="modal" data-bs-target="#addPegawaiModal">
<i class="fas fa-user-plus me-2"></i>Tambah Karyawann
</button>
</div>
</form>
<div class="table-responsive">
<table class="table table-custom table-hover">
<thead>
<tr>
<th width="5%">No</th>
<th>Nama Karyawan</th>
<th width="15%">Aksi</th>
</tr>
</thead>
<tbody>
@foreach($pegawais as $item)
<tr>
<td>{{ $loop->iteration }}</td>
<td>{{ $item->nama_pegawai }}</td>
<td>
<button class="btn btn-sm btn-warning action-btn" data-bs-toggle="modal" data-bs-target="#editPegawaiModal{{ $item->id_pegawai }}">
<i class="fas fa-edit text-white"></i>
</button>
<button class="btn btn-sm btn-danger action-btn" data-bs-toggle="modal" data-bs-target="#deletePegawaiModal{{ $item->id_pegawai }}">
<i class="fas fa-trash-alt text-white"></i>
</button>
</td>
</tr>
<!-- Modal Edit -->
<div class="modal fade" id="editPegawaiModal{{ $item->id_pegawai }}" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Edit Data Karyawan</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="{{ route('karyawan.update', $item->id_pegawai) }}" method="POST">
@csrf
@method('PUT')
<div class="modal-body">
<div class="mb-3">
<label class="form-label">Nama Karyawan</label>
<input type="text" class="form-control" name="nama_pegawai" value="{{ $item->nama_pegawai }}" 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-primary-gradient">Simpan Perubahan</button>
</div>
</form>
</div>
</div>
</div>
<!-- Modal Delete -->
<div class="modal fade" id="deletePegawaiModal{{ $item->id_pegawai }}" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-danger">
<h5 class="modal-title text-white">Konfirmasi Hapus</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="{{ route('karyawan.destroy', $item->id_pegawai) }}" method="POST">
@csrf
@method('DELETE')
<div class="modal-body">
<p>Apakah Anda yakin ingin menghapus karyawan <strong>{{ $item->nama_pegawai }}</strong>?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
<button type="submit" class="btn btn-danger">Ya, Hapus</button>
</div>
</form>
</div>
</div>
</div>
@endforeach
</tbody>
</table>
</div>
<div class="d-flex justify-content-between align-items-center mt-3">
<div class="text-muted">
Menampilkan {{ $pegawais->firstItem() }} - {{ $pegawais->lastItem() }} dari {{ $pegawais->total() }} karyawan
</div>
<div>
{{ $pegawais->links() }}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<!-- Modal Add -->
<div class="modal fade" id="addPegawaiModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Tambah Karyawan Baru</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="{{ route('karyawan.store') }}" method="POST">
@csrf
<div class="modal-body">
<div class="mb-3">
<label class="form-label">Nama Karyawan</label>
<input type="text" class="form-control" name="nama_pegawai" required>
<small class="text-muted">Masukkan nama lengkap karyawan</small>
</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-primary-gradient">Simpan Data</button>
</div>
</form>
</div>
</div>
</div>
<footer class="footer text-center py-3">
<div class="container">
<p class="mb-0">
@ -253,5 +304,33 @@
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
<script>
// Fungsi pencarian
document.getElementById('searchInput').addEventListener('keyup', function() {
const searchValue = this.value.toLowerCase();
const rows = document.querySelectorAll('.table-custom tbody tr');
rows.forEach(row => {
const namaPegawai = row.querySelector('td:nth-child(2)').textContent.toLowerCase();
if (namaPegawai.includes(searchValue)) {
row.style.display = '';
} else {
row.style.display = 'none';
}
});
});
// Validasi form tambah pegawai
document.getElementById('addPegawaiModal').addEventListener('shown.bs.modal', function() {
const form = this.querySelector('form');
form.addEventListener('submit', function(e) {
const nama = this.querySelector('[name="nama_pegawai"]').value.trim();
if(nama.length < 3) {
alert('Nama karyawan harus minimal 3 karakter');
e.preventDefault();
}
});
});
</script>
</body>
</html>

4
resources/views/welcome.blade.php
View File

@ -231,12 +231,12 @@
<div class="row justify-content-center g-4 mb-5">
<div class="col-md-5 text-center">
<a href="{{ route('asuransi') }}" class="btn btn-outline-custom btn-lg w-100 py-3">
<a href="{{ route('asuransi.index') }}" class="btn btn-outline-custom btn-lg w-100 py-3">
<i class="fas fa-id-card-alt me-2"></i> ASURANSI
</a>
</div>
<div class="col-md-5 text-center">
<a href="{{ route('karyawan') }}" class="btn btn-outline-custom btn-lg w-100 py-3">
<a href="{{ route('karyawan.index') }}" class="btn btn-outline-custom btn-lg w-100 py-3">
<i class="fas fa-user-md me-2"></i> KARYAWAN
</a>
</div>

20
routes/web.php
View File

@ -2,6 +2,8 @@
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\PasienController;
use App\Http\Controllers\AsuransiController;
use App\Http\Controllers\PegawaiController;
/*
|--------------------------------------------------------------------------
| Web Routes
@ -21,19 +23,23 @@ Route::get('/registrasi', function () {
return view('registrasi');
})->name('registrasi');
// ROUTE PASIEN
Route::get('/data-pasien', [PasienController::class, 'index'])->name('pasien.index');
Route::post('/data-pasien', [PasienController::class, 'store'])->name('pasien.store');
Route::put('/data-pasien/{id}', [PasienController::class, 'update'])->name('pasien.update');
Route::delete('/data-pasien/{id}', [PasienController::class, 'destroy'])->name('pasien.destroy');
Route::get('/data-asuransi', function () {
return view('asuransi');
})->name('asuransi');
// ROUTE ASURANSI
Route::get('/data-asuransi', [AsuransiController::class, 'index'])->name('asuransi.index');
Route::post('/data-asuransi', [AsuransiController::class, 'store'])->name('asuransi.store');
Route::put('/data-asuransi/{id}', [AsuransiController::class, 'update'])->name('asuransi.update');
Route::delete('/data-asuransi/{id}', [AsuransiController::class, 'destroy'])->name('asuransi.destroy');
Route::get('/data-karyawan', function () {
return view('karyawan');
})->name('karyawan');
// ROUTE KARYAWAN
Route::get('/data-karyawan', [PegawaiController::class, 'index'])->name('karyawan.index');
Route::post('/data-karyawan', [PegawaiController::class, 'store'])->name('karyawan.store');
Route::put('/data-karyawan/{id}', [PegawaiController::class, 'update'])->name('karyawan.update');
Route::delete('/data-karyawan/{id}', [PegawaiController::class, 'destroy'])->name('karyawan.destroy');
Route::get('/data-ruangan', function () {
return view('ruangan');