@extends('mitra.layouts.app')

@section('title', 'Laporan Kerusakan Barang SPPG')

@section('content')
    <div class="mb-6">
        <h1 class="text-2xl font-bold text-gray-900 dark:text-white">Laporan kerusakan inventory</h1>
        <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">Dari Kepala SPPG — tandai selesai setelah ditangani.</p>
    </div>

    <div class="bg-white dark:bg-gray-800 rounded-xl shadow border border-gray-200 dark:border-gray-700 divide-y divide-gray-200 dark:divide-gray-700">
        @forelse($laporan as $l)
            <a href="{{ route('mitra.laporan-kerusakan-barang.show', $l) }}" class="block px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-700/50">
                <div class="flex justify-between">
                    <div>
                        <span class="font-medium">{{ $l->inventoryBarang->nama ?? '—' }}</span>
                        <span class="text-sm text-gray-500 ml-2">{{ $l->inventoryBarang->sppg->nama ?? '' }}</span>
                        <p class="text-xs text-gray-500 mt-1">{{ $l->status_label }} · Qty {{ $l->qty }}</p>
                    </div>
                    <span class="text-blue-600 text-sm">Detail →</span>
                </div>
            </a>
        @empty
            <p class="px-4 py-8 text-center text-gray-500">Tidak ada laporan.</p>
        @endforelse
    </div>
    <div class="mt-4">{{ $laporan->links() }}</div>
@endsection