@extends('layouts.app')

@section('judul', 'Pengaturan')
@section('subjudul', 'Konfigurasi sistem dan backup data')

@section('konten')
    @php
        $judulGrup = \App\Http\Controllers\PengaturanController::JUDUL_GRUP;
        $kunciForm = fn (string $k) => str_replace('.', '__', $k);
    @endphp

    <div class="row">
        <div class="col-lg-7">
            <form method="POST" action="{{ route('pengaturan.update') }}" class="form-validasi">
                @csrf
                @method('PUT')
                @foreach ($pengaturan as $grup => $daftar)
                    <div class="card">
                        <div class="card-header"><h3 class="card-title"><i class="fas {{ $judulGrup[$grup][1] ?? 'fa-sliders' }} mr-1"></i> {{ $judulGrup[$grup][0] ?? ucfirst($grup) }}</h3></div>
                        <div class="card-body pb-1">
                            @foreach ($daftar as $p)
                                @php($nama = 'pengaturan['.$kunciForm($p->kunci).']')
                                @php($galat = $kunciForm($p->kunci))
                                <div class="form-group">
                                    @if ($p->tipe === 'boolean')
                                        <div class="custom-control custom-switch">
                                            <input type="hidden" name="{{ $nama }}" value="0">
                                            <input type="checkbox" class="custom-control-input" id="p-{{ $p->id }}" name="{{ $nama }}" value="1" @checked(old('pengaturan.'.$galat, $p->nilaiTerkonversi()))>
                                            <label class="custom-control-label font-weight-normal" for="p-{{ $p->id }}">{{ $p->keterangan }}</label>
                                        </div>
                                    @elseif ($p->kunci === 'upload.ekstensi_diizinkan')
                                        <label class="d-block">{{ $p->keterangan }}</label>
                                        @php($ekstensi = old('pengaturan.'.$galat, explode(',', (string) $p->nilai)))
                                        @foreach (['pdf', 'jpg', 'jpeg', 'png'] as $eks)
                                            <div class="custom-control custom-checkbox custom-control-inline">
                                                <input type="checkbox" class="custom-control-input" id="eks-{{ $eks }}" name="{{ $nama }}[]" value="{{ $eks }}" @checked(in_array($eks, $ekstensi))>
                                                <label class="custom-control-label font-weight-normal text-uppercase" for="eks-{{ $eks }}">{{ $eks }}</label>
                                            </div>
                                        @endforeach
                                        @error($galat)<div class="text-danger small">{{ $message }}</div>@enderror
                                        <small class="form-text teks-redup">Isi file tetap diperiksa (bukan hanya ekstensinya); hanya PDF dan gambar JPG/PNG yang didukung.</small>
                                    @elseif ($p->kunci === 'notifikasi.suara_surat_masuk')
                                        <label for="p-{{ $p->id }}">{{ $p->keterangan }}</label>
                                        <div class="input-group" style="max-width:320px">
                                            <select id="p-{{ $p->id }}" name="{{ $nama }}" class="custom-select @error($galat) is-invalid @enderror">
                                                @foreach (\App\Support\SuaraNotifikasi::PILIHAN as $kode => $label)
                                                    <option value="{{ $kode }}" data-url="{{ \App\Support\SuaraNotifikasi::url($kode) }}" @selected(old('pengaturan.'.$galat, $p->nilai) === $kode)>{{ $label }}</option>
                                                @endforeach
                                            </select>
                                            <div class="input-group-append">
                                                <button type="button" class="btn btn-outline-secondary" id="coba-suara" title="Putar contoh suara"><i class="fas fa-play"></i></button>
                                            </div>
                                        </div>
                                        @error($galat)<div class="text-danger small">{{ $message }}</div>@enderror
                                        <small class="form-text teks-redup">Berlaku untuk semua pengguna yang menyalakan suara notifikasi (dimuat ulang saat halaman dibuka).</small>
                                    @else
                                        <label for="p-{{ $p->id }}">{{ $p->keterangan }}</label>
                                        <input type="{{ $p->tipe === 'integer' ? 'number' : 'text' }}" id="p-{{ $p->id }}" name="{{ $nama }}" required
                                               value="{{ old('pengaturan.'.$galat, $p->nilai) }}" class="form-control @error($galat) is-invalid @enderror" style="max-width:{{ $p->tipe === 'integer' ? '200px' : 'none' }}">
                                        @error($galat)<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        @if ($p->kunci === 'upload.ukuran_maks_kb')
                                            <small class="form-text teks-redup">Batas server (php.ini upload_max_filesize) saat ini: <b>{{ $batasUploadPhp }}</b>. Nilai di atas batas itu tidak berlaku.</small>
                                        @elseif ($p->kunci === 'arsip.masa_retensi_tahun')
                                            <small class="form-text teks-redup">Acuan peninjauan arsip. Aplikasi tidak pernah menghapus arsip secara otomatis.</small>
                                        @endif
                                    @endif
                                </div>
                            @endforeach
                        </div>
                    </div>
                @endforeach
                <div class="text-right mb-3">
                    <button type="submit" class="btn btn-primary"><i class="fas fa-floppy-disk mr-1"></i> Simpan pengaturan</button>
                </div>
            </form>
        </div>

        <div class="col-lg-5">
            @php($jumlahCek = \App\Support\PemeriksaanKeamanan::ringkas($pemeriksaan))
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3 class="card-title"><i class="fas fa-shield-halved mr-1"></i> Pemeriksaan keamanan</h3>
                    <span class="small">
                        @if ($jumlahCek['bahaya'])<span class="badge badge-lembut-danger">{{ $jumlahCek['bahaya'] }} bahaya</span>@endif
                        @if ($jumlahCek['peringatan'])<span class="badge badge-lembut-warning">{{ $jumlahCek['peringatan'] }} peringatan</span>@endif
                        <span class="badge badge-lembut-success">{{ $jumlahCek['ok'] }} OK</span>
                    </span>
                </div>
                <ul class="list-unstyled mb-0 small">
                    @foreach ($pemeriksaan as $cek)
                        @php($gaya = ['ok' => ['fa-circle-check', 'text-success'], 'peringatan' => ['fa-triangle-exclamation', 'text-warning'], 'bahaya' => ['fa-circle-xmark', 'text-danger']][$cek['status']])
                        <li class="d-flex px-3 py-2 border-bottom" style="gap:.6rem">
                            <i class="fas {{ $gaya[0] }} {{ $gaya[1] }} mt-1"></i>
                            <div>
                                <div class="fw-semibold">{{ $cek['judul'] }}</div>
                                @if ($cek['status'] !== 'ok' || $cek['pesan'] !== 'Sesuai.')<div class="teks-redup">{{ $cek['pesan'] }}</div>@endif
                            </div>
                        </li>
                    @endforeach
                </ul>
            </div>

            <div class="card" id="pemeliharaan">
                <div class="card-header"><h3 class="card-title"><i class="fas fa-screwdriver-wrench mr-1"></i> Pemeliharaan</h3></div>
                <div class="card-body small">
                    @if ($migrasiTertunda)
                        <div class="alert alert-warning py-2">
                            <b>{{ count($migrasiTertunda) }} pembaruan database belum dijalankan.</b> Jalankan setelah mengunggah kode versi baru.
                            <ul class="mb-0 mt-1 pl-3">@foreach ($migrasiTertunda as $m)<li><code>{{ $m }}</code></li>@endforeach</ul>
                        </div>
                        <x-form-aksi :action="route('pengaturan.migrasi')" label="Jalankan pembaruan database" ikon="fa-database" warna="warning" class="btn-sm"
                                     judul="Jalankan pembaruan database?" pesan="Sistem membuat backup otomatis terlebih dahulu, lalu memperbarui struktur database."
                                     alasan="Password Anda" isian-tipe="password" :isian-min="1" tombol-konfirmasi="Ya, perbarui" />
                    @else
                        <p class="mb-2"><i class="fas fa-circle-check text-success mr-1"></i> Struktur database sudah mutakhir.</p>
                    @endif
                    <hr class="my-2">
                    <div class="d-flex justify-content-between align-items-center" style="gap:.5rem">
                        <span class="teks-redup">Bersihkan cache bila tampilan atau konfigurasi tidak berubah setelah pembaruan.</span>
                        <x-form-aksi :action="route('pengaturan.cache')" label="Bersihkan cache" ikon="fa-broom" warna="outline-secondary" class="btn-sm text-nowrap"
                                     pesan="Cache konfigurasi, route, dan tampilan akan dibuat ulang." tombol-konfirmasi="Ya, bersihkan" />
                    </div>
                </div>
            </div>

            <div class="card" id="backup">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3 class="card-title"><i class="fas fa-database mr-1"></i> File backup</h3>
                    <form method="POST" action="{{ route('pengaturan.backup.buat') }}" data-konfirmasi="Proses ini dapat memakan waktu beberapa saat, tergantung jumlah data dan dokumen." data-judul="Buat backup sekarang?" data-tombol="Ya, buat backup">
                        @csrf
                        <button type="submit" class="btn btn-sm btn-gold"><i class="fas fa-plus mr-1"></i> Buat backup</button>
                    </form>
                </div>
                <div class="card-body p-0">
                    @forelse ($daftarBackup as $b)
                        <div class="d-flex justify-content-between align-items-center px-3 py-2 border-bottom">
                            <div>
                                <div class="fw-semibold small"><i class="far fa-file-zipper mr-1 teks-redup"></i>{{ $b['nama'] }}</div>
                                <div class="small teks-redup">{{ $b['waktu']->translatedFormat('d M Y H:i') }} · {{ number_format($b['ukuran'] / 1048576, 2, ',', '.') }} MB</div>
                            </div>
                            <div class="text-nowrap">
                                <a href="{{ route('pengaturan.backup.unduh', $b['nama']) }}" class="btn btn-sm btn-outline-primary" title="Unduh"><i class="fas fa-download"></i></a>
                                <x-form-aksi :action="route('pengaturan.backup.hapus', $b['nama'])" label="" ikon="fa-trash" warna="outline-danger" class="btn-sm"
                                             judul="Hapus backup?" :pesan="$b['nama'].' akan dihapus permanen dari server.'" tombol-konfirmasi="Ya, hapus">
                                    @method('DELETE')
                                </x-form-aksi>
                            </div>
                        </div>
                    @empty
                        <div class="p-3"><x-kosong judul="Belum ada backup" ikon="fa-database" pesan="Buat backup pertama, lalu unduh dan simpan di tempat lain." /></div>
                    @endforelse
                </div>
                <div class="card-footer bg-white small teks-redup">
                    <p class="mb-2"><i class="fas fa-circle-info mr-1"></i> Backup berisi <code>database.sql</code>, folder <code>dokumen/</code>, dan <code>info.json</code>. Backup otomatis berjalan setiap hari pukul 01.30 bila cron scheduler aktif.</p>
                    <p class="mb-0"><i class="fas fa-triangle-exclamation mr-1 text-warning"></i> Unduh dan simpan salinan backup secara berkala di luar server (mis. Google Drive yayasan). Backup yang hanya ada di server ikut hilang bila server bermasalah.</p>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
<script>
$(function () {
    // Contoh suara mengikuti pilihan saat ini, tanpa harus menyimpan dulu.
    const contoh = new Audio();
    $('#coba-suara').on('click', function () {
        contoh.src = $(this).closest('.input-group').find('option:selected').data('url');
        contoh.play().catch(() => SIMSURAT.toast('Browser memblokir pemutaran suara.', 'warning'));
    });
});
</script>
@endpush