130 lines
6.2 KiB
PHP
130 lines
6.2 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Form Surat Keterangan Kehilangan</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>Form Surat Keterangan Kehilangan</h2>
|
|
<a href="{{ url('/SKKehilangan') }}" class="back">Kembali</a>
|
|
</div>
|
|
<div class="card-form">
|
|
<h3>Foto Pendukung</h3>
|
|
<img src="{{ asset('storage/Foto SK Kehilangan/'.$data->file_pendukung) }}" alt="{{$data->file_pendukung}}" width="100%">
|
|
<form id="sk-form" action="{{ route('SKKehilangan.update', $data->id) }}" method="POST" enctype="multipart/form-data">
|
|
@csrf
|
|
<h3>Data Pengajuan</h3>
|
|
<table>
|
|
<tr><td>Nama</td><td>{{ $data->nama }}</td></tr>
|
|
<tr><td>NIK</td><td>{{ $data->NIK }}</td></tr>
|
|
<tr><td>Tempat, Tanggal Lahir</td><td>{{ $data->tempat_lahir }}, {{ \Carbon\Carbon::parse($data->tanggal_lahir)->format('d-m-Y') }}</td></tr>
|
|
<tr><td>Jenis Kelamin</td><td>{{ $data->jenis_kelamin }}</td></tr>
|
|
<tr><td>Agama</td><td>{{ $data->agama }}</td></tr>
|
|
<tr><td>Pekerjaan</td><td>{{ $data->pekerjaan }}</td></tr>
|
|
<tr><td>Alamat</td><td>{{ $data->alamat }}</td></tr>
|
|
<tr><td>Tanggal Pengajuan</td><td>{{ \Carbon\Carbon::parse($data->created_at)->translatedFormat('d F Y') }}</td></tr>
|
|
</table>
|
|
|
|
<h3>Status Pengajuan</h3>
|
|
<div class="filter-status">
|
|
<select name="status" id="status-filter">
|
|
<option value="Diproses" {{ $data->status == 'Diproses' ? 'selected' : '' }}>Diproses</option>
|
|
<option value="Ditolak" {{ $data->status == 'Ditolak' ? 'selected' : '' }}>Ditolak</option>
|
|
<option value="Selesai" {{ $data->status == 'Selesai' ? 'selected' : '' }}>Selesai</option>
|
|
</select>
|
|
<span class="material-symbols-outlined">keyboard_arrow_down</span>
|
|
</div>
|
|
<h3>Upload Dokumen</h3>
|
|
<div id="upload-box" class="upload-box">
|
|
<p>Seret file anda ke sini atau <span id="browse-btn" style="color: blue; cursor: pointer;">Jelajahi</span></p>
|
|
<p>Ukuran file yang diizinkan maksimal 10 MB dengan format .doc, .docx, .xls, .xlsx, dan .pdf</p>
|
|
<ul id="file-list"></ul>
|
|
</div>
|
|
<input type="file" name="file" id="file" accept=".doc,.docx,.xls,.xlsx,.pdf" style="display: none;">
|
|
<input type="submit" value="Simpan" class="save">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="{{ asset('/assets/js/script-file.js') }}"></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> |