e41220949
/
TIF_NGANJUK_E41220949
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pembaruan detail

This commit is contained in:
rahmagustin 2026-01-30 22:10:11 +07:00
parent 3f01fe71b1
commit b0f777db46
15 changed files with 503 additions and 364 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
app/Http/Controllers/AduanController.php
View File

@ -8,11 +8,14 @@
class AduanController extends Controller
{
/**
* Halaman aduan TPS (user)
*/
public function index(Request $request)
{
$title = 'Aduan TPS';
// TPS terpilih (jika dari SIG / detail)
// TPS terpilih (jika dari detail / SIG)
$tps = null;
if ($request->filled('tps_id')) {
$tps = LokasiTps::with('kategori')
@ -20,7 +23,7 @@ public function index(Request $request)
->first();
}
// List TPS untuk dropdown (jika dari navbar)
// List TPS untuk dropdown
$listTps = LokasiTps::orderBy('nama_tps')->get();
return view('user.aduan-tps', compact(
@ -30,30 +33,38 @@ public function index(Request $request)
));
}
/**
* Simpan aduan TPS
*/
public function store(Request $request)
{
// VALIDASI (FOTO WAJIB)
$request->validate([
'lokasi_tps_id' => 'required|exists:lokasi_tps,id_tps',
'nama_pelapor' => 'required',
'alamat_pelapor'=> 'required',
'no_pelapor' => 'required',
'isi_aduan' => 'required',
'bukti_foto' => 'nullable|image|max:2048'
'nama_pelapor' => 'required|string|max:100',
'alamat_pelapor'=> 'required|string',
'no_pelapor' => 'required|string|max:20',
'isi_aduan' => 'required|string',
'bukti_foto' => 'required|image|mimes:jpg,jpeg,png|max:4096',
], [
'lokasi_tps_id.required' => 'TPS wajib dipilih',
'bukti_foto.required' => 'Foto bukti wajib diunggah',
'bukti_foto.image' => 'File harus berupa gambar',
]);
$foto = null;
if ($request->hasFile('bukti_foto')) {
$foto = $request->file('bukti_foto')->store('aduan', 'public');
}
// SIMPAN FOTO
$fotoPath = $request->file('bukti_foto')
->store('aduan', 'public');
// SIMPAN KE DATABASE
AduanTps::create([
'lokasi_tps_id' => $request->lokasi_tps_id,
'nama_pelapor' => $request->nama_pelapor,
'alamat_pelapor'=> $request->alamat_pelapor,
'no_pelapor' => $request->no_pelapor,
'isi_aduan' => $request->isi_aduan,
'tanggal_aduan' => now(),
'bukti_foto' => $foto
'bukti_foto' => $fotoPath,
'tanggal_aduan' => now(), // OTOMATIS
]);
return redirect()

11
app/Http/Controllers/Auth/AuthenticatedSessionController.php
View File

@ -11,17 +11,11 @@
class AuthenticatedSessionController extends Controller
{
/**
* Display the login view.
*/
public function create(): View
{
return view('auth.login');
}
/**
* Handle an incoming authentication request.
*/
public function store(LoginRequest $request): RedirectResponse
{
$request->authenticate();
@ -31,9 +25,6 @@ public function store(LoginRequest $request): RedirectResponse
return redirect()->intended(route('admin.dashboard', absolute: false));
}
/**
* Destroy an authenticated session.
*/
public function destroy(Request $request): RedirectResponse
{
Auth::guard('web')->logout();
@ -42,6 +33,6 @@ public function destroy(Request $request): RedirectResponse
$request->session()->regenerateToken();
return redirect('user.index');
return redirect('/index');
}
}

13
app/Http/Controllers/SigController.php
View File

@ -4,6 +4,7 @@
use Illuminate\Http\Request;
use App\Models\LokasiTps;
use App\Models\AduanTps;
class SIGController extends Controller
{
@ -12,7 +13,6 @@ class SIGController extends Controller
*/
public function index()
{
// Ambil semua data TPS dari database
$tps = LokasiTps::select(
'id_tps',
'nama_tps',
@ -28,12 +28,19 @@ public function index()
}
/**
* Menampilkan detail TPS
* Menampilkan detail TPS + aduan yang sudah ditanggapi
*/
public function show($id)
{
// Detail TPS
$tps = LokasiTps::with('kategori')->findOrFail($id);
return view('user.detail-tps', compact('tps'));
// Aduan untuk TPS ini yang SUDAH ditanggapi admin
$aduanTps = AduanTps::where('lokasi_tps_id', $id)
->whereNotNull('tanggapan_admin')
->orderBy('tanggal_aduan', 'desc')
->get();
return view('user.detail-tps', compact('tps', 'aduanTps'));
}
}

8
app/Models/AduanTps.php
View File

@ -21,9 +21,13 @@ class AduanTps extends Model
'tanggal_tanggapan'
];
// RELASI KE LOKASI TPS
public function lokasiTps()
{
return $this->belongsTo(LokasiTps::class);
return $this->belongsTo(
LokasiTps::class, // model tujuan
'lokasi_tps_id', // foreign key di aduan_tps
'id_tps' // primary key di lokasi_tps
);
}
}

1
public/assets/admin/css/vertical-layout-light/style.css
View File

@ -29968,4 +29968,5 @@ @media (max-width: 991px) {
}
}
/*# sourceMappingURL=../maps/vertical-layout-light/style.css.map */

BIN
public/assets/admin/images/icon-mini.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 204 KiB

66
public/assets/user/css/main.css
View File

@ -168,7 +168,7 @@ @keyframes pulsate-play-btn {
/* PHP Email Form Messages
------------------------------*/
.php-email-form .error-message {
.aduan-form .error-message {
display: none;
background: #df1529;
color: #ffffff;
@ -178,7 +178,7 @@ .php-email-form .error-message {
font-weight: 600;
}
.php-email-form .sent-message {
.aduan-form .sent-message {
display: none;
color: #ffffff;
background: #059652;
@ -188,7 +188,7 @@ .php-email-form .sent-message {
font-weight: 600;
}
.php-email-form .loading {
.aduan-form .loading {
display: none;
background: var(--surface-color);
text-align: center;
@ -196,7 +196,7 @@ .php-email-form .loading {
margin-bottom: 24px;
}
.php-email-form .loading:before {
.aduan-form .loading:before {
content: "";
display: inline-block;
border-radius: 50%;
@ -205,10 +205,10 @@ .php-email-form .loading:before {
margin: 0 10px -6px 0;
border: 3px solid var(--accent-color);
border-top-color: var(--surface-color);
animation: php-email-form-loading 1s linear infinite;
animation: aduan-form-loading 1s linear infinite;
}
@keyframes php-email-form-loading {
@keyframes aduan-form-loading {
0% {
transform: rotate(0deg);
}
@ -2062,17 +2062,17 @@ .contact .info-item p {
color: color-mix(in srgb, var(--default-color), transparent 40%);
}
.contact .php-email-form {
.contact .aduan-form {
width: 100%;
}
.contact .php-email-form .form-group {
.contact .aduan-form .form-group {
padding-bottom: 8px;
}
.contact .php-email-form input[type=text],
.contact .php-email-form input[type=tel],
.contact .php-email-form textarea {
.contact .aduan-form input[type=text],
.contact .aduan-form input[type=tel],
.contact .aduan-form textarea {
border-radius: 0px;
box-shadow: none;
font-size: 14px;
@ -2080,25 +2080,25 @@ .contact .php-email-form textarea {
border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}
.contact .php-email-form input[type=text]:focus,
.contact .php-email-form input[type=tel]:focus,
.contact .php-email-form textarea:focus {
.contact .aduan-form input[type=text]:focus,
.contact .aduan-form input[type=tel]:focus,
.contact .aduan-form textarea:focus {
border-color: var(--accent-color);
}
.contact .php-email-form input[type=text],
.contact .php-email-form input[type=tel] {
.contact .aduan-form input[type=text],
.contact .aduan-form input[type=tel] {
height: 48px;
padding: 10px 15px;
}
.contact .php-email-form textarea {
.contact .aduan-form textarea {
padding: 10px 12px;
height: 290px;
}
/* ===== FILE INPUT (BUKTI FOTO) ===== */
.contact .php-email-form input[type=file] {
.contact .aduan-form input[type=file] {
border-radius: 0px;
box-shadow: none;
font-size: 14px;
@ -2111,13 +2111,13 @@ .contact .php-email-form input[type=file] {
}
/* focus sama seperti input lain */
.contact .php-email-form input[type=file]:focus {
.contact .aduan-form input[type=file]:focus {
border-color: var(--accent-color);
outline: none;
}
/* styling tombol file (Choose File) */
.contact .php-email-form input[type=file]::file-selector-button {
.contact .aduan-form input[type=file]::file-selector-button {
border: none;
padding: 10px 15px;
margin-right: 10px;
@ -2130,12 +2130,12 @@ .contact .php-email-form input[type=file]::file-selector-button {
}
/* hover tombol */
.contact .php-email-form input[type=file]::file-selector-button:hover {
.contact .aduan-form input[type=file]::file-selector-button:hover {
opacity: 0.9;
}
/* fallback browser lama */
.contact .php-email-form input[type=file]::-webkit-file-upload-button {
.contact .aduan-form input[type=file]::-webkit-file-upload-button {
border: none;
padding: 10px 15px;
background-color: var(--accent-color);
@ -2143,7 +2143,7 @@ .contact .php-email-form input[type=file]::-webkit-file-upload-button {
border-radius: 0px;
}
.contact .php-email-form button[type=submit] {
.contact .aduan-form button[type=submit] {
background: var(--accent-color);
color: var(--contrast-color);
border: 0;
@ -2152,7 +2152,7 @@ .contact .php-email-form button[type=submit] {
border-radius: 4px;
}
.contact .php-email-form button[type=submit]:hover {
.contact .aduan-form button[type=submit]:hover {
background: color-mix(in srgb, var(--accent-color) 90%, black 15%);
}
@ -3009,3 +3009,21 @@ .tags-widget ul a span {
color: color-mix(in srgb, var(--default-color), transparent 60%);
font-size: 14px;
}
.btn-aduan-tps,
.btn-aduan-tps:focus {
color: #fff;
background: #dc3545; /* merah */
font-size: 14px;
padding: 8px 26px;
margin: 0;
border-radius: 4px;
transition: 0.3s;
border: none;
text-decoration: none;
}
.btn-aduan-tps:hover {
background: #bb2d3b; /* merah lebih gelap */
color: #fff;
}

138
resources/views/admin/aduan/edit.blade.php
View File

@ -1,76 +1,94 @@
@extends('admin.template')
@section('content')
<div class="content-wrapper">
<div class="row">
<div class="col-12 grid-margin stretch-card">
<div class="card">
<div class="card-body">
<h4 class="card-title">Tanggapi Aduan</h4>
<p class="card-description">
Form tanggapan admin terhadap aduan masyarakat
</p>
<div class="content-wrapper">
<div class="row">
<div class="col-12 grid-margin stretch-card">
<div class="card">
<div class="card-body">
<form class="forms-sample"
action="{{ route('admin.aduan.tanggapi', $aduan->id_aduan) }}"
method="POST">
@csrf
<h4 class="card-title">Tanggapi Aduan TPS</h4>
<p class="card-description">
Form tanggapan admin terhadap aduan masyarakat
</p>
<!-- Nama Pelapor -->
<form action="{{ route('admin.aduan.tanggapi', $aduan->id_aduan) }}"
method="POST"
class="forms-sample">
@csrf
{{-- TPS --}}
<div class="form-group">
<label>TPS yang Diadukan</label>
<input type="text" class="form-control"
value="{{ $aduan->lokasiTps->nama_tps ?? '-' }}"
readonly>
<small class="text-muted">
{{ $aduan->lokasiTps->alamat_tps ?? '' }}
</small>
</div>
{{-- Nama Pelapor --}}
<div class="form-group">
<label>Nama Pelapor</label>
<input type="text"
class="form-control"
value="{{ $aduan->nama_pelapor }}"
readonly>
</div>
{{-- Alamat Pelapor --}}
<div class="form-group">
<label>Alamat Pelapor</label>
<input type="text"
class="form-control"
value="{{ $aduan->alamat_pelapor }}"
readonly>
</div>
{{-- Isi Aduan --}}
<div class="form-group">
<label>Isi Aduan</label>
<textarea class="form-control"
rows="4"
readonly>{{ $aduan->isi_aduan }}</textarea>
</div>
{{-- Bukti Foto --}}
@if ($aduan->bukti_foto)
<div class="form-group">
<label>Nama Pelapor</label>
<input type="text" class="form-control"
value="{{ $aduan->nama_pelapor }}"
readonly>
<label>Bukti Foto</label><br>
<img src="{{ asset('storage/' . $aduan->bukti_foto) }}"
alt="Bukti Aduan"
class="border rounded img-fluid"
style="max-height: 260px;">
</div>
@endif
<!-- Alamat Pelapor -->
<div class="form-group">
<label>Alamat Pelapor</label>
<input type="text" class="form-control"
value="{{ $aduan->alamat_pelapor }}"
readonly>
</div>
{{-- Tanggapan Admin --}}
<div class="form-group">
<label>Tanggapan Admin</label>
<textarea name="tanggapan_admin"
class="form-control"
rows="4"
placeholder="Masukkan tanggapan admin..."
required>{{ old('tanggapan_admin', $aduan->tanggapan_admin) }}</textarea>
</div>
<!-- Isi Aduan -->
<div class="form-group">
<label>Isi Aduan</label>
<textarea class="form-control" rows="4" readonly>{{ $aduan->isi_aduan }}</textarea>
</div>
{{-- Tombol --}}
<button type="submit" class="mr-2 btn btn-primary">
Simpan Tanggapan
</button>
<a href="{{ route('admin.aduan.index') }}"
class="btn btn-light">
Kembali
</a>
<!-- Bukti Foto -->
@if ($aduan->bukti_foto)
<div class="form-group">
<label>Bukti Foto</label><br>
<img src="{{ asset('storage/' . $aduan->bukti_foto) }}"
alt="Bukti Aduan"
class="img-fluid rounded"
style="max-height: 250px;">
</div>
@endif
</form>
<!-- Tanggapan Admin -->
<div class="form-group">
<label>Tanggapan Admin</label>
<textarea name="tanggapan_admin"
class="form-control"
rows="4"
placeholder="Masukkan tanggapan admin..."
required>{{ old('tanggapan_admin', $aduan->tanggapan_admin) }}</textarea>
</div>
<!-- Tombol -->
<button type="submit" class="btn btn-primary mr-2">
Simpan
</button>
<a href="{{ route('admin.aduan.index') }}" class="btn btn-light">
Batal
</a>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection

231
resources/views/admin/aduan/index.blade.php
View File

@ -1,118 +1,141 @@
@extends('admin.template')
@section('content')
<div class="content-wrapper">
<div class="row">
<div class="col-lg-12 grid-margin stretch-card">
<div class="card">
<div class="card-body">
<div class="content-wrapper">
<div class="row">
<div class="col-lg-12 grid-margin stretch-card">
<div class="card">
<div class="card-body">
<!-- Header card -->
<div class="d-flex justify-content-between align-items-center mb-3">
<div>
<h4 class="card-title mb-0">Data Aduan</h4>
<p class="card-description mb-0">
Daftar aduan masyarakat
</p>
</div>
<!-- Header -->
<div class="mb-3 d-flex justify-content-between align-items-center">
<div>
<h4 class="mb-0 card-title">Data Aduan TPS</h4>
<p class="mb-0 card-description">
Daftar aduan masyarakat terhadap TPS
</p>
</div>
<!-- Tabel -->
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Nama Pelapor</th>
<th>Alamat</th>
<th>Tanggal Aduan</th>
<th>Status</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
@forelse ($aduan as $item)
<tr>
<td>{{ $item->nama_pelapor }}</td>
<td>{{ $item->alamat_pelapor }}</td>
<td>
{{ \Carbon\Carbon::parse($item->tanggal_aduan)->format('d M Y') }}
</td>
<td>
@if ($item->tanggapan_admin)
<label class="badge badge-success">Ditanggapi</label>
@else
<label class="badge badge-danger">Belum</label>
@endif
</td>
<td class="text-center">
<a href="{{ route('admin.aduan.show', $item->id_aduan) }}"
class="btn btn-warning btn-sm me-1" title="Tanggapi">
<i class="bi bi-pencil-square"></i>
</a>
<form action="{{ route('admin.aduan.destroy', $item->id_aduan) }}"
method="POST" class="form-hapus" style="display:inline;">
@csrf
@method('DELETE')
<button type="submit" class="btn btn-danger btn-sm">
<i class="bi bi-trash"></i>
</button>
</form>
</td>
</tr>
@empty
<tr>
<td colspan="5" class="text-center">
Data aduan belum tersedia
</td>
</tr>
@endforelse
</tbody>
</table>
</div>
</div>
<!-- Tabel -->
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>TPS</th>
<th>Nama Pelapor</th>
{{-- <th>Alamat Pelapor</th> --}}
<th>Tanggal Aduan</th>
<th>Status</th>
<th class="text-center">Aksi</th>
</tr>
</thead>
<tbody>
@forelse ($aduan as $item)
<tr>
<!-- TPS -->
<td>
<strong>
{{ $item->lokasiTps->nama_tps ?? '-' }}
</strong>
<br>
<small class="text-muted">
{{ $item->lokasiTps->alamat_tps ?? '' }}
</small>
</td>
<!-- Pelapor -->
<td>{{ $item->nama_pelapor }}</td>
<!-- Alamat -->
{{-- <td>{{ $item->alamat_pelapor }}</td> --}}
<!-- Tanggal -->
<td>
{{ \Carbon\Carbon::parse($item->tanggal_aduan)->format('d M Y') }}
</td>
<!-- Status -->
<td>
@if ($item->tanggapan_admin)
<span class="badge badge-success">Ditanggapi</span>
@else
<span class="badge badge-danger">Belum</span>
@endif
</td>
<!-- Aksi -->
<td class="text-center">
<a href="{{ route('admin.aduan.show', $item->id_aduan) }}"
class="btn btn-warning btn-sm"
title="Tanggapi Aduan">
<i class="bi bi-pencil-square"></i>
</a>
<form action="{{ route('admin.aduan.destroy', $item->id_aduan) }}"
method="POST"
class="d-inline form-hapus">
@csrf
@method('DELETE')
<button type="submit"
class="btn btn-danger btn-sm"
title="Hapus Aduan">
<i class="bi bi-trash"></i>
</button>
</form>
</td>
</tr>
@empty
<tr>
<td colspan="6" class="text-center text-muted">
Data aduan belum tersedia
</td>
</tr>
@endforelse
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<script>
document.querySelectorAll('.form-hapus').forEach(form => {
form.addEventListener('submit', function(e) {
e.preventDefault();
</div>
Swal.fire({
title: 'Hapus Data Aduan?',
text: 'Data yang sudah dihapus tidak dapat dikembalikan!',
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#d33',
cancelButtonColor: '#6c757d',
confirmButtonText: 'Ya, Hapus',
cancelButtonText: 'Batal',
didOpen: () => {
document.querySelector('.swal2-popup').style.fontFamily =
'Nunito, sans-serif';
}
}).then((result) => {
if (result.isConfirmed) {
form.submit();
}
});
});
{{-- SweetAlert Hapus --}}
<script>
document.querySelectorAll('.form-hapus').forEach(form => {
form.addEventListener('submit', function (e) {
e.preventDefault();
Swal.fire({
title: 'Hapus Aduan?',
text: 'Data yang dihapus tidak dapat dikembalikan!',
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#d33',
cancelButtonColor: '#6c757d',
confirmButtonText: 'Ya, Hapus',
cancelButtonText: 'Batal'
}).then((result) => {
if (result.isConfirmed) {
form.submit();
}
});
</script>
});
});
</script>
@if (session('success'))
<script>
Swal.fire({
icon: 'success',
title: 'Berhasil',
text: '{{ session('success') }}',
timer: 2000,
showConfirmButton: false
});
</script>
@endif
{{-- SweetAlert Success --}}
@if (session('success'))
<script>
Swal.fire({
icon: 'success',
title: 'Berhasil',
text: '{{ session('success') }}',
timer: 2000,
showConfirmButton: false
});
</script>
@endif
@endsection

4
resources/views/admin/sampah/create.blade.php
View File

@ -8,7 +8,7 @@
<div class="card-body">
<h4 class="card-title">Tambah Data Sampah Tahunan</h4>
<p class="card-description">
Form input data sampah per tahun (satuan dalam Ton)
Form input data sampah harian per tahun (satuan dalam Ton)
</p>
<form action="{{ route('admin.sampah.store') }}" method="POST">
@ -74,7 +74,7 @@ class="form-control" readonly>
</small>
</div>
<button type="submit" class="btn btn-primary mr-2">
<button type="submit" class="mr-2 btn btn-primary">
Simpan
</button>
<a href="{{ route('admin.sampah.index') }}" class="btn btn-light">

4
resources/views/admin/sampah/edit.blade.php
View File

@ -8,7 +8,7 @@
<div class="card-body">
<h4 class="card-title">Edit Data Sampah Tahunan</h4>
<p class="card-description">
Form edit data sampah per tahun (satuan Ton)
Form edit data sampah harian per tahun (satuan Ton)
</p>
<form action="{{ route('admin.sampah.update', $sampah->id_sampah) }}" method="POST">
@ -73,7 +73,7 @@ class="form-control"
</small>
</div>
<button type="submit" class="btn btn-primary mr-2">
<button type="submit" class="mr-2 btn btn-primary">
Simpan
</button>
<a href="{{ route('admin.sampah.index') }}" class="btn btn-light">

8
resources/views/admin/sampah/index.blade.php
View File

@ -7,11 +7,11 @@
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-3">
<div class="mb-3 d-flex justify-content-between align-items-center">
<div>
<h4 class="card-title mb-0">Data Sampah</h4>
<p class="card-description mb-0">
Daftar Sampah Per Tahun di Kabupaten Nganjuk
<h4 class="mb-0 card-title">Data Sampah</h4>
<p class="mb-0 card-description">
Daftar sampah harian per tahun
</p>
</div>

10
resources/views/admin/template.blade.php
View File

@ -19,7 +19,7 @@
<!-- inject:css -->
<link rel="stylesheet" href="{{ asset('assets/admin/css/vertical-layout-light/style.css') }}">
<!-- endinject -->
<link rel="shortcut icon" href="{{ asset('assets/admin/images/favicon.png') }}" />
<link rel="shortcut icon" href="{{ asset('assets/admin/images/icon-mini.png') }}" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
@ -35,17 +35,17 @@
<body>
<div class="container-scroller">
<nav class="navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
<nav class="flex-row p-0 navbar col-lg-12 col-12 fixed-top d-flex">
<div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-center">
<a class="navbar-brand brand-logo mr-5" href="{{ route('admin.dashboard') }}">
<a class="mr-5 navbar-brand brand-logo" href="{{ route('admin.dashboard') }}">
<img src="{{ asset('assets/admin/images/sig-logo.png') }}" alt="logo"
style="height: 55px; width: auto;" class="mr-2">
</a>
<a class="navbar-brand brand-logo-mini" href="index.html"><img
src="{{ asset('assets/admin/images/logo-mini.svg') }}" alt="logo" /></a>
src="{{ asset('assets/admin/images/icon-mini.png') }}" alt="logo" /></a>
</div>
<div class="navbar-menu-wrapper d-flex align-items-center justify-content-end">
<button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
<button class="navbar-toggler align-self-center" type="button" data-toggle="minimize">
<span class="icon-menu"></span>
</button>
<ul class="navbar-nav navbar-nav-right">

270
resources/views/user/aduan-tps.blade.php
View File

@ -2,150 +2,160 @@
@section('content')
<!-- Page Title -->
<div class="page-title">
<div class="container d-lg-flex justify-content-between align-items-center">
<h1 class="mb-2 mb-lg-0">Aduan TPS</h1>
<nav class="breadcrumbs">
<ol>
<li><a href="{{ url('/') }}">Beranda</a></li>
<li class="current">Aduan TPS</li>
</ol>
</nav>
</div>
</div>
<!-- End Page Title -->
<section id="contact" class="contact section">
<div class="container" data-aos="fade">
<div class="row gy-5 gx-lg-5">
{{-- KOLOM KIRI --}}
<div class="col-lg-4">
<div class="info">
<h3 class="mb-3">TPS yang Diadukan</h3>
{{-- FOTO TPS --}}
<div class="mb-3 d-none" id="foto-wrapper">
<img id="foto-tps" class="img-fluid w-100"
style="object-fit:cover; max-height:220px;">
</div>
{{-- INFO TPS --}}
<div id="info-tps">
@if ($tps)
<p class="mb-1"><strong>{{ $tps->nama_tps }}</strong></p>
<p class="mb-1 text-muted">{{ $tps->alamat_tps }}</p>
@else
<p class="text-muted mb-2">
Silakan pilih TPS yang akan diadukan
</p>
<select id="pilih-tps" class="form-select">
<option value="">-- Pilih TPS --</option>
@foreach ($listTps as $item)
<option value="{{ $item->id_tps }}"
data-nama="{{ $item->nama_tps }}"
data-alamat="{{ $item->alamat_tps }}"
data-foto="{{ $item->foto_tps
? asset('storage/' . $item->foto_tps)
: asset('assets/user/img/no-image.png') }}">
{{ $item->nama_tps }}
</option>
@endforeach
</select>
@endif
</div>
</div>
</div>
{{-- KOLOM KANAN --}}
<div class="col-lg-8">
<form action="{{ route('user.aduan.store') }}" method="POST"
class="php-email-form" enctype="multipart/form-data">
@csrf
{{-- PENTING --}}
<input type="hidden" name="lokasi_tps_id" id="lokasi_tps_id"
value="{{ $tps ? $tps->id_tps : '' }}">
<div class="row">
<div class="col-md-6 form-group">
<input type="text" name="nama_pelapor" class="form-control"
placeholder="Nama Pelapor" required>
</div>
<div class="col-md-6 form-group mt-3 mt-md-0">
<input type="tel" name="no_pelapor" class="form-control"
placeholder="No. Telp Pelapor" required>
</div>
</div>
<div class="form-group mt-3">
<input type="text" name="alamat_pelapor" class="form-control"
placeholder="Alamat Pelapor" required>
</div>
<div class="form-group mt-3">
<textarea name="isi_aduan" class="form-control"
placeholder="Isi Aduan" required></textarea>
</div>
{{-- FILE INPUT (SUDAH SERAGAM) --}}
<div class="form-group mt-3">
<input type="file" name="bukti_foto"
class="form-control file-input"
accept="image/*">
</div>
<div class="text-center mt-4">
<button type="submit">Kirim Aduan</button>
</div>
</form>
</div>
<!-- Page Title -->
<div class="page-title">
<div class="container d-lg-flex justify-content-between align-items-center">
<h1 class="mb-2 mb-lg-0">Aduan TPS</h1>
<nav class="breadcrumbs">
<ol>
<li><a href="{{ url('/') }}">Beranda</a></li>
<li class="current">Aduan TPS</li>
</ol>
</nav>
</div>
</div>
</section>
<!-- End Page Title -->
{{-- SCRIPT TPS --}}
<script>
document.addEventListener('DOMContentLoaded', function () {
const selectTps = document.getElementById('pilih-tps');
const infoTps = document.getElementById('info-tps');
const fotoWrapper = document.getElementById('foto-wrapper');
const fotoTps = document.getElementById('foto-tps');
const inputLokasi = document.getElementById('lokasi_tps_id');
<section id="contact" class="contact section">
if (!selectTps) return;
<div class="container" data-aos="fade">
<div class="row gy-5 gx-lg-5">
selectTps.addEventListener('change', function () {
if (!this.value) return;
{{-- KOLOM KIRI --}}
<div class="col-lg-4">
<div class="info">
<h3 class="mb-3">TPS yang Diadukan</h3>
const option = this.options[this.selectedIndex];
{{-- FOTO TPS --}}
<div class="mb-3 d-none" id="foto-wrapper">
<img id="foto-tps" class="img-fluid w-100" style="object-fit:cover; max-height:220px;">
</div>
inputLokasi.value = this.value;
{{-- INFO TPS --}}
<div id="info-tps">
@if ($tps)
<p class="mb-1"><strong>{{ $tps->nama_tps }}</strong></p>
<p class="mb-1 text-muted">{{ $tps->alamat_tps }}</p>
@else
<p class="mb-2 text-muted">
Silakan pilih TPS yang akan diadukan
</p>
fotoTps.src = option.dataset.foto;
fotoWrapper.classList.remove('d-none');
<select id="pilih-tps" class="form-select">
<option value="">-- Pilih TPS --</option>
@foreach ($listTps as $item)
<option value="{{ $item->id_tps }}" data-nama="{{ $item->nama_tps }}"
data-alamat="{{ $item->alamat_tps }}"
data-foto="{{ $item->foto_tps ? asset('storage/' . $item->foto_tps) : asset('assets/user/img/no-image.png') }}">
{{ $item->nama_tps }}
</option>
@endforeach
</select>
@endif
</div>
</div>
</div>
infoTps.innerHTML = `
{{-- KOLOM KANAN --}}
<div class="col-lg-8">
@if ($errors->any())
<div class="alert alert-danger">
<ul class="mb-0">
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
@if (session('success'))
<div class="alert alert-success">
{{ session('success') }}
</div>
@endif
<form action="{{ route('user.aduan.store') }}" method="POST" class="aduan-form"
enctype="multipart/form-data">
@csrf
{{-- PENTING --}}
<input type="hidden" name="lokasi_tps_id" id="lokasi_tps_id"
value="{{ $tps ? $tps->id_tps : '' }}">
<div class="row">
<div class="col-md-6 form-group">
<input type="text" name="nama_pelapor" class="form-control" placeholder="Nama Pelapor"
required>
</div>
<div class="mt-3 col-md-6 form-group mt-md-0">
<input type="tel" name="no_pelapor" class="form-control" placeholder="No. Telp Pelapor"
required>
</div>
</div>
<div class="mt-3 form-group">
<input type="text" name="alamat_pelapor" class="form-control" placeholder="Alamat Pelapor"
required>
</div>
<div class="mt-3 form-group">
<textarea name="isi_aduan" class="form-control" placeholder="Isi Aduan" required></textarea>
</div>
{{-- FILE INPUT (SUDAH SERAGAM) --}}
<div class="mt-3 form-group">
<input type="file" name="bukti_foto" class="form-control file-input" accept="image/*">
</div>
<div class="mt-4 text-center">
<button type="submit" class="px-4 btn btn-success">Kirim Aduan</button>
</div>
</form>
</div>
</div>
</div>
</section>
{{-- SCRIPT TPS --}}
<script>
document.addEventListener('DOMContentLoaded', function() {
const selectTps = document.getElementById('pilih-tps');
const infoTps = document.getElementById('info-tps');
const fotoWrapper = document.getElementById('foto-wrapper');
const fotoTps = document.getElementById('foto-tps');
const inputLokasi = document.getElementById('lokasi_tps_id');
if (!selectTps) return;
selectTps.addEventListener('change', function() {
if (!this.value) return;
const option = this.options[this.selectedIndex];
inputLokasi.value = this.value;
fotoTps.src = option.dataset.foto;
fotoWrapper.classList.remove('d-none');
infoTps.innerHTML = `
<p class="mb-1"><strong>${option.dataset.nama}</strong></p>
<p class="text-muted mb-2">${option.dataset.alamat}</p>
<p class="mb-2 text-muted">${option.dataset.alamat}</p>
<button type="button" class="btn btn-sm btn-outline-secondary" id="ganti-tps">
Ganti TPS
</button>
`;
document.getElementById('ganti-tps').onclick = () => {
inputLokasi.value = '';
fotoWrapper.classList.add('d-none');
infoTps.innerHTML = '<p class="text-muted mb-2">Silakan pilih TPS yang akan diadukan</p>';
infoTps.appendChild(selectTps);
selectTps.value = '';
};
});
});
</script>
document.getElementById('ganti-tps').onclick = () => {
inputLokasi.value = '';
fotoWrapper.classList.add('d-none');
infoTps.innerHTML =
'<p class="mb-2 text-muted">Silakan pilih TPS yang akan diadukan</p>';
infoTps.appendChild(selectTps);
selectTps.value = '';
};
});
});
</script>
@endsection

66
resources/views/user/detail-tps.blade.php
View File

@ -35,12 +35,12 @@ class="img-fluid" alt="">
<div class="tab-pane fade show active" id="about-tab1">
<p class="fst-italic mb-4">
<p class="mb-4 fst-italic">
{{ $tps->alamat_tps }}
</p>
<div class="table-responsive">
<table class="table table-borderless align-middle">
<table class="table align-middle table-borderless">
<tbody>
<tr>
<th width="40%">
@ -85,15 +85,15 @@ class="img-fluid" alt="">
</tr>
</tbody>
</table>
<div class="d-flex justify-content-between align-items-center mt-4">
<div class="mt-4 d-flex justify-content-between align-items-center">
<small class="text-muted">
Laporkan jika TPS bermasalah atau penuh
</small>
<a href="{{ route('user.aduan', ['tps_id' => $tps->id_tps]) }}"
class="btn btn-danger btn-sm d-flex align-items-center">
<a href="{{ route('user.aduan', ['tps_id' => $tps->id_tps]) }}" class="btn-aduan-tps">
Adukan TPS
</a>
</div>
</div>
@ -103,10 +103,66 @@ class="btn btn-danger btn-sm d-flex align-items-center">
</div>
</div>
{{-- ===================== --}}
{{-- ADUAN TPS (DITANGGAPI) --}}
{{-- ===================== --}}
<section class="mt-4 section bg-light">
<div class="container">
<h5 class="mb-3 fw-semibold">Aduan yang Telah Ditanggapi</h5>
@if ($aduanTps->count())
<div class="list-group list-group-flush">
@foreach ($aduanTps as $aduan)
<div class="px-3 py-3 mb-2 bg-white rounded shadow-sm list-group-item">
{{-- HEADER --}}
<div class="mb-1 d-flex justify-content-between align-items-center">
<small class="fw-semibold text-dark">
{{ $aduan->nama_pelapor }}
</small>
<small class="text-muted">
{{ \Carbon\Carbon::parse($aduan->tanggal_aduan)->translatedFormat('d M Y') }}
</small>
</div>
{{-- ISI ADUAN --}}
<p class="mb-2 text-secondary small">
{{ $aduan->isi_aduan }}
</p>
{{-- TANGGAPAN --}}
<div class="border-start border-success ps-2">
<small class="text-success fw-semibold">
Tanggapan Admin:
</small>
<div class="small text-dark">
{{ $aduan->tanggapan_admin }}
</div>
</div>
</div>
@endforeach
</div>
@else
<small class="text-muted">
Belum ada aduan yang ditanggapi.
</small>
@endif
</div>
</section>
</div>
</div>
</section>
</div>
</section>
@endsection