@extends('layouts.app')
@section('title', 'Transaksi '.$penjualan->kode)

@section('content')
@php
    $terbayar = $penjualan->terbayar;
    $sisa = $penjualan->sisa;
    $persen = $penjualan->total > 0 ? min(100, round($terbayar / $penjualan->total * 100)) : 0;
    $bisaBayar = ! in_array($penjualan->status, ['lunas', 'batal']);
    $sisaDp = $penjualan->sisa_dp;
    $belumLunas = $jadwal->where('status', '!=', 'lunas')->values();
    $berikut = $belumLunas->first();
    $menunggak = $jadwal->where('status', 'terlambat');
    $jenisDefault = old('jenis', $sisaDp > 0 ? 'uang_muka' : 'angsuran');
@endphp

<div class="d-flex flex-wrap gap-2 mb-3">
    <a href="{{ route('laporan.penjualan') }}" class="btn btn-light"><i class="bi bi-arrow-left"></i> Daftar Penjualan</a>
    <a href="{{ route('penjualan.cetak', $penjualan) }}" target="_blank" class="btn btn-outline-secondary"><i class="bi bi-file-earmark-pdf"></i> SPR (PDF)</a>
    <a href="{{ route('penelusuran', ['penjualan' => $penjualan->id]) }}#riwayat" class="btn btn-outline-dark"><i class="bi bi-clock-history"></i> Riwayat Transaksi</a>
    @if($bisaBayar)
        @unless($penjualan->dijadwalUlang())
        <a href="{{ route('penjualan.edit', $penjualan) }}" class="btn btn-outline-warning"><i class="bi bi-pencil"></i> Edit</a>
        @endunless
        @if(auth()->user()->peran('admin', 'kasir'))
        <a href="{{ route('take-over.create', $penjualan) }}" class="btn btn-outline-primary"><i class="bi bi-arrow-left-right"></i> Take Over</a>
        <form method="POST" action="{{ route('penjualan.batal', $penjualan) }}" data-confirm="Batalkan transaksi ini? Unit akan kembali berstatus tersedia.">
            @csrf <button class="btn btn-outline-danger"><i class="bi bi-x-circle"></i> Batalkan</button>
        </form>
        @endif
    @endif
    @if(auth()->user()->role === 'admin')
        <a href="{{ route('hapus-transaksi.konfirmasi', ['penjualan', $penjualan->id]) }}" class="btn btn-danger ms-auto" title="Hapus transaksi salah input"><i class="bi bi-trash"></i> Hapus</a>
    @endif
</div>

<div class="row g-3">
    <div class="col-lg-5">
        <div class="card mb-3">
            <div class="card-header bg-white d-flex justify-content-between">
                <strong>{{ $penjualan->kode }}</strong>
                <span class="badge text-bg-{{ $penjualan->badge }}">{{ \App\Models\Penjualan::STATUS[$penjualan->status] }}</span>
            </div>
            <table class="table table-sm mb-0">
                <tr><th class="ps-3 w-50">Tanggal</th><td>{{ tgl($penjualan->tanggal) }}</td></tr>
                <tr><th class="ps-3">Marketing</th><td>{{ $penjualan->marketing->name ?? '-' }}</td></tr>
                <tr><th class="ps-3">Perumahan</th><td>{{ $penjualan->unit->perumahan->nama }}</td></tr>
                <tr><th class="ps-3">Unit</th><td><a href="{{ route('unit.show', $penjualan->unit) }}">{{ $penjualan->unit->label }}</a> · {{ $penjualan->unit->tipe }}</td></tr>
                <tr><th class="ps-3">Pembeli</th><td><a href="{{ route('pembeli.show', $penjualan->pembeli) }}">{{ $penjualan->pembeli->nama }}</a><br><small>{{ $penjualan->pembeli->telepon }}</small>
                    @if($to = $penjualan->takeOver->last())<br><span class="badge text-bg-primary-subtle text-primary-emphasis border"><i class="bi bi-arrow-left-right"></i> Take over dari {{ $to->pembeliLama->nama }} · {{ tgl($to->tanggal) }}</span>@endif</td></tr>
                <tr><th class="ps-3">Metode</th><td>{{ \App\Models\Penjualan::METODE[$penjualan->metode] }}
                    @if($penjualan->bank_kpr) — {{ $penjualan->bank_kpr }} @endif</td></tr>
                <tr><th class="ps-3">Harga Jual</th><td>{{ rupiah($penjualan->harga_jual) }}</td></tr>
                <tr><th class="ps-3">Diskon</th><td>{{ rupiah($penjualan->diskon) }}</td></tr>
                <tr class="table-light"><th class="ps-3">Total Harga</th><td class="fw-bold">{{ rupiah($penjualan->total) }}</td></tr>
                <tr><th class="ps-3">Uang Muka (DP)</th><td>{{ rupiah($penjualan->uang_muka) }}
                    @if($sisaDp > 0 && $bisaBayar)<br><small class="text-danger">Sisa DP {{ rupiah($sisaDp) }}</small>@endif</td></tr>
                @if($penjualan->isKredit())
                    <tr><th class="ps-3">Tenor</th><td>{{ $penjualan->tenor_bulan }} bulan</td></tr>
                    <tr class="table-primary"><th class="ps-3">Angsuran / Bulan</th><td class="fw-bold">{{ rupiah($penjualan->angsuran_bulanan) }}</td></tr>
                    <tr><th class="ps-3">Periode</th><td>{{ tgl($jadwal->first()?->jatuh_tempo) }} – {{ tgl($jadwal->last()?->jatuh_tempo) }}</td></tr>
                @elseif($penjualan->tenor_bulan)
                    <tr><th class="ps-3">Tenor KPR</th><td>{{ $penjualan->tenor_bulan }} bulan</td></tr>
                @endif
                @if($penjualan->catatan)
                    <tr><th class="ps-3">Catatan</th><td>{{ $penjualan->catatan }}</td></tr>
                @endif
            </table>
        </div>

        <div class="card">
            <div class="card-body">
                <div class="d-flex justify-content-between small mb-1"><span>Progres Pembayaran</span><strong>{{ $persen }}%</strong></div>
                <div class="progress mb-3" style="height: 12px"><div class="progress-bar bg-success" style="width: {{ $persen }}%"></div></div>
                <div class="row text-center">
                    <div class="col"><div class="small text-muted">Terbayar</div><div class="fw-semibold text-success">{{ rupiah($terbayar) }}</div></div>
                    <div class="col"><div class="small text-muted">Sisa Tagihan</div><div class="fw-semibold text-danger">{{ rupiah($sisa) }}</div></div>
                </div>
                @if($penjualan->isKredit())
                    <hr>
                    <div class="row text-center small">
                        <div class="col"><div class="text-muted">Angsuran Lunas</div><strong>{{ $jadwal->where('status', 'lunas')->count() }} / {{ $jadwal->count() }}</strong></div>
                        <div class="col"><div class="text-muted">Menunggak</div><strong class="{{ $menunggak->isNotEmpty() ? 'text-danger' : '' }}">{{ $menunggak->count() }}× · {{ rupiah($menunggak->sum(fn ($j) => $j->sisa)) }}</strong></div>
                        <div class="col"><div class="text-muted">Jatuh Tempo Berikut</div><strong>{{ $berikut ? tgl($berikut->jatuh_tempo) : '-' }}</strong></div>
                    </div>
                @endif
            </div>
        </div>

        @include('penjualan._riwayat-pemilik')
    </div>

    <div class="col-lg-7">
        @if($bisaBayar && auth()->user()->peran('admin', 'kasir'))
        <div class="card mb-3 border-success">
            <div class="card-header bg-success-subtle fw-semibold"><i class="bi bi-cash-coin"></i> Catat Pembayaran
                <small class="fw-normal text-muted">— kwitansi PDF langsung dibuat</small></div>
            <div class="card-body">
                <form method="POST" action="{{ route('pembayaran.store', $penjualan) }}" id="formBayar">
                    @csrf
                    @if($penjualan->isKredit())
                        {{-- Kredit: cukup pilih DP atau Angsuran --}}
                        <div class="btn-group w-100 mb-3" role="group">
                            <input type="radio" class="btn-check" name="jenis" id="jenis_dp" value="uang_muka" @checked($jenisDefault === 'uang_muka') @disabled($sisaDp <= 0)>
                            <label class="btn btn-outline-primary" for="jenis_dp">
                                <i class="bi bi-wallet2"></i> Bayar DP
                                <small class="d-block">{{ $sisaDp > 0 ? 'Sisa '.rupiah($sisaDp) : 'Lunas ✓' }}</small>
                            </label>
                            <input type="radio" class="btn-check" name="jenis" id="jenis_angsuran" value="angsuran" @checked($jenisDefault === 'angsuran') @disabled($sisaDp > 0 || $belumLunas->isEmpty())>
                            <label class="btn btn-outline-primary" for="jenis_angsuran">
                                <i class="bi bi-calendar-check"></i> Bayar Angsuran
                                <small class="d-block">{{ $sisaDp > 0 ? 'Lunasi DP dulu' : ($berikut ? 'Ke-'.$berikut->angsuran_ke.' · '.rupiah($berikut->sisa) : 'Lunas ✓') }}</small>
                            </label>
                        </div>

                        <div class="row g-2">
                            <div class="col-md-6 bayar-dp">
                                <label class="form-label small">Jumlah DP (Rp)</label>
                                <input type="text" inputmode="numeric" data-uang name="jumlah" value="{{ old('jumlah', (int) ceil($sisaDp)) }}" class="form-control @error('jumlah') is-invalid @enderror">
                            </div>
                            <div class="col-md-6 bayar-angsuran">
                                <label class="form-label small">Bayar untuk</label>
                                <select name="jumlah_bulan" id="jumlah_bulan" class="form-select">
                                    @php $kumulatif = 0; @endphp
                                    @foreach($belumLunas as $i => $j)
                                        @php $kumulatif += $j->sisa; @endphp
                                        <option value="{{ $i + 1 }}" data-total="{{ $kumulatif }}" @selected(old('jumlah_bulan', 1) == $i + 1)>
                                            {{ $i + 1 }} bulan — s/d angsuran ke-{{ $j->angsuran_ke }} ({{ tgl($j->jatuh_tempo) }})
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6 bayar-angsuran">
                                <label class="form-label small">Jumlah Dibayar</label>
                                <div class="form-control bg-light fw-bold text-primary" id="total_angsuran">-</div>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label small">Tanggal</label>
                                <input type="date" name="tanggal" value="{{ old('tanggal', now()->toDateString()) }}" class="form-control" required>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label small">Cara Bayar</label>
                                <select name="cara_bayar" class="form-select">
                                    <option value="transfer">Transfer</option>
                                    <option value="tunai">Tunai</option>
                                    @if($penjualan->saldo_deposit > 0)
                                        <option value="deposit" @selected(old('cara_bayar') === 'deposit')>Potong Deposit ({{ rupiah($penjualan->saldo_deposit) }}) — khusus angsuran</option>
                                    @endif
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label small">Keterangan (opsional)</label>
                                <input name="keterangan" value="{{ old('keterangan') }}" class="form-control" placeholder="otomatis">
                            </div>
                        </div>
                    @else
                        {{-- Cash / KPR --}}
                        <div class="row g-2">
                            <div class="col-md-4">
                                <label class="form-label small">Tanggal</label>
                                <input type="date" name="tanggal" value="{{ old('tanggal', now()->toDateString()) }}" class="form-control" required>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label small">Jenis</label>
                                <select name="jenis" class="form-select" required>
                                    @foreach(\App\Models\Pembayaran::JENIS as $k => $v)
                                        @continue($k === 'angsuran')
                                        @continue($k === 'pencairan_kpr' && $penjualan->metode !== 'kpr')
                                        <option value="{{ $k }}" @selected(old('jenis', $sisaDp > 0 ? 'uang_muka' : ($penjualan->metode === 'kpr' ? 'pencairan_kpr' : 'pelunasan')) == $k)>{{ $v }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label small">Cara Bayar</label>
                                <select name="cara_bayar" class="form-select">
                                    <option value="transfer">Transfer</option>
                                    <option value="tunai">Tunai</option>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label small">Jumlah (Rp)</label>
                                <input type="text" inputmode="numeric" data-uang name="jumlah" value="{{ old('jumlah', (int) ceil($sisaDp > 0 ? $sisaDp : $sisa)) }}" class="form-control @error('jumlah') is-invalid @enderror" required>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label small">Keterangan</label>
                                <input name="keterangan" value="{{ old('keterangan') }}" class="form-control">
                            </div>
                        </div>
                    @endif
                    <button class="btn btn-success w-100 mt-3"><i class="bi bi-printer"></i> Simpan &amp; Cetak Kwitansi</button>
                </form>
            </div>
        </div>
        @endif

        @if($penjualan->isKredit() && $jadwal->isNotEmpty())
        <div class="card mb-3">
            <div class="card-header bg-white fw-semibold"><i class="bi bi-calendar2-week"></i> Jadwal Angsuran</div>
            <div class="table-responsive" style="max-height: 400px">
                <table class="table table-sm table-hover mb-0">
                    <thead class="table-light sticky-top"><tr>
                        <th class="ps-3">Ke</th><th>Jatuh Tempo</th><th class="text-end">Angsuran</th><th class="text-end">Terbayar</th><th>Status</th>
                    </tr></thead>
                    <tbody>
                    @foreach($jadwal as $j)
                        @php [$label, $warna] = \App\Models\JadwalAngsuran::STATUS[$j->status]; @endphp
                        <tr @class(['table-danger' => $j->status === 'terlambat', 'fw-semibold' => $berikut && $j->is($berikut)])>
                            <td class="ps-3">{{ $j->angsuran_ke }}</td>
                            <td class="text-nowrap">{{ tgl($j->jatuh_tempo) }}</td>
                            <td class="text-end">{{ rupiah($j->jumlah) }}</td>
                            <td class="text-end">{{ rupiah($j->terbayar) }}</td>
                            <td><span class="badge text-bg-{{ $warna }}">{{ $label }}</span></td>
                        </tr>
                    @endforeach
                    </tbody>
                    <tfoot class="table-light"><tr>
                        <th colspan="2" class="ps-3">Total</th>
                        <th class="text-end">{{ rupiah($jadwal->sum('jumlah')) }}</th>
                        <th class="text-end">{{ rupiah($jadwal->sum(fn ($j) => $j->terbayar)) }}</th><th></th>
                    </tr></tfoot>
                </table>
            </div>
        </div>
        @endif

        {{-- Denda & deposit: terpisah dari pembayaran harga rumah --}}
        <div class="card mb-3">
            <div class="card-header bg-white fw-semibold d-flex flex-wrap gap-2 justify-content-between align-items-center">
                <span><i class="bi bi-safe"></i> Denda &amp; Deposit</span>
                @if(auth()->user()->peran('admin', 'kasir'))
                <span class="d-flex gap-2">
                    @php $q = ['perumahan_id' => $penjualan->unit->perumahan_id, 'penjualan_id' => $penjualan->id]; @endphp
                    @if($penjualan->status !== 'batal')
                        <a href="{{ route('transaksi-lain.form', ['jenis' => 'denda'] + $q) }}" class="btn btn-sm btn-outline-danger"><i class="bi bi-exclamation-octagon"></i> Bayar Denda</a>
                    @endif
                    <a href="{{ route('transaksi-lain.form', ['jenis' => 'deposit'] + $q) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-safe"></i> Deposit</a>
                </span>
                @endif
            </div>
            <div class="card-body py-2">
                <div class="row text-center small">
                    <div class="col"><div class="text-muted">Total Denda Dibayar</div><strong class="text-danger">{{ rupiah($penjualan->total_denda) }}</strong></div>
                    <div class="col"><div class="text-muted">Saldo Deposit (Titipan)</div><strong class="text-primary">{{ rupiah($penjualan->saldo_deposit) }}</strong></div>
                </div>
            </div>
            @if($penjualan->transaksiLain->isNotEmpty())
                <div class="table-responsive">
                    <table class="table table-sm mb-0 small">
                        @foreach($penjualan->transaksiLain->sortByDesc('id') as $t)
                            <tr>
                                <td class="ps-3 text-nowrap">{{ tgl($t->tanggal) }}</td>
                                <td><span class="badge text-bg-{{ $t->badge }}">{{ \App\Models\TransaksiLain::JENIS[$t->jenis] }}</span></td>
                                <td>{{ $t->keterangan }}</td>
                                <td class="text-end text-nowrap {{ $t->isKeluar() ? 'text-danger' : '' }}">{{ $t->isKeluar() ? '−' : '' }}{{ rupiah($t->jumlah) }}</td>
                                <td class="text-end pe-2"><a href="{{ route('transaksi-lain.bukti', $t) }}" target="_blank" class="btn btn-sm btn-outline-secondary py-0"><i class="bi bi-file-earmark-pdf"></i></a></td>
                            </tr>
                        @endforeach
                    </table>
                </div>
            @endif
        </div>

        {{-- Biaya lain unit: administrasi surat, perbaikan, air, listrik, … --}}
        <div class="card mb-3">
            <div class="card-header bg-white fw-semibold d-flex flex-wrap gap-2 justify-content-between align-items-center">
                <span><i class="bi bi-receipt-cutoff"></i> Biaya Lain Unit
                    @if($penjualan->biayaUnit->isNotEmpty())<span class="text-primary ms-1">{{ rupiah($penjualan->biayaUnit->sum('jumlah')) }}</span>@endif</span>
                @if(auth()->user()->peran('admin', 'kasir') && $penjualan->status !== 'batal')
                    <a href="{{ route('biaya-unit.form', ['perumahan_id' => $penjualan->unit->perumahan_id, 'penjualan_id' => $penjualan->id]) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-plus-lg"></i> Catat Biaya</a>
                @endif
            </div>
            @if($penjualan->biayaUnit->isNotEmpty())
                <div class="table-responsive">
                    <table class="table table-sm mb-0 small">
                        @foreach($penjualan->biayaUnit->sortByDesc('id') as $k)
                            <tr>
                                <td class="ps-3 text-nowrap">{{ tgl($k->tanggal) }}</td>
                                <td>{{ $k->uraian_biaya }}@if($k->keterangan)<div class="text-muted">{{ $k->keterangan }}</div>@endif</td>
                                <td class="text-muted">{{ $k->pembeli->nama ?? $k->pihak }}</td>
                                <td class="text-end text-nowrap">{{ rupiah($k->jumlah) }}</td>
                                <td class="text-end pe-2 text-nowrap">
                                    @if(auth()->user()->peran('admin', 'kasir'))<a href="{{ route('kas.bukti', $k) }}" target="_blank" class="btn btn-sm btn-outline-secondary py-0" title="Cetak ulang bukti"><i class="bi bi-file-earmark-pdf"></i></a>@endif
                                </td>
                            </tr>
                        @endforeach
                    </table>
                </div>
            @else
                <div class="card-body py-2 small text-muted">Belum ada biaya lain (administrasi surat, perbaikan, air, listrik, …).</div>
            @endif
        </div>

        <div class="card">
            <div class="card-header bg-white fw-semibold">Riwayat Pembayaran</div>
            <div class="table-responsive">
                <table class="table mb-0">
                    @php($adaTo = $penjualan->takeOver->isNotEmpty())
                    <thead class="table-light"><tr><th>#</th><th>Tanggal</th><th>Jenis</th>@if($adaTo)<th>Dibayar Oleh</th>@endif<th>Cara</th><th class="text-end">Jumlah</th><th></th></tr></thead>
                    <tbody>
                    @forelse($penjualan->pembayaran as $i => $b)
                        <tr>
                            <td>{{ $i + 1 }}</td>
                            <td class="text-nowrap">{{ tgl($b->tanggal) }}</td>
                            <td>{{ \App\Models\Pembayaran::JENIS[$b->jenis] }}@if($b->keterangan)<br><small class="text-muted">{{ $b->keterangan }}</small>@endif</td>
                            @if($adaTo)<td class="small">{{ $b->pembeli?->nama ?? $penjualan->pembeli->nama }}</td>@endif
                            <td class="text-capitalize">{{ $b->cara_bayar }}</td>
                            <td class="text-end text-nowrap">{{ rupiah($b->jumlah) }}</td>
                            <td class="text-end text-nowrap">
                                <a href="{{ route('pembayaran.kwitansi', $b) }}" target="_blank" class="btn btn-sm btn-outline-secondary" title="Kwitansi PDF"><i class="bi bi-file-earmark-pdf"></i></a>
                                @if(auth()->user()->role === 'admin')
                                    <a href="{{ route('hapus-transaksi.konfirmasi', ['pembayaran', $b->id]) }}" class="btn btn-sm btn-outline-danger" title="Hapus pembayaran salah input"><i class="bi bi-trash"></i></a>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="{{ $adaTo ? 7 : 6 }}" class="text-center text-muted py-4">Belum ada pembayaran.</td></tr>
                    @endforelse
                    </tbody>
                    @if($penjualan->pembayaran->isNotEmpty())
                        <tfoot class="table-light"><tr><th colspan="{{ $adaTo ? 5 : 4 }}">Total Terbayar</th><th class="text-end">{{ rupiah($terbayar) }}</th><th></th></tr></tfoot>
                    @endif
                </table>
            </div>
        </div>
    </div>
</div>
@endsection

@if($bisaBayar && $penjualan->isKredit() && auth()->user()->peran('admin', 'kasir'))
@push('scripts')
<script>
(() => {
    const form = document.getElementById('formBayar');
    const fmt = n => 'Rp ' + Math.round(n).toLocaleString('id-ID');
    const update = () => {
        const jenis = form.querySelector('input[name=jenis]:checked')?.value;
        form.querySelectorAll('.bayar-dp').forEach(e => e.classList.toggle('d-none', jenis !== 'uang_muka'));
        form.querySelectorAll('.bayar-angsuran').forEach(e => e.classList.toggle('d-none', jenis !== 'angsuran'));
        form.querySelectorAll('.bayar-dp input').forEach(i => i.disabled = jenis !== 'uang_muka');
        const opt = document.getElementById('jumlah_bulan')?.selectedOptions[0];
        document.getElementById('total_angsuran').textContent = opt ? fmt(+opt.dataset.total) : '-';
    };
    form.querySelectorAll('input[name=jenis]').forEach(r => r.addEventListener('change', update));
    document.getElementById('jumlah_bulan')?.addEventListener('change', update);
    update();
})();
</script>
@endpush
@endif