{{-- Baris unggah dokumen PDF: dokumen[i][jenis|keterangan|file]. Form induk wajib enctype multipart. --}}
@php($maks = \App\Http\Controllers\DokumenPembeliController::MAKS_PER_UNGGAH)
<div class="input-dokumen" data-maks="{{ $maks }}">
    <div class="baris-dokumen-wrap">
        <div class="row g-2 align-items-start baris-dokumen mb-2">
            <div class="col-md-4">
                <select name="dokumen[0][jenis]" class="form-select form-select-sm @error('dokumen.0.jenis') is-invalid @enderror">
                    <option value="">— Jenis dokumen —</option>
                    @foreach(\App\Models\DokumenPembeli::JENIS as $k => $v)
                        <option value="{{ $k }}" @selected(old('dokumen.0.jenis') === $k)>{{ $v }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <input type="text" name="dokumen[0][keterangan]" maxlength="150" value="{{ old('dokumen.0.keterangan') }}" class="form-control form-control-sm" placeholder="Keterangan (opsional)">
            </div>
            <div class="col-md-4">
                <input type="file" name="dokumen[0][file]" accept="application/pdf,.pdf" class="form-control form-control-sm" {{ ($wajib ?? false) ? 'required' : '' }}>
            </div>
            <div class="col-md-1 text-end">
                <button type="button" class="btn btn-sm btn-outline-danger hapus-baris" title="Hapus baris" style="display:none"><i class="bi bi-x-lg"></i></button>
            </div>
        </div>
    </div>
    @foreach($errors->getMessages() as $key => $pesan)
        @if(str_starts_with($key, 'dokumen'))
            <div class="text-danger small">
                @if(preg_match('/^dokumen\.(\d+)\./', $key, $m)) Baris {{ $m[1] + 1 }}: @endif{{ $pesan[0] }}
            </div>
        @endif
    @endforeach
    <button type="button" class="btn btn-sm btn-outline-secondary tambah-baris mt-1"><i class="bi bi-plus-lg"></i> Tambah dokumen</button>
    <div class="form-text">Format PDF, maksimal {{ \App\Http\Controllers\DokumenPembeliController::MAKS_KB / 1024 }} MB per berkas, {{ $maks }} berkas per simpan.</div>
</div>

@once
@push('scripts')
<script>
document.querySelectorAll('.input-dokumen').forEach(box => {
    const wrap = box.querySelector('.baris-dokumen-wrap');
    const templat = wrap.querySelector('.baris-dokumen');
    const maks = parseInt(box.dataset.maks, 10);
    const segarkan = () => {
        const baris = wrap.querySelectorAll('.baris-dokumen');
        baris.forEach((b, i) => {
            b.querySelectorAll('[name^="dokumen["]').forEach(el => el.name = el.name.replace(/^dokumen\[\d+\]/, `dokumen[${i}]`));
            b.querySelector('.hapus-baris').style.display = baris.length > 1 ? '' : 'none';
        });
        box.querySelector('.tambah-baris').disabled = baris.length >= maks;
    };
    box.querySelector('.tambah-baris').addEventListener('click', () => {
        const baru = templat.cloneNode(true);
        baru.querySelectorAll('input, select').forEach(el => { el.value = ''; el.classList.remove('is-invalid'); });
        wrap.appendChild(baru);
        segarkan();
    });
    wrap.addEventListener('click', e => {
        const tombol = e.target.closest('.hapus-baris');
        if (tombol) { tombol.closest('.baris-dokumen').remove(); segarkan(); }
    });
    // Pilih berkas tanpa jenis → isi "Lainnya" agar tidak lupa
    wrap.addEventListener('change', e => {
        if (e.target.type === 'file' && e.target.files.length) {
            const jenis = e.target.closest('.baris-dokumen').querySelector('select');
            if (!jenis.value) jenis.value = 'lainnya';
        }
    });
    segarkan();
});
</script>
@endpush
@endonce