164 lines
7.6 KiB
PHP
164 lines
7.6 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Keluhan</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') }}" class="active">
|
|
<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="tab-menu">
|
|
<a href="{{ url('/Aspirasi') }}">Aspirasi
|
|
<span class="notif">{{ $countDiproses['aspirasi'] }}</span>
|
|
</a>
|
|
<a href="{{ url('/Keluhan') }}" class="active">Keluhan
|
|
<span class="notif">{{ $countDiproses['keluhan'] }}</span>
|
|
</a>
|
|
</div>
|
|
<form id="filter-form" method="GET" action="{{ url('/Keluhan') }}">
|
|
<div class="table-filter">
|
|
<div class="search-container">
|
|
<input type="text" name="search" placeholder="Cari judul keluhan" class="search-box" value="{{ request('search') }}" id="search-box">
|
|
<span class="material-symbols-outlined">search</span>
|
|
</div>
|
|
<div class="filter-date">
|
|
<input type="date" name="date" id="date-filter" value="{{ request('date') }}">
|
|
</div>
|
|
<div class="filter-status">
|
|
<select name="status" id="status-filter">
|
|
<option value="" disabled selected>Status</option>
|
|
<option value="Diproses" {{ request('status') == 'Diproses' ? 'selected' : '' }}>Diproses</option>
|
|
<option value="Ditolak" {{ request('status') == 'Ditolak' ? 'selected' : '' }}>Ditolak</option>
|
|
<option value="Selesai" {{ request('status') == 'Selesai' ? 'selected' : '' }}>Selesai</option>
|
|
</select>
|
|
<span class="material-symbols-outlined">keyboard_arrow_down</span>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="table-container">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Judul</th>
|
|
<th>Status</th>
|
|
<th>Tanggal Pengajuan</th>
|
|
<th>Katergori</th>
|
|
<th>Isi Keluhan</th>
|
|
<th>Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach($tabel_keluhan as $item)
|
|
<tr>
|
|
<td class="alamat">{{ $item->judul }}</td>
|
|
<td>
|
|
@if($item->status == 'Diproses')
|
|
<span class="status status-processing">Diproses</span>
|
|
@elseif($item->status == 'Selesai')
|
|
<span class="status status-done">Selesai</span>
|
|
@else
|
|
<span class="status status-rejected">Ditolak</span>
|
|
@endif
|
|
</td>
|
|
<td>{{ \Carbon\Carbon::parse($item->created_at)->translatedFormat('d F Y') }}</td>
|
|
<td>{{ $item->kategori }}</td>
|
|
<td class="alamat">{{ $item->isi }}</td>
|
|
<td>
|
|
@if($item->status == 'Diproses')
|
|
<a href="{{ route('Keluhan.edit', ['id' => $item->id]) }}" class="edit-btn"><span class="material-symbols-outlined">edit_square</span></a>
|
|
@elseif($item->status == 'Selesai')
|
|
<a href="{{ route('Keluhan.detail', ['id' => $item->id]) }}" class="edit-btn"><span class="material-symbols-outlined">more_horiz</span></a>
|
|
@else
|
|
<a class="detail-ditolak"><span class="material-symbols-outlined">more_horiz</span></a>
|
|
@endif
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
{{ $tabel_keluhan ->appends(request()->query())->links('vendor.pagination.bootstrap-4') }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="{{ asset('/assets/js/script-tabel.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>
|
|
@if(session('manage_success'))
|
|
@include('partials.Keluhan-success-popup')
|
|
@endif |