@extends('layouts.app')
@section('title', 'Kirim ke Kapal')

@section('content')
<h4 class="mb-1">Kirim ke Kapal - PO {{ $purchaseOrder->kode }}</h4>
<p class="text-muted">Kapal: <strong>{{ $purchaseOrder->purchaseRequest->kapal }}</strong>. Surat Jalan akan dibuat dan stok gudang berkurang sesuai qty yang dikirim.</p>

<div class="alert alert-info">
    <i class="bi bi-info-circle"></i> Hanya barang yang <strong>sudah ada vendornya dan sudah diterima gudang</strong> yang ditampilkan &amp; bisa dikirim di sini.
    Barang boleh dikirim <strong>tidak lengkap (sebagian)</strong> &mdash; sisanya akan tetap tercatat dan PR/PO ini akan terus ditandai
    <strong>Belum Lengkap</strong> sampai semua barang benar-benar terkirim &amp; dikonfirmasi diterima kapal.
</div>

@if($purchaseOrder->items->contains(fn($i) => !$i->isPendingVendor() && $i->sudahLengkapTerkirim()))
<div class="alert alert-secondary">
    <i class="bi bi-check2-circle"></i> Barang yang sudah <strong>lengkap terkirim</strong> pada pengiriman sebelumnya
    <strong>tidak ditampilkan lagi</strong> di sini &mdash; hanya barang yang masih ada sisa untuk dikirim yang muncul.
</div>
@endif

@if($purchaseOrder->adaItemPendingVendor())
<div class="alert alert-warning">
    <i class="bi bi-hourglass-split"></i> Ada barang pada PO ini yang masih menunggu vendor - barang tersebut
    <strong>tidak ditampilkan di sini</strong> dan tidak ikut dikirim ke kapal. Barang itu akan diproses menyusul
    pada <strong>PO yang sama ini</strong> setelah vendornya ditentukan (lewat tombol "Isi Vendor" di halaman detail PO)
    dan diterima gudang.
</div>
@endif

<form method="POST" action="{{ route('goods-deliveries.store', $purchaseOrder) }}">
    @csrf
    <div class="card mb-3">
        <div class="card-body row g-3">
            <div class="col-md-6">
                <label class="form-label">Tanggal Kirim</label>
                <input type="date" name="tanggal_kirim" class="form-control" value="{{ date('Y-m-d') }}" required>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header bg-white fw-semibold">Item yang Akan Dikirim ke Kapal</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>Diterima Gudang</th><th>Sudah Terkirim</th><th>Siap Dikirim</th><th style="width:160px;">Qty Dikirim Sekarang</th></tr>
                </thead>
                <tbody>
                @foreach($itemsSiapDikirim as $item)
                    @php $siap = $item->siapDikirim(); @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>{{ $item->qty_terkirim }} {{ $item->satuan }}</td>
                        <td>
                            @if($siap > 0)
                                <span class="badge bg-success">{{ $siap }} {{ $item->satuan }}</span>
                            @else
                                <span class="badge bg-secondary">Belum ada</span>
                            @endif
                        </td>
                        <td>
                            <input type="number" name="items[{{ $loop->index }}][qty_kirim]" class="form-control"
                                min="0" max="{{ $siap }}" value="{{ $siap }}" @disabled($siap <= 0)>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="mt-3">
        <button class="btn btn-warning"><i class="bi bi-truck"></i> Buat Surat Jalan & Kirim</button>
        <a href="{{ route('purchase-orders.show', $purchaseOrder) }}" class="btn btn-outline-secondary">Batal</a>
    </div>
</form>
@endsection