@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">Audit Sinkronisasi Penerimaan Kas</h3>
            <div class="nk-block-des text-soft">
                <p>Validasi kecocokan data transaksi, detail transaksi, dan jurnal entry.</p>
            </div>
        </div>
        <div class="nk-block-head-content">
            <a href="{{ route('yayasan.transaksi.penerimaan-kas.index') }}" class="btn btn-outline-primary">
                <em class="icon ni ni-arrow-left"></em>
                <span>Kembali ke Penerimaan Kas</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-2">
                <label class="form-label">Sumber</label>
                <select name="sync_source" class="form-select">
                    <option value="all" {{ $source === 'all' ? 'selected' : '' }}>Semua</option>
                    @foreach($syncSources as $key => $label)
                    <option value="{{ $key }}" {{ $source === $key ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Status</label>
                <select name="status" class="form-select">
                    <option value="mismatch" {{ $status === 'mismatch' ? 'selected' : '' }}>Tidak Cocok</option>
                    <option value="match" {{ $status === 'match' ? 'selected' : '' }}>Cocok</option>
                    <option value="all" {{ $status === 'all' ? 'selected' : '' }}>Semua</option>
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Bulan</label>
                <select name="bulan" class="form-select">
                    <option value="">Semua</option>
                    @for($i = 1; $i <= 12; $i++)
                    @php($monthValue = sprintf('%02d', $i))
                    <option value="{{ $monthValue }}" {{ (string) $bulan === $monthValue ? 'selected' : '' }}>
                        {{ DateTime::createFromFormat('!m', $i)->format('F') }}
                    </option>
                    @endfor
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Tahun</label>
                <input type="number" name="tahun" value="{{ $tahun }}" class="form-control" placeholder="2026">
            </div>
            <div class="col-md-3">
                <label class="form-label">Cari</label>
                <input type="text" name="search" value="{{ $search }}" class="form-control" placeholder="No referensi, unit, deskripsi">
            </div>
            <div class="col-md-1 d-grid">
                <button class="btn btn-primary">
                    <em class="icon ni ni-filter"></em>
                </button>
            </div>
        </form>
    </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">Total Transaksi</div>
                <div class="fs-3 fw-bold">{{ number_format((int) ($summary->total_transaksi ?? 0), 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">Cocok</div>
                <div class="fs-3 fw-bold text-success">{{ number_format((int) ($summary->total_cocok ?? 0), 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">Tidak Cocok</div>
                <div class="fs-3 fw-bold text-danger">{{ number_format((int) ($summary->total_tidak_cocok ?? 0), 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">Nominal Transaksi</div>
                <div class="fs-4 fw-bold">{{ number_format((float) ($summary->total_nominal_transaksi ?? 0), 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">Audit Per Transaksi</h5>
            </div>
        </div>
    </div>
    <div class="table-responsive">
        <table class="table table-custom table-bordered align-middle mb-0">
            <thead>
                <tr>
                    <th>No Ref</th>
                    <th>Tanggal</th>
                    <th>Unit</th>
                    <th>Sumber</th>
                    <th class="text-end">Nominal Transaksi</th>
                    <th class="text-end">Total Detail</th>
                    <th class="text-end">Total Debit</th>
                    <th class="text-end">Total Kredit</th>
                    <th class="text-end">Selisih T vs D</th>
                    <th class="text-end">Selisih D vs Db</th>
                    <th class="text-end">Selisih D vs Kr</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($auditRows as $row)
                <tr>
                    <td>
                        <div class="fw-bold">{{ $row->no_referensi }}</div>
                        <small class="text-muted">ID {{ $row->transaksi_id }}</small>
                    </td>
                    <td>{{ \Carbon\Carbon::parse($row->tanggal)->format('d/m/Y') }}</td>
                    <td>{{ $row->unit_id }}</td>
                    <td>{{ $syncSources[$row->sync_source] ?? ($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, 0, ',', '.') }}</td>
                    <td class="text-end">{{ number_format((float) $row->total_kredit, 0, ',', '.') }}</td>
                    <td class="text-end {{ abs((float) $row->selisih_transaksi_vs_detail) > 0.01 ? 'text-danger fw-bold' : 'text-success' }}">{{ number_format((float) $row->selisih_transaksi_vs_detail, 0, ',', '.') }}</td>
                    <td class="text-end {{ abs((float) $row->selisih_detail_vs_debit) > 0.01 ? 'text-danger fw-bold' : 'text-success' }}">{{ number_format((float) $row->selisih_detail_vs_debit, 0, ',', '.') }}</td>
                    <td class="text-end {{ abs((float) $row->selisih_detail_vs_kredit) > 0.01 ? 'text-danger fw-bold' : 'text-success' }}">{{ number_format((float) $row->selisih_detail_vs_kredit, 0, ',', '.') }}</td>
                    <td>
                        <span class="badge {{ $row->status_validasi === 'COCOK' ? 'bg-success' : 'bg-danger' }}">
                            {{ $row->status_validasi }}
                        </span>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="12" class="text-center text-muted py-4">Tidak ada data audit untuk filter yang dipilih.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if(method_exists($auditRows, 'links'))
    <div class="card-inner">
        {{ $auditRows->links() }}
    </div>
    @endif
</div>

<div class="card card-preview">
    <div class="card-inner border-bottom">
        <div class="card-title-group">
            <div class="card-title">
                <h5 class="title">Audit Detail vs Jurnal</h5>
            </div>
            <div class="card-tools">
                <span class="text-soft">Menampilkan maksimal 100 baris sesuai filter</span>
            </div>
        </div>
    </div>
    <div class="table-responsive">
        <table class="table table-custom table-bordered align-middle mb-0">
            <thead>
                <tr>
                    <th>Detail ID</th>
                    <th>No Ref</th>
                    <th>Tanggal</th>
                    <th>Unit</th>
                    <th>Sumber</th>
                    <th class="text-end">Nominal Detail</th>
                    <th class="text-end">Total Debit</th>
                    <th class="text-end">Total Kredit</th>
                    <th class="text-end">Selisih vs Debit</th>
                    <th class="text-end">Selisih vs Kredit</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($detailRows as $row)
                <tr>
                    <td>{{ $row->detail_id }}</td>
                    <td>{{ $row->no_referensi }}</td>
                    <td>{{ \Carbon\Carbon::parse($row->tanggal)->format('d/m/Y') }}</td>
                    <td>{{ $row->unit_id }}</td>
                    <td>{{ $syncSources[$row->sync_source] ?? ($row->sync_source ?: '-') }}</td>
                    <td class="text-end">{{ number_format((float) $row->nominal_detail, 0, ',', '.') }}</td>
                    <td class="text-end">{{ number_format((float) $row->total_debit_detail, 0, ',', '.') }}</td>
                    <td class="text-end">{{ number_format((float) $row->total_kredit_detail, 0, ',', '.') }}</td>
                    <td class="text-end {{ abs((float) $row->selisih_nominal_vs_debit) > 0.01 ? 'text-danger fw-bold' : 'text-success' }}">{{ number_format((float) $row->selisih_nominal_vs_debit, 0, ',', '.') }}</td>
                    <td class="text-end {{ abs((float) $row->selisih_nominal_vs_kredit) > 0.01 ? 'text-danger fw-bold' : 'text-success' }}">{{ number_format((float) $row->selisih_nominal_vs_kredit, 0, ',', '.') }}</td>
                    <td>
                        <span class="badge {{ $row->status_validasi === 'COCOK' ? 'bg-success' : 'bg-danger' }}">
                            {{ $row->status_validasi }}
                        </span>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="11" class="text-center text-muted py-4">Tidak ada detail yang perlu ditampilkan.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection