@extends('layouts.app')

@section('content')
<div class="p-4 max-w-4xl mx-auto">
    <h2 class="text-xl font-bold mb-4">Detail Purchasing - {{ $purchasing->po_number }}</h2>

    <div class="bg-white p-4 rounded shadow mb-6">
        <p><strong>Supplier:</strong> {{ $purchasing->supplier->name }}</p>
        <p><strong>Tanggal PO:</strong> {{ $purchasing->po_date }}</p>
        <p><strong>Status:</strong> {{ $purchasing->status }}</p>
    </div>

    @if(session('success'))
        <div class="bg-green-100 text-green-700 p-2 rounded mb-4">
            {{ session('success') }}
        </div>
    @endif

    <div class="mb-6">
        <h3 class="text-lg font-semibold mb-2">Tambah Barang</h3>
        <form action="{{ route('purchasing.items.store', $purchasing) }}" method="POST" class="grid grid-cols-1 md:grid-cols-4 gap-4">
            @csrf
            <input name="product_name" placeholder="Nama Barang" class="border p-2 rounded" required>
            <input name="quantity" type="number" placeholder="Qty" class="border p-2 rounded" required>
            <input name="purchase_price" type="number" step="0.01" placeholder="Harga Beli" class="border p-2 rounded" required>
            <button class="bg-blue-600 text-white px-4 py-2 rounded">Tambah</button>
        </form>
    </div>

    <h3 class="text-lg font-semibold mb-2">Daftar Barang</h3>
    <table class="w-full bg-white rounded shadow">
        <thead>
            <tr class="bg-gray-200 text-left">
                <th class="p-2">Nama Barang</th>
                <th class="p-2">Qty</th>
                <th class="p-2">Harga</th>
                <th class="p-2">Subtotal</th>
                <th class="p-2">Aksi</th>
            </tr>
        </thead>
        <tbody>
            @foreach($purchasing->items as $item)
            <tr class="border-t">
                <td class="p-2">{{ $item->product_name }}</td>
                <td class="p-2">{{ $item->quantity }}</td>
                <td class="p-2">Rp {{ number_format($item->purchase_price, 0, ',', '.') }}</td>
                <td class="p-2">Rp {{ number_format($item->subtotal, 0, ',', '.') }}</td>
                <td class="p-2">
                    {{ $item->is_stocked_in ? '✅ Masuk' : '❌ Belum' }}
                </td>
                <td class="p-2">
                    <form action="{{ route('purchasing.items.destroy', $item) }}" method="POST" onsubmit="return confirm('Hapus barang ini?')">
                        @csrf @method('DELETE')
                        <button class="text-red-600">Hapus</button>
                    </form>
                    @if($purchasing->status === 'Approved')
                        <form action="{{ route('purchasing.update-status', $purchasing) }}" method="POST" class="mt-4">
                            @csrf
                            <button onclick="return confirm('Ubah status menjadi Received?')"
                                    class="bg-green-600 text-white px-4 py-2 rounded">
                                Ubah Status ke Received
                            </button>
                        </form>
                    @endif
                </td>
            </tr>
            @endforeach
            @if($purchasing->items->isEmpty())
                <tr><td colspan="5" class="p-4 text-center text-gray-500">Belum ada barang</td></tr>
            @endif
        </tbody>
    </table>
    @if($purchasing->status === 'Received')
        <form action="{{ route('purchasing.process-inventory', $purchasing) }}" method="POST" class="mt-4">
            @csrf
            <button onclick="return confirm('Proses semua barang ke inventory?')" 
                    class="bg-purple-600 text-white px-4 py-2 rounded">
                Proses ke Inventory
            </button>
        </form>
    @endif
</div>
@endsection