@php
    $run = $this->run;
@endphp

<div class="p-4 bg-white rounded-xl shadow">
    <div class="font-semibold text-lg">Progress Import Stock Opname</div>

    @if(!$run)
        <div class="mt-2 text-sm text-gray-600">Belum ada proses import.</div>
    @else
        @php
            $total = max(1, (int)($run->total_rows ?? 1));
            $done  = (int)($run->processed_rows ?? 0);
            $pct   = min(100, (int)(($done / $total) * 100));
        @endphp

        <div class="mt-2 text-sm">
            Status: <b>{{ $run->status }}</b><br>
            <span class="text-gray-600">{{ $run->message }}</span>
        </div>

        <div class="mt-3">
            <div class="w-full bg-gray-200 rounded-full h-3">
                <div class="h-3 rounded-full" style="width: {{ $pct }}%; background:#2563eb;"></div>
            </div>
            <div class="mt-1 text-xs text-gray-600">{{ $done }} / {{ $run->total_rows }} ({{ $pct }}%)</div>
        </div>

        @if($run->status === 'failed' && is_array($run->missing_items) && count($run->missing_items))
            <div class="mt-4">
                <div class="font-semibold text-sm text-red-600">Barang tidak ada di ms_stock:</div>
                <div class="mt-2 max-h-48 overflow-auto border rounded p-2 text-xs">
                    <table class="w-full">
                        <thead>
                            <tr class="text-left">
                                <th class="py-1 pr-2">kode_brg</th>
                                <th class="py-1">nama_brg</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($run->missing_items as $it)
                                <tr>
                                    <td class="py-1 pr-2">{{ $it['kode_brg'] ?? '' }}</td>
                                    <td class="py-1">{{ $it['nama_brg'] ?? '' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    @endif
</div>