@extends('layouts.app')
@section('title', 'Pos Transaksi Kas')

@section('content')
<div class="row g-3">
    <div class="col-xl-4">
        <div class="card">
            <div class="card-header bg-white fw-semibold">{{ $edit ? 'Ubah Pos' : 'Tambah Pos Baru' }}</div>
            <div class="card-body">
                <form method="POST" action="{{ $edit ? route('pos-kas.update', $edit) : route('pos-kas.store') }}">
                    @csrf
                    @if($edit) @method('PUT') @endif
                    @php $kunciJenis = $edit && ($edit->isSistem() || $edit->kas_count > 0 || $edit->kas()->exists()); @endphp
                    <div class="mb-2">
                        <label class="form-label small">Jenis</label>
                        <select name="jenis" class="form-select @error('jenis') is-invalid @enderror" @disabled($kunciJenis) required>
                            @foreach(\App\Models\PosKas::JENIS as $k => $v)
                                <option value="{{ $k }}" @selected(old('jenis', $edit?->jenis ?? request('jenis', 'keluar')) === $k)>{{ $v }}</option>
                            @endforeach
                        </select>
                        @if($kunciJenis)<small class="text-muted">Jenis tidak bisa diubah karena pos {{ $edit->isSistem() ? 'sistem' : 'sudah dipakai transaksi' }}.</small>@endif
                        @error('jenis')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-2">
                        <label class="form-label small">Nama Pos</label>
                        <input name="nama" value="{{ old('nama', $edit?->nama) }}" maxlength="100" class="form-control @error('nama') is-invalid @enderror" required placeholder="mis. Biaya Keamanan">
                        @error('nama')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-2">
                        <label class="form-label small">Kelompok Laporan Keuangan</label>
                        @php($kel = old('kelompok', $edit?->kelompok))
                        <select name="kelompok" id="kelompok" class="form-select @error('kelompok') is-invalid @enderror" @disabled($edit?->isSistem())>
                            <option value="">Otomatis (masuk = Pendapatan, keluar = Beban)</option>
                            @foreach(\App\Models\PosKas::KELOMPOK as $k => $label)<option value="{{ $k }}" @selected($kel === $k)>{{ $label }}</option>@endforeach
                        </select>
                        <div class="form-text">Pendapatan &amp; Beban masuk Laporan Pendapatan &amp; Beban; Aset, Kewajiban &amp; Modal masuk Neraca.@if($edit?->isSistem()) Kelompok pos sistem tidak dapat diubah.@endif</div>
                    </div>
                    <div class="mb-2" id="bagianAkun">
                        <label class="form-label small">Nama Akun di Neraca <span class="text-muted">(opsional)</span></label>
                        <input name="akun" value="{{ old('akun', $edit?->akun) }}" maxlength="100" class="form-control" placeholder="mis. Utang Pinjaman, Peralatan Kantor" @disabled($edit?->isSistem())>
                        <div class="form-text">Pos masuk &amp; keluar dengan nama akun sama digabung, mis. "Pinjaman Diterima" dan "Cicilan Pinjaman" → Utang Pinjaman.</div>
                    </div>
                    <div class="form-check form-switch mb-2" id="bagianBiayaUnit">
                        <input type="hidden" name="biaya_unit" value="0">
                        <input class="form-check-input" type="checkbox" name="biaya_unit" value="1" id="biaya_unit" @checked(old('biaya_unit', $edit?->biaya_unit)) @disabled($edit?->isSistem())>
                        <label class="form-check-label small" for="biaya_unit">Biaya lain unit rumah</label>
                        <div class="form-text">Dibayar pemilik untuk unit tertentu (mis. administrasi surat, perbaikan, air, listrik). Dicatat lewat menu <em>Biaya Lain Unit</em>, tidak muncul di form Kas Masuk.</div>
                        <div class="form-check mt-1" id="bagianWajibKet">
                            <input type="hidden" name="wajib_keterangan" value="0">
                            <input class="form-check-input" type="checkbox" name="wajib_keterangan" value="1" id="wajib_keterangan" @checked(old('wajib_keterangan', $edit?->wajib_keterangan))>
                            <label class="form-check-label small" for="wajib_keterangan">Wajib isi keterangan <span class="text-muted">(untuk jenis serba guna, mis. Biaya Unit Lain-lain)</span></label>
                        </div>
                    </div>
                    <div class="mb-2">
                        <label class="form-label small">Keterangan</label>
                        <input name="keterangan" value="{{ old('keterangan', $edit?->keterangan) }}" maxlength="255" class="form-control">
                    </div>
                    <div class="row g-2 align-items-end">
                        <div class="col-6">
                            <label class="form-label small">Urutan tampil</label>
                            <input type="number" name="urutan" min="0" value="{{ old('urutan', $edit?->urutan ?? 100) }}" class="form-control">
                        </div>
                        <div class="col-6">
                            <div class="form-check form-switch mb-2">
                                <input type="hidden" name="aktif" value="0">
                                <input class="form-check-input" type="checkbox" name="aktif" value="1" id="aktif" @checked(old('aktif', $edit?->aktif ?? true)) @disabled($edit?->isSistem())>
                                <label class="form-check-label small" for="aktif">Aktif</label>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex gap-2 mt-3">
                        <button class="btn btn-primary flex-grow-1"><i class="bi bi-save"></i> Simpan</button>
                        @if($edit)<a href="{{ route('pos-kas.index') }}" class="btn btn-light">Batal</a>@endif
                    </div>
                </form>
            </div>
        </div>
        <div class="alert alert-info small mt-3 mb-0">
            <i class="bi bi-info-circle"></i> Pos bertanda <span class="badge text-bg-dark">sistem</span> terisi otomatis dari transaksi perumahan:
            pembayaran rumah (booking fee, DP, angsuran, KPR, pelunasan) &amp; denda → <strong>Pendapatan Usaha</strong>; setor/ambil/pakai deposit → pos deposit.
            Pos sistem tidak bisa dipilih di form kas maupun dihapus.
        </div>
    </div>

    <div class="col-xl-8">
        @foreach(\App\Models\PosKas::JENIS as $jenis => $judul)
            <div class="card mb-3">
                <div class="card-header bg-white fw-semibold d-flex justify-content-between">
                    <span class="text-{{ $jenis === 'masuk' ? 'success' : 'danger' }}"><i class="bi {{ $jenis === 'masuk' ? 'bi-box-arrow-in-down' : 'bi-box-arrow-up' }}"></i> Pos {{ $judul }}</span>
                    <span class="badge text-bg-secondary">{{ ($pos[$jenis] ?? collect())->count() }}</span>
                </div>
                <div class="table-responsive">
                    <table class="table table-sm mb-0 align-middle">
                        <thead class="table-light"><tr><th class="ps-3">Nama Pos</th><th>Kelompok</th><th>Keterangan</th><th class="text-center">Dipakai</th><th class="text-center">Status</th><th></th></tr></thead>
                        <tbody>
                        @foreach($pos[$jenis] ?? [] as $p)
                            <tr @class(['table-primary' => $edit?->is($p), 'text-muted' => ! $p->aktif])>
                                <td class="ps-3">{{ $p->nama }} @if($p->isSistem())<span class="badge text-bg-dark">sistem</span>@endif @if($p->biaya_unit)<span class="badge text-bg-info" title="Dicatat lewat menu Biaya Lain Unit"><i class="bi bi-house-door"></i> biaya unit</span>@endif @if($p->wajib_keterangan)<span class="badge text-bg-light border" title="Keterangan wajib diisi">wajib keterangan</span>@endif</td>
                                <td class="small text-nowrap"><span class="badge text-bg-{{ ['pendapatan' => 'success', 'beban' => 'danger', 'aset' => 'primary', 'kewajiban' => 'warning', 'modal' => 'info'][$p->kelompok] }}">{{ ucfirst($p->kelompok) }}</span>
                                    @if($p->akun && $p->akun !== $p->nama)<div class="text-muted">→ {{ $p->akun }}</div>@endif</td>
                                <td class="small">{{ $p->keterangan }}</td>
                                <td class="text-center small">{{ $p->isSistem() ? 'otomatis' : $p->kas_count.'×' }}</td>
                                <td class="text-center">
                                    <span class="badge text-bg-{{ $p->aktif ? 'success' : 'secondary' }}">{{ $p->aktif ? 'Aktif' : 'Nonaktif' }}</span>
                                </td>
                                <td class="text-end text-nowrap pe-3">
                                    <a href="{{ route('pos-kas.edit', $p) }}" class="btn btn-sm btn-outline-warning py-0" title="Ubah"><i class="bi bi-pencil"></i></a>
                                    @unless($p->isSistem() || $p->kas_count)
                                        <form method="POST" action="{{ route('pos-kas.destroy', $p) }}" class="d-inline" data-confirm="Hapus pos {{ $p->nama }}?">
                                            @csrf @method('DELETE') <button class="btn btn-sm btn-outline-danger py-0" title="Hapus"><i class="bi bi-trash"></i></button>
                                        </form>
                                    @endunless
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endforeach
    </div>
</div>
@endsection

@push('scripts')
<script>
(() => {
    // Nama akun neraca hanya untuk Aset / Kewajiban / Modal
    const kel = document.getElementById('kelompok'), bagian = document.getElementById('bagianAkun');
    const atur = () => { bagian.hidden = !['aset', 'kewajiban', 'modal'].includes(kel.value); };
    kel?.addEventListener('change', atur);
    if (kel && bagian) atur();

    // Biaya lain unit hanya untuk pos kas masuk
    const jenis = document.querySelector('select[name=jenis]'), biaya = document.getElementById('bagianBiayaUnit');
    const cekBiaya = document.getElementById('biaya_unit'), wajib = document.getElementById('bagianWajibKet');
    const aturBiaya = () => { biaya.hidden = jenis.value !== 'masuk'; wajib.hidden = !cekBiaya.checked; };
    jenis?.addEventListener('change', aturBiaya);
    cekBiaya?.addEventListener('change', aturBiaya);
    if (jenis && biaya && wajib) aturBiaya();
})();
</script>
@endpush