123 lines
5.3 KiB
PHP
123 lines
5.3 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Detail Surat Keterangan Kematian</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined">
|
|
<link href="{{ asset('/assets/css/style.css') }}" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="sidebar">
|
|
<img src="{{ asset('/assets/img/Frame 1171276898.png') }}" alt="" width="100%">
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a href="{{ url('/Dashboard') }}">
|
|
<span class="material-symbols-outlined">dashboard</span>
|
|
Dashboard
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ url('/SKPembelianSolar') }}">
|
|
<span class="material-symbols-outlined">draft</span>
|
|
Pengajuan Surat
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ url('/Berita') }}">
|
|
<span class="material-symbols-outlined">newspaper</span>
|
|
Berita
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ url('/Aspirasi') }}">
|
|
<span class="material-symbols-outlined">folder_copy</span>
|
|
Aspirasi & Keluhan
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<form action="{{ route('logout') }}" method="POST" style="display: inline;" id="logout-form">
|
|
@csrf
|
|
<button type="submit" class="logout-btn" id="logout-btn">
|
|
<span class="material-symbols-outlined">logout</span>Logout
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<div class="content">
|
|
<div class="header">
|
|
<div class="content-header">
|
|
<img src="{{ asset('/assets/img/chevrons-right.svg') }}" alt="">
|
|
<span>{{ now()->translatedFormat('d F Y') }}</span>
|
|
</div>
|
|
<span>{{ Auth::user()->name }}</span>
|
|
</div>
|
|
<div class="content-table">
|
|
<div class="title-form">
|
|
<h2>Detail Surat Keterangan Kematian</h2>
|
|
<a href="{{ url('/SKKematian') }}" class="back">Kembali</a>
|
|
</div>
|
|
<div class="card-form">
|
|
<h3>Foto Pendukung</h3>
|
|
<img src="{{ asset('storage/Foto SK Kematian/'.$data->file_pendukung) }}" alt="{{$data->file_pendukung}}" width="100%">
|
|
<table>
|
|
<tr><td>Nama</td><td>{{ $data->nama }}</td></tr>
|
|
<tr><td>Tanggal Kematian</td><td>{{ $data->hari }}, {{ \Carbon\Carbon::parse($data->tanggal_kematian)->format('d-m-Y') }}</td></tr>
|
|
<tr><td>Usia</td><td>{{ $data->usia }}</td></tr>
|
|
<tr><td>Jenis Kelamin</td><td>{{ $data->jenis_kelamin }}</td></tr>
|
|
<tr><td>Bertempat</td><td>{{ $data->bertempat }}</td></tr>
|
|
<tr><td>Disebabkan</td><td>{{ $data->disebabkan }}</td></tr>
|
|
<tr><td>Alamat Terakhir</td><td>{{ $data->alamat_terakhir }}</td></tr>
|
|
<tr><td>Tanggal Pengajuan</td><td>{{ \Carbon\Carbon::parse($data->created_at)->translatedFormat('d F Y') }}</td></tr>
|
|
<tr><td>Status Pengajuan</td><td>{{ $data->status }}</td></tr>
|
|
</table>
|
|
<h3>Dokumen</h3>
|
|
<div class="detail-dokumen" id="detailDokumen">
|
|
<span class="material-symbols-outlined">description</span>
|
|
<p>{{ $data->file_hasil }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
const detailDokumen = document.getElementById("detailDokumen");
|
|
|
|
detailDokumen.addEventListener("click", function () {
|
|
const dokumenURL = "{{ asset('storage/File SK Kematian/'.$data->file_hasil) }}";
|
|
window.open(dokumenURL, "_blank");
|
|
});
|
|
});
|
|
</script>
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
|
<script>
|
|
document.getElementById('logout-btn').addEventListener('click', function(event) {
|
|
event.preventDefault();
|
|
|
|
Swal.fire({
|
|
title: 'Yakin ingin logout?',
|
|
text: 'Anda akan keluar dari sistem.',
|
|
icon: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonColor: '#e53935',
|
|
cancelButtonColor: '#6c757d',
|
|
confirmButtonText: 'Ya, logout',
|
|
cancelButtonText: 'Batal',
|
|
reverseButtons: true,
|
|
customClass: {
|
|
title: 'swal-custom-title',
|
|
htmlContainer: 'swal-custom-text',
|
|
confirmButton: 'swal-custom-button',
|
|
cancelButton: 'swal-custom-button'
|
|
}
|
|
}).then((result) => {
|
|
if (result.isConfirmed) {
|
|
document.getElementById('logout-form').submit();
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |