{{-- resources/views/yayasan/transaksi/penerimaan-kas/show.blade.php --}}

@extends('layouts.app')

@section('title', 'Detail Penerimaan Kas: ' . $penerimaanKa->no_referensi)

@section('content')
    <div class="nk-content nk-content-fluid">
        <div class="container-xl wide-xl">
            <div class="nk-content-inner">
                <div class="nk-content-body">
                    <div class="nk-block-head nk-block-head-sm">
                        <div class="nk-block-between">
                            <div class="nk-block-head-content">
                                <h3 class="nk-block-title page-title">Detail Penerimaan Kas: {{ $penerimaanKa->no_referensi }}</h3>
                                <div class="nk-block-des text-soft">
                                    <p>Informasi lengkap transaksi penerimaan kas.</p>
                                </div>
                            </div>
                            <div class="nk-block-head-content">
                                <a href="{{ route('yayasan.transaksi.penerimaan-kas.index') }}" class="btn btn-outline-light bg-white d-sm-inline-flex">
                                    <em class="icon ni ni-arrow-left"></em>
                                    <span>Kembali ke Daftar Penerimaan Kas</span>
                                </a>
                                <a href="{{ route('yayasan.transaksi.penerimaan-kas.index') }}" class="btn btn-icon btn-outline-light bg-white d-inline-flex d-sm-none">
                                    <em class="icon ni ni-arrow-left"></em>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="nk-block">
                        <div class="card card-bordered">
                            <div class="card-inner">
                                <h5 class="card-title">Informasi Transaksi</h5>
                                <hr>
                                <div class="row gy-4">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="form-label">Tanggal Transaksi:</label>
                                            <div class="form-control-plaintext">{{ $penerimaanKa->tanggal->format('d F Y') }}</div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="form-label">Nomor Referensi:</label>
                                            <div class="form-control-plaintext">{{ $penerimaanKa->no_referensi ?? '-' }}</div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="form-label">Unit Terkait:</label>
                                            <div class="form-control-plaintext">{{ $penerimaanKa->unit->nama_unit ?? '-' }}</div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="form-label">Metode Pembayaran:</label>
                                            <div class="form-control-plaintext">{{ $penerimaanKa->metode_pembayaran ?? '-' }}</div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="form-label">Jenis Penerimaan:</label>
                                            <div class="form-control-plaintext">{{ $penerimaanKa->jenis_transaksi ?? '-' }}</div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="form-label">Deskripsi Transaksi:</label>
                                            <div class="form-control-plaintext">{{ $penerimaanKa->deskripsi }}</div>
                                        </div>
                                    </div>
                                </div>
                                
                                <hr>
                                <br>
                                <br>
                                <div class="mt-4 md-12">
                                    @if ($penerimaanKa->status === 'approval' || $penerimaanKa->status === 'Approved')
                                        <div class="alert alert-success mb-2 py-2 px-3" role="alert">
                                            Transaksi telah  <strong>disetujui</strong> pada {{ $penerimaanKa->updated_at ? $penerimaanKa->updated_at->format('d F Y') : '-' }}
                                        </div>
                                    @elseif ($penerimaanKa->status === 'draft')
                                        <div class="alert alert-secondary mb-2 py-2 px-3" role="alert">
                                            Transaksi masih dalam  <strong>draft</strong> 
                                        </div>
                                    @elseif ($penerimaanKa->status === 'process' || $penerimaanKa->status === 'Pending Approval')
                                        <div class="alert alert-info mb-2 py-2 px-3" role="alert">
                                            Transaksi sedang dalam  <strong>proses persetujuan</strong>
                                        </div>
                                    @elseif ($penerimaanKa->status === 'reject' || $penerimaanKa->status === 'Rejected')
                                        <div class="alert alert-danger mb-2 py-2 px-3" role="alert">
                                            Transaksi telah  <strong>ditolak</strong>
                                        </div>
                                    @elseif ($penerimaanKa->status === 'revision')
                                        <div class="alert alert-warning mb-2 py-2 px-3" role="alert">
                                            Transaksi menunggu  <strong>revisi</strong>
                                        </div>
                                    @else
                                        <div class="alert alert-dark mb-2 py-2 px-3" role="alert">
                                            <strong>Status tidak diketahui: {{ $penerimaanKa->status }}</strong>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="nk-content nk-content-fluid">
        <div class="container-xl wide-xl">
            <div class="nk-content-inner">
                <div class="nk-content-body">

                    <div class="nk-block">
                        <div class="card card-bordered">
                            <div class="card-inner">
                                <h5 class="card-title">Jurnal Umum</h5>
                                <hr>
                                <div class="nk-tb-list nk-tb-ulog">
                                    <div class="nk-tb-item nk-tb-head">
                                        <div class="nk-tb-col"><span>No</span></div>
                                        <div class="nk-tb-col"><span>Akun COA</span></div>
                                        <div class="nk-tb-col"><span>Deskripsi Item</span></div>
                                        <div class="nk-tb-col tb-col-md"><span>Unit</span></div>
                                        <div class="nk-tb-col tb-col-md text-end"><span>Debit</span></div>
                                        <div class="nk-tb-col tb-col-md text-end"><span>Kredit</span></div>
                                    </div>

                                    {{-- ================================================================ --}}
                                    {{-- PERBAIKAN 1: Loop melalui relasi 'detailTransaksi'          --}}
                                    {{-- ================================================================ --}}
                                    @foreach ($penerimaanKa->detailTransaksi as $detail)
                                        <div class="nk-tb-item">
                                            <div class="nk-tb-col">
                                                <span>{{ $loop->iteration }}</span>
                                            </div>
                                            <div class="nk-tb-col">
                                                {{-- Pastikan relasi 'akun' ada di model DetailTransaksi dan sudah di-load --}}
                                                <span>{{ $detail->akun->kode_akun ?? 'N/A' }} - {{ $detail->akun->nama_akun ?? 'N/A' }}</span>
                                            </div>
                                            <div class="nk-tb-col">
                                                {{-- PERBAIKAN 2: Gunakan kolom 'deskripsi_item' yang benar --}}
                                                <span>{{ $detail->deskripsi_item ?? '-' }}</span>
                                            </div>
                                            <div class="nk-tb-col tb-col-md">
                                                {{-- Ambil nama unit dari transaksi header --}}
                                                <span>{{ $penerimaanKa->unit->nama_unit ?? '-' }}</span>
                                            </div>
                                            {{-- ================================================================ --}}
                                            {{-- PERBAIKAN 3: Gunakan kolom 'debit' dan 'kredit' yang benar    --}}
                                            {{-- ================================================================ --}}
                                            <div class="nk-tb-col tb-col-md text-end">
                                                <span>{{ $detail->debit > 0 ? number_format($detail->debit, 0, ',', '.') : '-' }}</span>
                                            </div>
                                            <div class="nk-tb-col tb-col-md text-end">
                                                <span>{{ $detail->kredit > 0 ? number_format($detail->kredit, 0, ',', '.') : '-' }}</span>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- modal detail transaksi  -->
    <div class="modal fade" tabindex="-1" id="detailTransaksiModal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Detail Transaksi</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="nk-tb-list nk-tb-ulog">
                        <div class="nk-tb-item nk-tb-head">
                            <div class="nk-tb-col"><span>No</span></div>
                            <div class="nk-tb-col"><span>Deskripsi Item</span></div>
                            <div class="nk-tb-col tb-col-md"><span>Unit</span></div>
                            <div class="nk-tb-col tb-col-md"><span>Prog. Kegiatan</span></div>
                            <div class="nk-tb-col tb-col-md"><span>Pendanaan</span></div>
                        </div>
                        {{-- Loop di dalam modal ini sudah benar --}}
                        @foreach ($penerimaanKa->detailTransaksi as $detail)
                            <div class="nk-tb-item">
                                <div class="nk-tb-col">
                                    <span>{{ $loop->iteration }}</span>
                                </div>
                                <div class="nk-tb-col">
                                    <span>{{ $detail->deskripsi_item ?? '-' }}</span>
                                </div>
                                <div class="nk-tb-col tb-col-md">
                                    <span>{{ $penerimaanKa->unit->nama_unit ?? '-' }}</span>
                                </div>
                                <div class="nk-tb-col tb-col-md">
                                    <span>{{ $penerimaanKa->programKegiatan->nama ?? '-' }}</span>
                                </div>
                                <div class="nk-tb-col tb-col-md">
                                    <span>{{ $penerimaanKa->jenisPendanaan->nama ?? '-' }}</span>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
                </div>
            </div>
        </div>
    </div>
@endsection