@php
    $vanStockImport = $vanStockImport ?? $import ?? null;
@endphp

@extends('layouts.dashboard')

@section('content')

@php
    $items = $vanStockImport->items()->with('product')->paginate(50);
@endphp

<div class="max-w-7xl mx-auto space-y-6">

    <div class="flex items-center justify-between gap-4">
        <div>
            <h1 class="text-3xl font-black">
                {{ $vanStockImport->title }}
            </h1>
            <p class="text-sm opacity-60">
                {{ $vanStockImport->original_file }}
            </p>
        </div>

        <a href="{{ route('van-stocks.index') }}" class="btn">
            Back
        </a>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    @if(session('error'))
        <div class="alert alert-error">{{ session('error') }}</div>
    @endif

    <div class="grid grid-cols-1 md:grid-cols-5 gap-4">
        <div class="stat bg-base-100 border border-base-300 rounded-2xl">
            <div class="stat-title">Van</div>
            <div class="stat-value text-lg">{{ $vanStockImport->van_name ?: '-' }}</div>
        </div>

        <div class="stat bg-base-100 border border-base-300 rounded-2xl">
            <div class="stat-title">Items</div>
            <div class="stat-value text-lg">{{ number_format($vanStockImport->items_count ?? 0) }}</div>
        </div>

        <div class="stat bg-base-100 border border-base-300 rounded-2xl">
            <div class="stat-title">Matched</div>
            <div class="stat-value text-lg text-success">{{ number_format($vanStockImport->matched_count ?? 0) }}</div>
        </div>

        <div class="stat bg-base-100 border border-base-300 rounded-2xl">
            <div class="stat-title">Missing</div>
            <div class="stat-value text-lg text-error">{{ number_format($vanStockImport->missing_count ?? $vanStockImport->unmatched_count ?? 0) }}</div>
        </div>

        <div class="stat bg-base-100 border border-base-300 rounded-2xl">
            <div class="stat-title">Status</div>
            <div class="stat-value text-lg">{{ $vanStockImport->status }}</div>
        </div>
    </div>

    @if($vanStockImport->status === 'failed')
        <div class="alert alert-error">
            <div>
                <div class="font-black">Import Failed</div>
                <div class="text-sm">
                    This file was not imported as Van Stock. If this is a regular price list, upload it under Price Lists or Import Center as Price List.
                </div>
            </div>
        </div>
    @endif

    <div class="card bg-base-100 border border-base-300">
        <div class="card-body">
            <h2 class="text-xl font-black">Van Stock Items</h2>

            @if($items->count() === 0)
                <div class="text-center py-12 opacity-60">
                    No van stock items found.
                </div>
            @else
                <div class="overflow-x-auto">
                    <table class="table table-zebra">
                        <thead>
                            <tr>
                                <th>Product</th>
                                <th>SKU</th>
                                <th>Barcode</th>
                                <th>Category</th>
                                <th>Qty</th>
                                <th>Match</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($items as $item)
                                <tr>
                                    <td class="font-bold">
                                        {{ $item->product?->name ?: $item->name ?: 'Product not found' }}
                                    </td>
                                    <td>{{ $item->sku ?: '-' }}</td>
                                    <td>{{ $item->barcode ?: '-' }}</td>
                                    <td>{{ $item->category ?: $item->product?->category ?: '-' }}</td>
                                    <td class="font-black">{{ number_format((float) $item->qty) }}</td>
                                    <td>
                                        @if($item->match_status === 'matched')
                                            <span class="badge badge-success">Matched</span>
                                        @elseif($item->match_status === 'missing')
                                            <span class="badge badge-error">Missing</span>
                                        @else
                                            <span class="badge badge-warning">{{ $item->match_status ?: 'Unknown' }}</span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="mt-4">
                    {{ $items->links() }}
                </div>
            @endif
        </div>
    </div>

</div>

@endsection