Website-E-Bendungan/resources/views/Berita/Upload Berita.blade.php

140 lines
7.1 KiB
PHP

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Upload 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') }}">
<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>
<form id="sk-form" action="{{ route('Berita.store') }}" method="POST" enctype="multipart/form-data">
@csrf
<div class="content-table">
<div class="title-form">
<h2>Upload Berita</h2>
<a href="{{ url('/Berita') }}" class="back">Kembali</a>
</div>
<div class="card-form">
<h3>Thumbnail Berita</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 .jpeg, .jpg, dan .png</p>
<ul id="file-list"></ul>
</div>
@if ($errors->has('file'))
<p style="color: red; font-size: 14px;">{{ $errors->first('file') }}</p>
@endif
<input type="file" name="file" id="file" accept=".jpeg,.jpg,.png" style="display: none;">
<h3>Judul Berita</h3>
<div class="search-container">
<input type="text" name="judul" class="search-box" placeholder="Masukan judul berita, max 255 kata">
</div>
@if ($errors->has('judul'))
<p style="color: red; font-size: 14px;">{{ $errors->first('judul') }}</p>
@endif
<h3>Tanggal Upload</h3>
<div class="filter-date">
<input type="date" name="tanggal_publikasi" value="{{ now()->translatedFormat('Y-m-d') }}">
</div>
<h3>Kategori Berita</h3>
<div class="filter-status">
<select name="kategori_berita">
<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>
<h3>Isi Berita</h3>
<textarea name="isi_berita" id="isi-berita" rows="10" placeholder="Tuliskan isi berita di sini.."></textarea>
@if ($errors->has('isi_berita'))
<p style="color: red; font-size: 14px;">{{ $errors->first('isi_berita') }}</p>
@endif
<input type="submit" value="Simpan" class="save">
</div>
</form>
</div>
<script src="{{ asset('/assets/js/script-foto.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>