@extends('layouts.app')

@section('content')
<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">Trace Saldo Kas Unit</h3>
            <div class="nk-block-des text-soft">
                <p>Visualisasi jejak saldo dari input saldo awal sampai transaksi terakhir untuk akun kas unit.</p>
            </div>
        </div>
        <div class="nk-block-head-content d-flex gap-2">
            <a href="{{ route('yayasan.transaksi.penerimaan-kas.audit') }}" class="btn btn-outline-dark">
                <em class="icon ni ni-search"></em>
                <span>Audit Sync</span>
            </a>
            <a href="{{ route('yayasan.transaksi.penerimaan-kas.index') }}" class="btn btn-outline-primary">
                <em class="icon ni ni-arrow-left"></em>
                <span>Kembali</span>
            </a>
        </div>
    </div>
</div>

<div class="card mb-3">
    <div class="card-body">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-4">
                <label class="form-label">Unit</label>
                <select name="unit_id" class="form-select" onchange="this.form.submit()">
                    @foreach($kasMappings->groupBy('unit_id') as $unitId => $items)
                    <option value="{{ $unitId }}" {{ (string) $selectedUnitId === (string) $unitId ? 'selected' : '' }}>
                        {{ $items->first()->unit->nama_unit ?? $unitId }} ({{ $unitId }})
                    </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-6">
                <label class="form-label">Akun Kas Unit</label>
                <select name="akun_id" class="form-select">
                    @foreach($unitMappings as $mapping)
                    <option value="{{ $mapping->kode_akun_yayasan }}" {{ (string) $selectedAkunId === (string) $mapping->kode_akun_yayasan ? 'selected' : '' }}>
                        {{ $mapping->kode_akun_yayasan }} - {{ $mapping->akun->nama_akun ?? 'Akun tidak ditemukan' }}
                    </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2 d-grid">
                <button class="btn btn-primary">
                    <em class="icon ni ni-eye"></em>
                    <span>Tampilkan</span>
                </button>
            </div>
        </form>
    </div>
</div>

<div class="alert alert-info">
    Trace ini membaca mutasi dari <strong>jurnal_entry</strong> untuk akun kas yang dipilih, lalu membandingkannya dengan total pada <strong>transaksi</strong>, <strong>detail_transaksi</strong>, dan saldo akhir pada tabel <strong>akun</strong>.
</div>

<div class="row g-gs mb-3">
    <div class="col-md-3">
        <div class="card card-bordered h-100">
            <div class="card-inner">
                <div class="fs-6 text-soft">Saldo Awal System</div>
                <div class="fs-3 fw-bold">{{ number_format((float) $summary->saldo_awal_system, 0, ',', '.') }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card card-bordered h-100">
            <div class="card-inner">
                <div class="fs-6 text-soft">Mutasi Reguler</div>
                <div class="fs-3 fw-bold">{{ number_format((float) $summary->mutasi_reguler, 0, ',', '.') }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card card-bordered h-100">
            <div class="card-inner">
                <div class="fs-6 text-soft">Saldo Seharusnya</div>
                <div class="fs-3 fw-bold text-primary">{{ number_format((float) $summary->saldo_expected, 0, ',', '.') }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card card-bordered h-100">
            <div class="card-inner">
                <div class="fs-6 text-soft">Saldo Akun Saat Ini</div>
                <div class="fs-3 fw-bold {{ abs((float) $summary->selisih_saldo) < 0.01 ? 'text-success' : 'text-danger' }}">{{ number_format((float) $summary->saldo_actual, 0, ',', '.') }}</div>
            </div>
        </div>
    </div>
</div>

<div class="row g-gs mb-3">
    <div class="col-md-3">
        <div class="card card-bordered h-100">
            <div class="card-inner">
                <div class="fs-6 text-soft">Selisih Saldo</div>
                <div class="fs-3 fw-bold {{ abs((float) $summary->selisih_saldo) < 0.01 ? 'text-success' : 'text-danger' }}">{{ number_format((float) $summary->selisih_saldo, 0, ',', '.') }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card card-bordered h-100">
            <div class="card-inner">
                <div class="fs-6 text-soft">Total Nominal Transaksi</div>
                <div class="fs-4 fw-bold">{{ number_format((float) $summary->total_nominal_transaksi, 0, ',', '.') }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card card-bordered h-100">
            <div class="card-inner">
                <div class="fs-6 text-soft">Total Nominal Detail</div>
                <div class="fs-4 fw-bold">{{ number_format((float) $summary->total_nominal_detail, 0, ',', '.') }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card card-bordered h-100">
            <div class="card-inner">
                <div class="fs-6 text-soft">Total Jejak Transaksi</div>
                <div class="fs-4 fw-bold">{{ number_format((int) $summary->total_transaksi, 0, ',', '.') }}</div>
            </div>
        </div>
    </div>
</div>

<div class="card card-preview mb-4">
    <div class="card-inner border-bottom">
        <div class="card-title-group">
            <div class="card-title">
                <h5 class="title">Ringkasan Kecocokan</h5>
            </div>
        </div>
    </div>
    <div class="table-responsive">
        <table class="table table-bordered mb-0">
            <thead>
                <tr>
                    <th>Komponen</th>
                    <th class="text-end">Nilai</th>
                    <th>Keterangan</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Nominal transaksi</td>
                    <td class="text-end">{{ number_format((float) $summary->total_nominal_transaksi, 0, ',', '.') }}</td>
                    <td>Total header transaksi yang menyentuh akun kas ini.</td>
                </tr>
                <tr>
                    <td>Nominal detail_transaksi</td>
                    <td class="text-end">{{ number_format((float) $summary->total_nominal_detail, 0, ',', '.') }}</td>
                    <td>Harus masuk akal terhadap header transaksi.</td>
                </tr>
                <tr>
                    <td>Total jurnal debit</td>
                    <td class="text-end">{{ number_format((float) $summary->total_debit_all, 0, ',', '.') }}</td>
                    <td>Total semua jurnal di transaksi terkait.</td>
                </tr>
                <tr>
                    <td>Total jurnal kredit</td>
                    <td class="text-end">{{ number_format((float) $summary->total_kredit_all, 0, ',', '.') }}</td>
                    <td>Total semua jurnal di transaksi terkait.</td>
                </tr>
                <tr>
                    <td>Mutasi kas dari jurnal_entry</td>
                    <td class="text-end">{{ number_format((float) ($summary->total_debit_kas - $summary->total_kredit_kas), 0, ',', '.') }}</td>
                    <td>Dipakai untuk menghitung saldo kas seharusnya.</td>
                </tr>
                <tr>
                    <td>Saldo akun kas unit</td>
                    <td class="text-end {{ abs((float) $summary->selisih_saldo) < 0.01 ? 'text-success fw-bold' : 'text-danger fw-bold' }}">{{ number_format((float) $summary->saldo_actual, 0, ',', '.') }}</td>
                    <td>{{ abs((float) $summary->selisih_saldo) < 0.01 ? 'Saldo cocok dengan jejak jurnal.' : 'Saldo belum cocok dengan jejak jurnal.' }}</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

<div class="card card-preview">
    <div class="card-inner border-bottom">
        <div class="card-title-group">
            <div class="card-title">
                <h5 class="title">Timeline Trace</h5>
            </div>
        </div>
    </div>
    <div class="table-responsive">
        <table class="table table-custom table-bordered align-middle mb-0">
            <thead>
                <tr>
                    <th>Tanggal</th>
                    <th>No Ref</th>
                    <th>Tipe</th>
                    <th>Sumber</th>
                    <th class="text-end">Header</th>
                    <th class="text-end">Detail</th>
                    <th class="text-end">Jurnal Debit</th>
                    <th class="text-end">Jurnal Kredit</th>
                    <th class="text-end">Debit Kas</th>
                    <th class="text-end">Kredit Kas</th>
                    <th class="text-end">Mutasi Kas</th>
                    <th class="text-end">Running Saldo</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($timelineRows as $row)
                <tr>
                    <td>{{ \Carbon\Carbon::parse($row->tanggal)->format('d/m/Y') }}</td>
                    <td>
                        <div class="fw-bold">{{ $row->no_referensi }}</div>
                        <small class="text-muted">ID {{ $row->transaksi_id }}</small>
                    </td>
                    <td>{{ $row->tipe_transaksi }}</td>
                    <td>{{ $row->sync_source ?: '-' }}</td>
                    <td class="text-end">{{ number_format((float) $row->nominal_transaksi, 0, ',', '.') }}</td>
                    <td class="text-end">{{ number_format((float) $row->total_nominal_detail, 0, ',', '.') }}</td>
                    <td class="text-end">{{ number_format((float) $row->total_debit_all, 0, ',', '.') }}</td>
                    <td class="text-end">{{ number_format((float) $row->total_kredit_all, 0, ',', '.') }}</td>
                    <td class="text-end">{{ number_format((float) $row->total_debit_kas, 0, ',', '.') }}</td>
                    <td class="text-end">{{ number_format((float) $row->total_kredit_kas, 0, ',', '.') }}</td>
                    <td class="text-end {{ (float) $row->mutasi_kas >= 0 ? 'text-success' : 'text-danger' }} fw-bold">{{ number_format((float) $row->mutasi_kas, 0, ',', '.') }}</td>
                    <td class="text-end fw-bold">{{ number_format((float) $row->running_saldo, 0, ',', '.') }}</td>
                    <td>
                        <div><span class="badge {{ $row->status_jurnal_balance === 'BALANCE' ? 'bg-success' : 'bg-danger' }}">{{ $row->status_jurnal_balance }}</span></div>
                        <div class="mt-1"><span class="badge {{ $row->status_header_detail === 'COCOK' || $row->status_header_detail === 'N/A' ? 'bg-info' : 'bg-danger' }}">Header/Detail: {{ $row->status_header_detail }}</span></div>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="13" class="text-center text-muted py-4">Belum ada jejak transaksi untuk akun kas yang dipilih.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection