@php
    $total = (float) ($bill->supplier_bill_details_total ?? 0);
    $paid = (float) ($bill->supplier_bill_details_paid ?? 0);
    $returnedTotal = (float) ($bill->supplier_bill_details_returned_total ?? 0);
    $due = $total - $paid - $returnedTotal;
    $dueDisplay = max(0, $due);

    $status = $bill->supplier_bill_details_status ?? (($bill->supplier_bill_details_close_status ?? 0) == 1 ? 'closed' : 'open');

    $paymentStatus = 'UNPAID';
    if ($status === 'cancelled') {
        $paymentStatus = 'CANCELLED';
    } elseif ($due <= 0.00001) {
        $paymentStatus = 'PAID';
    } elseif ($paid > 0.00001 || $returnedTotal > 0.00001) {
        $paymentStatus = 'PARTIAL';
    }
@endphp

<div class="space-y-4">
    <div class="grid grid-cols-1 md:grid-cols-2 gap-3 text-sm">
        <div class="app-card p-3">
            <div class="text-gray-500">Reference No</div>
            <div class="font-semibold text-gray-800">{{ $bill->supplier_bill_details_billnumber }}</div>
        </div>
        <div class="app-card p-3">
            <div class="text-gray-500">Date</div>
            <div class="font-semibold text-gray-800">{{ optional($bill->supplier_bill_details_create_date)->format('Y-m-d') }}</div>
        </div>
        <div class="app-card p-3">
            <div class="text-gray-500">Location</div>
            <div class="font-semibold text-gray-800">{{ $bill->location->name ?? '' }}</div>
        </div>
        <div class="app-card p-3">
            <div class="text-gray-500">Supplier</div>
            <div class="font-semibold text-gray-800">{{ $bill->supplier->supplier_name ?? '' }}</div>
        </div>
        <div class="app-card p-3">
            <div class="text-gray-500">Purchase Status</div>
            <div>
                <span class="px-2 py-1 rounded text-xs {{ $status === 'received' ? 'bg-green-100 text-green-800' : ($status === 'cancelled' ? 'bg-red-100 text-red-800' : 'bg-yellow-100 text-yellow-800') }}">
                    {{ strtoupper($status) }}
                </span>
            </div>
        </div>
        <div class="app-card p-3">
            <div class="text-gray-500">Payment Status</div>
            <div>
                <span class="px-2 py-1 rounded text-xs {{ $paymentStatus === 'PAID' ? 'bg-green-100 text-green-800' : ($paymentStatus === 'PARTIAL' ? 'bg-yellow-100 text-yellow-800' : ($paymentStatus === 'CANCELLED' ? 'bg-red-100 text-red-800' : 'bg-gray-100 text-gray-800')) }}">
                    {{ $paymentStatus }}
                </span>
            </div>
        </div>
        <div class="app-card p-3">
            <div class="text-gray-500">Grand Total</div>
            <div class="font-semibold text-gray-800">{{ number_format($total, 2) }}</div>
        </div>
        <div class="app-card p-3">
            <div class="text-gray-500">Payment Due</div>
            <div class="font-semibold text-gray-800">{{ number_format($dueDisplay, 2) }}</div>
        </div>
        <div class="app-card p-3 md:col-span-2">
            <div class="text-gray-500">Added By</div>
            <div class="font-semibold text-gray-800">{{ $bill->createdByUser->name ?? '' }}</div>
        </div>

        @if(!empty($bill->supplier_bill_details_close_remark ?? null))
            <div class="app-card p-3 md:col-span-2">
                <div class="text-gray-500">Note</div>
                <div class="font-semibold text-gray-800" style="white-space: pre-line;">{{ $bill->supplier_bill_details_close_remark }}</div>
            </div>
        @endif
    </div>

    <div class="app-card p-3">
        <div class="font-semibold text-gray-800">Items</div>
        <div class="mt-3 overflow-x-auto">
            <table class="min-w-full text-sm">
                <thead>
                    <tr class="text-left text-gray-600 border-b">
                        <th class="py-2 pr-3">Product</th>
                        <th class="py-2 pr-3">Batch</th>
                        <th class="py-2 pr-3">MFD</th>
                        <th class="py-2 pr-3">EXP</th>
                        <th class="py-2 pr-3 text-right">Qty</th>
                        <th class="py-2 pr-3 text-right">Unit Cost</th>
                        <th class="py-2 pr-3 text-right">Line Total</th>
                    </tr>
                </thead>
                <tbody class="divide-y">
                    @forelse($bill->items as $item)
                        @php
                            $lineTotal = (float) ($item->supp_bill_buy_price ?? 0) * (float) ($item->supp_bill_qty ?? 0);
                            $productName = $item->product->name
                                ?? $item->product->product_name
                                ?? $item->product->product_code
                                ?? null;
                            $productSku = $item->product->sku
                                ?? $item->product->product_code
                                ?? null;
                            $productBarcode = $item->product->barcode ?? null;
                        @endphp
                        <tr>
                            <td class="py-2 pr-3 text-gray-700">
                                <div class="font-medium text-gray-800">{{ $productName ?? ('#'.(string) $item->supp_bill_product_id) }}</div>
                                <div class="text-xs text-gray-500">
                                    @if(!empty($productSku)) SKU: {{ $productSku }} @endif
                                    @if(!empty($productSku) && !empty($productBarcode)) · @endif
                                    @if(!empty($productBarcode)) Barcode: {{ $productBarcode }} @endif
                                </div>
                            </td>
                            @php
                                $batchLabel = trim((string) ($item->supp_bill_batch_name ?? ''));
                                if ($batchLabel === '') {
                                    $batchLabel = trim((string) ($item->badge->price_name ?? ''));
                                }
                                if ($batchLabel === '') {
                                    $batchLabel = (string) ($item->supp_bill_badge_id ?? '');
                                }
                            @endphp
                            <td class="py-2 pr-3 text-gray-700">{{ $batchLabel }}</td>
                            <td class="py-2 pr-3 text-gray-700">{{ optional($item->supp_bill_batch_mfg ?? null)->format('Y-m-d') }}</td>
                            <td class="py-2 pr-3 text-gray-700">{{ optional($item->supp_bill_batch_exp ?? null)->format('Y-m-d') }}</td>
                            <td class="py-2 pr-3 text-right text-gray-700">{{ number_format((float) ($item->supp_bill_qty ?? 0), 3) }}</td>
                            <td class="py-2 pr-3 text-right text-gray-700">{{ number_format((float) ($item->supp_bill_buy_price ?? 0), 2) }}</td>
                            <td class="py-2 pr-3 text-right text-gray-700">{{ number_format($lineTotal, 2) }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="py-4 text-center text-gray-500">No items</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>