Novy San87
151a66639b
- Font Plus Jakarta Sans (Google Fonts) menggantikan font sistem default - Sidebar: brand area gradient + nama sekolah, nav aktif jadi pill gradient biru-indigo + chevron, label grup lebih elegan, footer badge NOCTKJ.net - Topbar: sticky + backdrop-blur glass - Background utama: gradient halus slate → biru samar - Kartu standar premium (.card) + tombol (.btn-primary/.btn-outline) + input seragam di CSS; kartu utama halaman diseragamkan rounded-2xl - Border global diselaraskan ke palet slate; scrollbar & seleksi teks premium - Verifikasi: 29 test / 99 assertion, blade cache OK, vite build OK
185 lines
12 KiB
PHP
185 lines
12 KiB
PHP
@extends('layouts.app')
|
||
|
||
@section('title', 'Pengaturan')
|
||
|
||
@section('content')
|
||
<div>
|
||
<div class="mb-6">
|
||
<h1 class="text-2xl font-bold text-gray-900">Pengaturan Sekolah</h1>
|
||
<p class="text-sm text-gray-500">Informasi sekolah untuk kop surat</p>
|
||
</div>
|
||
|
||
<div class="bg-white rounded-2xl shadow-sm border border-slate-200/80">
|
||
<form action="{{ route('settings.update') }}" method="POST" enctype="multipart/form-data" class="p-6 space-y-4">
|
||
@csrf
|
||
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Nama Aplikasi</label>
|
||
<input type="text" name="app_name" value="{{ old('app_name', $settings->get('app_name')?->value ?? 'Aplikasi Ketertiban') }}" required
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
|
||
<p class="text-xs text-gray-400 mt-1">Nama yang tampil di sidebar, login page, dan tab browser.</p>
|
||
</div>
|
||
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Nama Sekolah</label>
|
||
<input type="text" name="school_name" value="{{ old('school_name', $settings->get('school_name')?->value ?? '') }}" required
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
|
||
</div>
|
||
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Alamat Sekolah</label>
|
||
<textarea name="school_address" rows="2" class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">{{ old('school_address', $settings->get('school_address')?->value ?? '') }}</textarea>
|
||
</div>
|
||
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">No. Telepon</label>
|
||
<input type="text" name="school_phone" value="{{ old('school_phone', $settings->get('school_phone')?->value ?? '') }}"
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
|
||
</div>
|
||
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Logo Sekolah</label>
|
||
@if($settings->get('school_logo')?->value)
|
||
<div class="mb-2">
|
||
<img src="{{ asset('storage/' . $settings->get('school_logo')->value) }}" class="h-16 object-contain">
|
||
</div>
|
||
@endif
|
||
<input type="file" name="school_logo" accept="image/*"
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm file:mr-3 file:py-1 file:px-3 file:border-0 file:text-sm file:font-medium file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100">
|
||
</div>
|
||
|
||
<hr class="border-slate-200">
|
||
|
||
{{-- ===== Kop Surat ===== --}}
|
||
<div class="pt-2">
|
||
<h3 class="text-sm font-bold text-gray-800 mb-1">Kop Surat (format resmi)</h3>
|
||
<p class="text-xs text-gray-400 mb-4">Baris kop yang tampil di dokumen laporan — mengikuti format kop resmi sekolah.</p>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Baris 1 (pemerintah)</label>
|
||
<input type="text" name="school_government" value="{{ old('school_government', $settings->get('school_government')?->value ?? 'PEMERINTAH PROVINSI JAWA TIMUR') }}"
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
|
||
</div>
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Baris 2 (dinas)</label>
|
||
<input type="text" name="school_agency" value="{{ old('school_agency', $settings->get('school_agency')?->value ?? 'DINAS PENDIDIKAN') }}"
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
|
||
</div>
|
||
<div class="md:col-span-2">
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Baris 3 (nama resmi sekolah)</label>
|
||
<input type="text" name="school_full_name" value="{{ old('school_full_name', $settings->get('school_full_name')?->value ?? '') }}"
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
|
||
</div>
|
||
<div class="md:col-span-2">
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Baris 4 (alamat & telp)</label>
|
||
<input type="text" name="school_address_detail" value="{{ old('school_address_detail', $settings->get('school_address_detail')?->value ?? '') }}"
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
|
||
</div>
|
||
<div class="md:col-span-2">
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Baris 5 (website & email)</label>
|
||
<input type="text" name="school_website_email" value="{{ old('school_website_email', $settings->get('school_website_email')?->value ?? '') }}"
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
|
||
</div>
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Baris 6 (kode pos)</label>
|
||
<input type="text" name="school_postal" value="{{ old('school_postal', $settings->get('school_postal')?->value ?? '') }}"
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
|
||
</div>
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Logo Kop Surat</label>
|
||
@if($settings->get('kop_logo')?->value)
|
||
<div class="mb-2">
|
||
<img src="{{ asset('storage/' . $settings->get('kop_logo')->value) }}" class="h-16 object-contain">
|
||
</div>
|
||
@endif
|
||
<input type="file" name="kop_logo" accept="image/*"
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm file:mr-3 file:py-1 file:px-3 file:border-0 file:text-sm file:font-medium file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="border-slate-200">
|
||
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Background Halaman Login</label>
|
||
@if($settings->get('login_background')?->value)
|
||
<div class="mb-2">
|
||
<img src="{{ asset('storage/' . $settings->get('login_background')->value) }}" class="h-32 w-full object-cover rounded-lg border border-slate-200">
|
||
</div>
|
||
@endif
|
||
<input type="file" name="login_background" accept="image/*"
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm file:mr-3 file:py-1 file:px-3 file:border-0 file:text-sm file:font-medium file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100">
|
||
<p class="text-xs text-gray-400 mt-1.5">Dimensi ideal: <strong class="text-gray-500">1200 × 800 px</strong> atau <strong class="text-gray-500">3:2</strong> (landscape). Maksimal <strong class="text-gray-500">2 MB</strong>. Format JPG/PNG/WebP.</p>
|
||
</div>
|
||
|
||
<hr class="border-slate-200">
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Nama Kepala Sekolah</label>
|
||
<input type="text" name="kepala_sekolah_name" value="{{ old('kepala_sekolah_name', $settings->get('kepala_sekolah_name')?->value ?? '') }}"
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
|
||
</div>
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">NIP Kepala Sekolah</label>
|
||
<input type="text" name="kepala_sekolah_nip" value="{{ old('kepala_sekolah_nip', $settings->get('kepala_sekolah_nip')?->value ?? '') }}"
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="border-slate-200">
|
||
|
||
<div>
|
||
<label class="block text-sm font-medium text-gray-700 mb-1">Template Notifikasi WhatsApp Orang Tua</label>
|
||
<textarea name="wa_notification_template" rows="8"
|
||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 font-mono text-xs">{{ old('wa_notification_template', $settings->get('wa_notification_template')?->value ?? '') }}</textarea>
|
||
<p class="text-xs text-gray-400 mt-1.5">Placeholder: <code class="text-blue-600">{nama_siswa} {nisn} {kelas} {jenis} {tanggal} {waktu} {poin} {total_poin} {lokasi} {deskripsi} {sekolah}</code>.<br>
|
||
Akhiri pesan dengan <strong class="text-gray-500">Tim Ketertiban</strong> sebagai penanda pengirim. Kosongkan untuk memakai template bawaan.</p>
|
||
</div>
|
||
|
||
<button type="submit" class="w-full px-4 py-2.5 text-sm font-medium text-white bg-blue-600 rounded-lg hover:bg-blue-700 transition">
|
||
Simpan Pengaturan
|
||
</button>
|
||
</form>
|
||
</div>
|
||
|
||
{{-- Backup Database Card --}}
|
||
<div class="mt-6 bg-white rounded-2xl shadow-sm border border-slate-200 overflow-hidden">
|
||
<div class="px-6 py-4 border-b border-gray-100 flex items-center justify-between">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center shadow-sm">
|
||
<i class="fa-solid fa-database text-white text-sm"></i>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-sm font-semibold text-gray-900">Backup Database</h3>
|
||
<p class="text-xs text-gray-400">Kelola backup dan restore database</p>
|
||
</div>
|
||
</div>
|
||
<a href="{{ route('settings.backup') }}"
|
||
class="inline-flex items-center gap-1.5 px-3.5 py-2 text-xs font-semibold text-blue-600 bg-blue-50 border border-blue-200 rounded-lg hover:bg-blue-100 transition flex-shrink-0">
|
||
Kelola Backup
|
||
<i class="fa-solid fa-arrow-right text-[10px]"></i>
|
||
</a>
|
||
</div>
|
||
<div class="p-5 text-xs text-gray-500 leading-relaxed">
|
||
<p>Fitur backup database memungkinkan Anda untuk:</p>
|
||
<ul class="mt-2 space-y-1.5">
|
||
<li class="flex items-start gap-2">
|
||
<i class="fa-solid fa-check text-emerald-500 mt-0.5"></i>
|
||
Membuat backup database kapan saja
|
||
</li>
|
||
<li class="flex items-start gap-2">
|
||
<i class="fa-solid fa-check text-emerald-500 mt-0.5"></i>
|
||
Mendownload file backup untuk penyimpanan eksternal
|
||
</li>
|
||
<li class="flex items-start gap-2">
|
||
<i class="fa-solid fa-check text-emerald-500 mt-0.5"></i>
|
||
Merestore database dari backup dengan safety backup otomatis
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
@endsection
|