@extends('layouts.app')
@section('title', 'Detail Barang')
@section('page-title', $item->description)

@section('content')
<div class="row g-3">
    <div class="col-lg-4">
        <div class="card">
            <div class="card-header"><i class="bi bi-info-circle me-1"></i> Informasi Barang</div>
            <div class="card-body">
                <table class="table table-sm mb-0">
                    <tr><th>Kode</th><td><code>{{ $item->code }}</code></td></tr>
                    <tr><th>Kategori</th><td>{{ $item->category->name }}</td></tr>
                    <tr><th>Merek/Tipe</th><td>{{ $item->brand_type ?: '-' }}</td></tr>
                    <tr><th>Satuan</th><td>{{ $item->unit }}</td></tr>
                    <tr><th>Unit Size</th><td>{{ $item->unit_size ?? '-' }}</td></tr>
                    <tr><th>Stok Saat Ini</th><td><strong class="fs-5">{{ $item->current_stock }}</strong> {{ $item->unit }}</td></tr>
                    <tr><th>Stok Minimum</th><td>{{ $item->minimum_stock }}</td></tr>
                    <tr><th>Status</th><td><span class="{{ $item->stockBadgeClass() }}">{{ ucfirst($item->stockStatus()) }}</span></td></tr>
                </table>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-header"><i class="bi bi-layers me-1"></i> Batch Aktif (urut LIFO)</div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <thead><tr><th>Batch</th><th>Masuk</th><th class="text-center">Sisa</th></tr></thead>
                    <tbody>
                    @forelse($batches as $b)
                        <tr @if($loop->first) class="table-warning" @endif>
                            <td>{{ $b->batch_no }}<br><small class="text-muted">{{ $b->received_at->format('d/m/Y') }}</small></td>
                            <td>{{ $b->quantity_in }}</td>
                            <td class="text-center"><strong>{{ $b->quantity_remaining }}</strong></td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="text-center text-muted py-2">Tidak ada batch.</td></tr>
                    @endforelse
                    </tbody>
                </table>
                <div class="p-2 small text-muted">⬆ baris kuning = batch yang dikeluarkan lebih dulu (LIFO).</div>
            </div>
        </div>
    </div>

    <div class="col-lg-8">
        <div class="card">
            <div class="card-header"><i class="bi bi-clock-history me-1"></i> Riwayat Pergerakan Stok</div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-striped mb-0 align-middle">
                        <thead><tr>
                            <th>Tgl & Jam</th><th class="text-center">Tipe</th><th class="text-center">Qty</th>
                            <th class="text-center">Stok</th><th>Oleh</th><th>Keterangan</th>
                        </tr></thead>
                        <tbody>
                        @forelse($transactions as $t)
                            <tr>
                                <td><small>{{ $t->transaction_at->format('d/m/Y H:i') }}</small></td>
                                <td class="text-center"><span class="{{ $t->typeBadge() }}">{{ $t->type }}</span></td>
                                <td class="text-center">
                                    @if($t->type==='RCD' || ($t->type==='ADJ' && $t->quantity>0))
                                        <span class="text-success">+{{ abs($t->quantity) }}</span>
                                    @else
                                        <span class="text-danger">-{{ abs($t->quantity) }}</span>
                                    @endif
                                </td>
                                <td class="text-center"><small>{{ $t->stock_before }} → <strong>{{ $t->stock_after }}</strong></small></td>
                                <td><small>{{ $t->user->name }}</small></td>
                                <td><small class="text-muted">{{ $t->notes ?: '-' }}</small></td>
                            </tr>
                        @empty
                            <tr><td colspan="6" class="text-center text-muted py-3">Belum ada transaksi.</td></tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="card-footer">{{ $transactions->links() }}</div>
        </div>
    </div>
</div>
@endsection