168 lines
8.5 KiB
PHP
168 lines
8.5 KiB
PHP
@include('partials.delete-confirmation')
|
|
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Berita</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') }}" class="active">
|
|
<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">
|
|
<form id="filter-form" method="GET" action="{{ url('/Berita') }}">
|
|
<div class="table-filter">
|
|
<div class="search-container">
|
|
<input type="text" name="search" placeholder="Cari judul berita" 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="kategori_berita" id="status-filter">
|
|
<option value="" disabled selected>Kategori</option>
|
|
<option value="Layanan Publik" {{ request('kategori_berita') == 'Layanan Publik' ? 'selected' : '' }}>Layanan Publik</option>
|
|
<option value="Keamanan & Hukum" {{ request('kategori_berita') == 'Keamanan & Hukum' ? 'selected' : '' }}>Keamanan & Hukum</option>
|
|
<option value="Teknologi & Sistem" {{ request('kategori_berita') == 'Teknologi & Sistem' ? 'selected' : '' }}>Teknologi & Sistem</option>
|
|
<option value="Ekonomi & Usaha" {{ request('kategori_berita') == 'Ekonomi & Usaha' ? 'selected' : '' }}>Ekonomi & Usaha</option>
|
|
<option value="Sosial & Masyarakat" {{ request('kategori_berita') == 'Sosial & Masyarakat' ? 'selected' : '' }}>Sosial & Masyarakat</option>
|
|
<option value="Lingkungan & Infrastruktur" {{ request('kategori_berita') == 'Lingkungan & Infrastruktur' ? 'selected' : '' }}>Lingkungan & Infrastruktur</option>
|
|
<option value="Edukasi & Pelatihan" {{ request('kategori_berita') == 'Edukasi & Pelatihan' ? 'selected' : '' }}>Edukasi & Pelatihan</option>
|
|
<option value="Olahraga & Hiburan" {{ request('kategori_berita') == 'Olahraga & Hiburan' ? 'selected' : '' }}>Olahraga & Hiburan</option>
|
|
<option value="Lainnya" {{ request('kategori_berita') == 'Lainnya' ? 'selected' : '' }}>Lainnya</option>
|
|
</select>
|
|
<span class="material-symbols-outlined">keyboard_arrow_down</span>
|
|
</div>
|
|
<a href="{{ route('Berita.upload') }}" class="button-berita">
|
|
<p class="buat-berita">Upload Berita</p>
|
|
<span class="material-symbols-outlined">add</span>
|
|
</a>
|
|
</div>
|
|
</form>
|
|
<div class="table-container">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Judul</th>
|
|
<th>Tanggal Terbit</th>
|
|
<th>Kategori Berita</th>
|
|
<th>Isi Berita</th>
|
|
<th>Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach($tabel_berita as $item)
|
|
<tr>
|
|
<td class="alamat">{{ $item->judul }}</td>
|
|
<td>{{ \Carbon\Carbon::parse($item->created_at)->translatedFormat('d F Y') }}</td>
|
|
<td>{{ $item->kategori_berita }}</td>
|
|
<td class="alamat">{{ $item->isi_berita }}</td>
|
|
<td>
|
|
<div style="display: flex; gap: 8px; align-items: center;">
|
|
<a href="{{ route('Berita.edit', ['id' => $item->id]) }}" class="edit-btn">
|
|
<span class="material-symbols-outlined">edit_square</span>
|
|
</a>
|
|
<form action="{{ route('Berita.delete', ['id' => $item->id]) }}" method="POST">
|
|
@csrf
|
|
@method('DELETE')
|
|
<button type="submit" class="delete-btn">
|
|
<span class="material-symbols-outlined">delete</span>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
{{ $tabel_berita->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('delete_success') || session('edit_success') || session('upload_success'))
|
|
@if(session('delete_success'))
|
|
@include('partials.delete-popup')
|
|
@elseif(session('edit_success'))
|
|
@include('partials.edit-success-popup')
|
|
@elseif(session('upload_success'))
|
|
@include('partials.upload-success-popup')
|
|
@endif
|
|
@endif |