@extends('layouts.app')
@section('title', 'Barang Masuk')

@section('content')
<h4 class="mb-1">Terima Barang (Barang Masuk) - PO {{ $purchaseOrder->kode }}</h4>
<p class="text-muted">Hanya barang yang sudah ada vendornya yang bisa diterima. Barang boleh diterima bertahap (tidak harus sekaligus) sesuai kedatangan dari vendor.</p>

@if($purchaseOrder->adaItemPendingVendor())
<div class="alert alert-warning">
    <i class="bi bi-hourglass-split"></i> Ada barang pada PO ini yang masih <strong>menunggu vendor (pending)</strong> dan belum tampil di form ini.
    Lengkapi vendornya dulu di <a href="{{ route('purchase-orders.show', $purchaseOrder) }}">halaman detail PO</a>.
</div>
@endif

<form method="POST" action="{{ route('goods-receipts.store', $purchaseOrder) }}" enctype="multipart/form-data">
    @csrf
    <div class="card mb-3">
        <div class="card-header bg-white fw-semibold">Item yang Siap Diterima</div>
        <div class="table-responsive">
            <table class="table mb-0 align-middle">
                <thead class="table-light">
                    <tr><th>Nama Barang</th><th>Vendor</th><th>Total Pesanan</th><th>Sudah Diterima</th><th>Sisa</th><th style="width:160px;">Qty Diterima Sekarang</th></tr>
                </thead>
                <tbody>
                @foreach($itemsSiapTerima as $item)
                    @php $sisa = $item->sisaDiterima(); @endphp
                    <tr>
                        <td>
                            {{ $item->nama_barang }}
                            <input type="hidden" name="items[{{ $loop->index }}][id]" value="{{ $item->id }}">
                        </td>
                        <td>{{ $item->vendor->nama ?? '-' }}</td>
                        <td>{{ $item->qty }} {{ $item->satuan }}</td>
                        <td>{{ $item->qty_diterima }} {{ $item->satuan }}</td>
                        <td>
                            @if($sisa > 0)
                                <span class="badge bg-danger">{{ $sisa }} {{ $item->satuan }}</span>
                            @else
                                <span class="badge bg-success">Lengkap</span>
                            @endif
                        </td>
                        <td>
                            <input type="number" name="items[{{ $loop->index }}][qty_terima]" class="form-control"
                                min="0" max="{{ $sisa }}" value="{{ $sisa }}" @disabled($sisa <= 0)>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="card">
        <div class="card-body row g-3">
            <div class="col-md-6">
                <label class="form-label">Tanggal Terima</label>
                <input type="date" name="tanggal_terima" class="form-control" value="{{ date('Y-m-d') }}" required>
            </div>
            <div class="col-md-6">
                <label class="form-label">Berita Acara Penerimaan (opsional)</label>
                <input type="file" name="berita_acara" class="form-control" accept=".pdf,.jpg,.jpeg,.png">
            </div>
            <div class="col-md-12">
                <label class="form-label">Catatan</label>
                <textarea name="catatan" class="form-control" rows="2"></textarea>
            </div>
        </div>
    </div>
    <div class="mt-3">
        <button class="btn btn-success"><i class="bi bi-check-circle"></i> Konfirmasi Barang Diterima (Stok Otomatis Bertambah)</button>
        <a href="{{ route('purchase-orders.show', $purchaseOrder) }}" class="btn btn-outline-secondary">Batal</a>
    </div>
</form>
@endsection