@extends('layouts.app')

@section('page-title', 'Pengaturan')
@section('page-subtitle', 'Administrasi')

@section('content')
    <x-page-header eyebrow="Administrasi" title="Pengaturan Sistem" subtitle="Informasi instansi, pimpinan, dan aturan denda keterlambatan." />

    <form method="POST" action="{{ route('settings.update') }}" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <div class="panel">
            <div class="panel__head"><h3>Informasi Instansi</h3></div>
            <div class="panel__body">
                <div class="form-grid">
                    <div class="field field--span-2">
                        <label for="nama_instansi">Nama Instansi</label>
                        <input type="text" id="nama_instansi" name="nama_instansi" value="{{ old('nama_instansi', $setting->nama_instansi ?? '') }}">
                        @error('nama_instansi')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div class="field field--span-2">
                        <label for="alamat">Alamat</label>
                        <textarea id="alamat" name="alamat" rows="2">{{ old('alamat', $setting->alamat ?? '') }}</textarea>
                        @error('alamat')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div class="field">
                        <label for="telepon">Telepon</label>
                        <input type="text" id="telepon" name="telepon" value="{{ old('telepon', $setting->telepon ?? '') }}">
                        @error('telepon')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div class="field">
                        <label for="email">Email</label>
                        <input type="email" id="email" name="email" value="{{ old('email', $setting->email ?? '') }}">
                        @error('email')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div class="field">
                        <label for="website">Website <span class="text-faint" style="font-weight:400;">(opsional)</span></label>
                        <input type="url" id="website" name="website" value="{{ old('website', $setting->website ?? '') }}" placeholder="https://...">
                        @error('website')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                </div>
            </div>
        </div>

        <div class="panel">
            <div class="panel__head"><h3>Logo &amp; Favicon</h3></div>
            <div class="panel__body">
                <div class="form-grid">
                    <div class="field">
                        <label for="logo">Logo Instansi</label>
                        @if (!empty($setting->logo))
                            <img src="{{ asset('storage/' . $setting->logo) }}" alt="Logo" style="height:48px; margin-bottom:10px; border-radius:8px; border:1px solid var(--color-border);">
                        @endif
                        <input type="file" id="logo" name="logo" accept="image/png,image/jpeg,image/webp">
                        <p class="field-hint">Format JPG/PNG/WEBP, maksimal 2MB.</p>
                        @error('logo')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div class="field">
                        <label for="favicon">Favicon</label>
                        @if (!empty($setting->favicon))
                            <img src="{{ asset('storage/' . $setting->favicon) }}" alt="Favicon" style="height:32px; margin-bottom:10px; border-radius:6px; border:1px solid var(--color-border);">
                        @endif
                        <input type="file" id="favicon" name="favicon" accept="image/png,image/jpeg,image/webp">
                        <p class="field-hint">Format JPG/PNG/WEBP, maksimal 2MB.</p>
                        @error('favicon')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                </div>
            </div>
        </div>

        <div class="panel">
            <div class="panel__head"><h3>Pimpinan &amp; Aturan Retribusi</h3></div>
            <div class="panel__body">
                <div class="form-grid">
                    <div class="field">
                        <label for="nama_pimpinan">Nama Pimpinan</label>
                        <input type="text" id="nama_pimpinan" name="nama_pimpinan" value="{{ old('nama_pimpinan', $setting->nama_pimpinan ?? '') }}">
                        @error('nama_pimpinan')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div class="field">
                        <label for="nip_pimpinan">NIP Pimpinan</label>
                        <input type="text" id="nip_pimpinan" name="nip_pimpinan" value="{{ old('nip_pimpinan', $setting->nip_pimpinan ?? '') }}">
                        @error('nip_pimpinan')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div class="field field--span-2">
                        <label for="jabatan_pimpinan">Jabatan Pimpinan</label>
                        <input type="text" id="jabatan_pimpinan" name="jabatan_pimpinan" value="{{ old('jabatan_pimpinan', $setting->jabatan_pimpinan ?? '') }}">
                        @error('jabatan_pimpinan')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div class="field">
                        <label for="denda_per_hari">Denda per Hari Keterlambatan (Rp)</label>
                        <input type="number" id="denda_per_hari" name="denda_per_hari" min="0" step="1" value="{{ old('denda_per_hari', $setting->denda_per_hari ?? '') }}">
                        @error('denda_per_hari')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div class="field">
                        <label for="jatuh_tempo_default">Jatuh Tempo Default (hari)</label>
                        <input type="number" id="jatuh_tempo_default" name="jatuh_tempo_default" min="1" step="1" value="{{ old('jatuh_tempo_default', $setting->jatuh_tempo_default ?? '') }}">
                        @error('jatuh_tempo_default')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                </div>
                <div class="form-actions">
                    <button type="submit" class="btn">
                        <i data-lucide="check"></i>
                        <span>Simpan Pengaturan</span>
                    </button>
                </div>
            </div>
        </div>
    </form>
@endsection