@extends('layouts.app')
@section('title', 'Data Sekolah')

@section('content')
<form method="POST" action="{{ route('settings.update') }}" enctype="multipart/form-data">
    @csrf @method('PUT')
    <div class="row g-3">
        <div class="col-lg-7">
            <div class="card mb-3">
                <div class="card-header"><i class="bi bi-building text-hijau"></i> Identitas Sekolah</div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Nama Sekolah</label>
                        <input type="text" name="nama_sekolah" class="form-control" value="{{ old('nama_sekolah', $setting->nama_sekolah) }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Alamat</label>
                        <input type="text" name="alamat" class="form-control" value="{{ old('alamat', $setting->alamat) }}">
                    </div>
                    <div class="row">
                        <div class="col-md-4 mb-3"><label class="form-label">E-mail</label>
                            <input type="text" name="email" class="form-control" value="{{ old('email', $setting->email) }}"></div>
                        <div class="col-md-4 mb-3"><label class="form-label">Telepon</label>
                            <input type="text" name="telepon" class="form-control" value="{{ old('telepon', $setting->telepon) }}"></div>
                        <div class="col-md-4 mb-3"><label class="form-label">No. WhatsApp Sekolah</label>
                            <input type="text" name="wa_sekolah" class="form-control" value="{{ old('wa_sekolah', $setting->wa_sekolah) }}" placeholder="mis. 08123456789">
                            <small class="text-muted">dipakai untuk pengingat tagihan ke orang tua</small></div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3"><label class="form-label">Kota (untuk kwitansi &amp; kartu)</label>
                            <input type="text" name="kota" class="form-control" value="{{ old('kota', $setting->kota) }}"></div>
                        <div class="col-md-6 mb-3"><label class="form-label">Tahun Pelajaran</label>
                            <input type="text" name="tahun_pelajaran" class="form-control" value="{{ old('tahun_pelajaran', $setting->tahun_pelajaran) }}" required></div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3"><label class="form-label">Nama Bendahara</label>
                            <input type="text" name="bendahara" class="form-control" value="{{ old('bendahara', $setting->bendahara) }}"></div>
                        <div class="col-md-6 mb-3"><label class="form-label">NIP Bendahara</label>
                            <input type="text" name="nip_bendahara" class="form-control" value="{{ old('nip_bendahara', $setting->nip_bendahara) }}"></div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-header"><i class="bi bi-list-ol text-hijau"></i> Jenis Pembayaran Lainnya (6)</div>
                <div class="card-body">
                    <p class="text-muted small">Silakan ubah nama pembayaran no 1 s/d 6 beserta tarif totalnya sesuai instansi Anda.</p>
                    @for($i=1;$i<=6;$i++)
                        <div class="row align-items-center mb-2">
                            <div class="col-1 text-center fw-bold text-hijau">{{ $i }}</div>
                            <div class="col-7"><input type="text" name="lainnya{{ $i }}_nama" class="form-control" value="{{ old('lainnya'.$i.'_nama', $setting->{'lainnya'.$i.'_nama'}) }}" placeholder="Nama pembayaran {{ $i }}"></div>
                            <div class="col-4"><div class="input-group"><span class="input-group-text">Rp</span>
                                <input type="number" name="lainnya{{ $i }}_tarif" class="form-control" value="{{ old('lainnya'.$i.'_tarif', $setting->{'lainnya'.$i.'_tarif'}) }}" min="0"></div></div>
                        </div>
                    @endfor
                </div>
            </div>
        </div>

        <div class="col-lg-5">
            <div class="card mb-3">
                <div class="card-header"><i class="bi bi-cash text-hijau"></i> Tarif Pokok SPP</div>
                <div class="card-body">
                    <label class="form-label">Tarif SPP per Bulan</label>
                    <div class="input-group"><span class="input-group-text">Rp</span>
                        <input type="number" name="tarif_spp" class="form-control form-control-lg" value="{{ old('tarif_spp', $setting->tarif_spp) }}" min="0" required></div>
                    <small class="text-muted">Dikalikan 12 bulan (Juli s/d Juni) untuk perhitungan status pelunasan.</small>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header"><i class="bi bi-image text-hijau"></i> Logo Sekolah</div>
                <div class="card-body text-center">
                    @if($setting->logo)
                        <img src="{{ asset('storage/'.$setting->logo) }}" class="rounded-soft mb-2" style="max-height:120px" alt="logo">
                    @else
                        <div class="text-muted py-3"><i class="bi bi-image fs-1"></i><br>Belum ada logo</div>
                    @endif
                    <input type="file" name="logo" class="form-control" accept="image/*">
                    <small class="text-muted">Maks 1 MB.</small>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header"><i class="bi bi-whatsapp text-hijau"></i> Template Pesan WhatsApp</div>
                <div class="card-body">
                    <textarea name="wa_template" class="form-control" rows="7">{{ old('wa_template', $setting->wa_template) }}</textarea>
                    <small class="text-muted d-block mt-2">Variabel: <code>{nama}</code> <code>{kelas}</code> <code>{no_induk}</code> <code>{sekolah}</code> <code>{rincian}</code> <code>{total}</code></small>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header"><i class="bi bi-qr-code text-hijau"></i> Pembayaran Mandiri (Portal Orang Tua)</div>
                <div class="card-body">
                    <p class="text-muted small">Ditampilkan ke orang tua di portal agar bisa membayar via QRIS/transfer, lalu mengunggah bukti untuk dikonfirmasi.</p>
                    <div class="row g-3">
                        <div class="col-md-4 text-center">
                            @if($setting->qris)
                                <img src="{{ asset('storage/'.$setting->qris) }}" class="rounded-soft mb-2" style="max-height:150px" alt="QRIS">
                            @else
                                <div class="text-muted py-3 border rounded-soft"><i class="bi bi-qr-code fs-1"></i><br>Belum ada QRIS</div>
                            @endif
                            <label class="form-label small fw-semibold mt-2">Gambar QRIS Statis</label>
                            <input type="file" name="qris" class="form-control" accept="image/*">
                        </div>
                        <div class="col-md-8">
                            <label class="form-label small fw-semibold">Rekening Tujuan Transfer</label>
                            <div class="row g-2">
                                <div class="col-md-4"><input name="bank_bayar" value="{{ old('bank_bayar', $setting->bank_bayar) }}" class="form-control" placeholder="Bank (mis. BRI)"></div>
                                <div class="col-md-8"><input name="norek_bayar" value="{{ old('norek_bayar', $setting->norek_bayar) }}" class="form-control" placeholder="Nomor rekening"></div>
                                <div class="col-12"><input name="atasnama_bayar" value="{{ old('atasnama_bayar', $setting->atasnama_bayar) }}" class="form-control" placeholder="Atas nama"></div>
                            </div>
                            <small class="text-muted">Kosongkan bila hanya memakai QRIS, atau sebaliknya.</small>
                        </div>
                    </div>
                </div>
            </div>

            <button class="btn btn-primary w-100 py-2"><i class="bi bi-save"></i> Simpan Data Sekolah</button>
        </div>
    </div>
</form>
@endsection