@extends('layouts.app')

@section('title', 'Validasi Hasil Parsing BKU')

@section('content')
<div class="pkbm-master-page mx-auto max-w-7xl space-y-5">
    <header class="pkbm-dashboard__heading">
        <div>
            <p class="pkbm-dashboard__breadcrumb"><span>Manajemen SPJ</span><i class="bi bi-chevron-right" aria-hidden="true"></i><a href="{{ route('pkbm.spj.bku') }}">Input BKU</a><i class="bi bi-chevron-right" aria-hidden="true"></i>Validasi hasil parsing</p>
            <h1 class="pkbm-dashboard__title">Validasi Hasil Parsing BKU</h1>
            <p class="pkbm-dashboard__subtitle">Periksa transaksi hasil ekstraksi PDF. Data baru masuk ke daftar transaksi setelah Anda menyimpannya.</p>
        </div>
    </header>
    @include('pkbm.spj.partials.navigation', ['menus' => $menus])

    @if (session('status'))
        <div role="status" class="settings-notice settings-notice--success"><i class="bi bi-check-circle-fill" aria-hidden="true"></i><span>{{ session('status') }}</span></div>
    @endif
    @if ($errors->any())
        <div role="alert" class="settings-notice settings-notice--error"><i class="bi bi-exclamation-circle-fill" aria-hidden="true"></i><div><p class="font-semibold">Periksa hasil parsing BKU.</p><ul class="mt-1 list-inside list-disc">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div></div>
    @endif

    <section class="sp-card p-5">
        <div class="flex flex-wrap items-start justify-between gap-4">
            <div>
                <h2 class="sp-section-title">{{ $upload->nama_file }}</h2>
                <p class="mt-1 text-sm text-slate-500">{{ \Carbon\Carbon::createFromDate($upload->tahun, $upload->bulan, 1)->locale('id')->translatedFormat('F Y') }}@if ($upload->keterangan) · {{ $upload->keterangan }}@endif</p>
            </div>
            <div class="flex flex-wrap items-center gap-2">
                @if ($isValidated)
                    <span class="inline-flex rounded-full bg-emerald-50 px-3 py-1.5 text-sm font-semibold text-emerald-700">Sudah validasi</span>
                @else
                    <span class="inline-flex rounded-full bg-amber-50 px-3 py-1.5 text-sm font-semibold text-amber-700">Belum validasi</span>
                @endif
                <a href="{{ route('pkbm.spj.bku-import.download', $upload->id) }}" class="sp-btn-secondary"><i class="bi bi-download" aria-hidden="true"></i>Unduh PDF</a>
                <a href="{{ route('pkbm.spj.bku') }}" class="sp-btn-secondary"><i class="bi bi-arrow-left" aria-hidden="true"></i>Kembali</a>
            </div>
        </div>
    </section>

    <form method="POST" action="{{ route('pkbm.spj.bku-import.save', $upload->id) }}" class="sp-card overflow-hidden">
        @csrf
        <div class="sp-card-header flex flex-wrap items-center justify-between gap-3">
            <div><h2 class="sp-section-title">Hasil parsing ({{ $lines->count() }} transaksi)</h2><p class="mt-1 text-xs text-slate-500">Pastikan tanggal, nomor bukti, uraian, dan nilai pengeluaran sudah sesuai dengan PDF.</p></div>
            @if (! $isValidated)
                <button type="submit" class="sp-btn-primary" @disabled($lines->isEmpty())><i class="bi bi-check2-circle" aria-hidden="true"></i>Simpan ke daftar transaksi</button>
            @endif
        </div>
        <div class="overflow-x-auto">
            <table class="sp-table min-w-[75rem]">
                <thead><tr><th class="w-14 text-center">No.</th><th>Tanggal</th><th>Kode kegiatan</th><th>Kode rekening</th><th>No. bukti</th><th>Uraian</th><th class="text-right">Pengeluaran (Rp)</th></tr></thead>
                <tbody>
                    @forelse ($lines as $line)
                        <tr>
                            <td class="text-center">{{ $line->no_urut }}</td>
                            @if ($isValidated)
                                <td>{{ \Carbon\Carbon::parse($line->tanggal)->format('d/m/Y') }}</td>
                                <td>{{ $line->kode_kegiatan ?: '—' }}</td>
                                <td>{{ $line->kode_rekening ?: '—' }}</td>
                                <td>{{ $line->no_bukti ?: '—' }}</td>
                                <td>{{ $line->uraian }}</td>
                                <td class="text-right">{{ number_format($line->pengeluaran, 0, ',', '.') }}</td>
                            @else
                                <td><input class="sp-form-control min-w-32 px-2 py-1.5 text-sm" type="date" name="rows[{{ $line->id }}][tanggal]" value="{{ old('rows.'.$line->id.'.tanggal', $line->tanggal) }}" required></td>
                                <td><input class="sp-form-control min-w-32 px-2 py-1.5 text-sm" name="rows[{{ $line->id }}][kode_kegiatan]" value="{{ old('rows.'.$line->id.'.kode_kegiatan', $line->kode_kegiatan) }}" maxlength="100"></td>
                                <td><input class="sp-form-control min-w-36 px-2 py-1.5 text-sm" name="rows[{{ $line->id }}][kode_rekening]" value="{{ old('rows.'.$line->id.'.kode_rekening', $line->kode_rekening) }}" maxlength="100"></td>
                                <td><input class="sp-form-control min-w-28 px-2 py-1.5 text-sm" name="rows[{{ $line->id }}][no_bukti]" value="{{ old('rows.'.$line->id.'.no_bukti', $line->no_bukti) }}" maxlength="100" required></td>
                                <td><input class="sp-form-control min-w-64 px-2 py-1.5 text-sm" name="rows[{{ $line->id }}][uraian]" value="{{ old('rows.'.$line->id.'.uraian', $line->uraian) }}" maxlength="5000" required></td>
                                <td><input class="sp-form-control min-w-36 px-2 py-1.5 text-right text-sm" type="number" min="0" step="1" name="rows[{{ $line->id }}][pengeluaran]" value="{{ old('rows.'.$line->id.'.pengeluaran', $line->pengeluaran) }}" required></td>
                            @endif
                        </tr>
                    @empty
                        <tr><td colspan="7" class="py-8 text-center text-sm text-slate-500">Tidak ada rincian transaksi untuk ditampilkan.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if (! $isValidated && $lines->isNotEmpty())
            <div class="flex justify-end border-t border-slate-100 p-4">
                <button type="submit" class="sp-btn-primary"><i class="bi bi-check2-circle" aria-hidden="true"></i>Simpan ke daftar transaksi</button>
            </div>
        @endif
    </form>
</div>
@endsection