@extends('layouts.dashboard')

@section('content')
<div class="max-w-7xl mx-auto p-6 space-y-6">

    @if(session('success'))
        <div class="rounded-2xl bg-emerald-50 border border-emerald-200 text-emerald-800 px-5 py-4 font-bold">
            {{ session('success') }}
        </div>
    @endif

    @if(session('error'))
        <div class="rounded-2xl bg-red-50 border border-red-200 text-red-800 px-5 py-4 font-bold">
            {{ session('error') }}
        </div>
    @endif

    <div class="flex flex-col lg:flex-row lg:items-end lg:justify-between gap-4">
        <div>
            <h1 class="text-3xl font-black">Van Stocks</h1>
            <p class="text-sm opacity-60 mt-1">Upload salesman van stock files and match them with product library.</p>
        </div>

        <a href="{{ route('van-stocks.create') }}" class="btn btn-primary">
            + Upload Van Stock
        </a>
    </div>

    @if($latestImport)
        <div class="rounded-3xl bg-gradient-to-r from-indigo-600 to-cyan-500 text-white p-6 shadow-lg">
            <div class="text-sm opacity-80">Latest Van Stock</div>
            <div class="text-2xl font-black mt-1">{{ $latestImport->van_name ?: $latestImport->title }}</div>

            <div class="grid grid-cols-2 md:grid-cols-4 gap-3 mt-5">
                <div class="rounded-2xl bg-white/15 p-4">
                    <div class="text-xs opacity-80">Items</div>
                    <div class="text-2xl font-black">{{ number_format($latestImport->total_rows) }}</div>
                </div>

                <div class="rounded-2xl bg-white/15 p-4">
                    <div class="text-xs opacity-80">Matched</div>
                    <div class="text-2xl font-black">{{ number_format($latestImport->matched_count) }}</div>
                </div>

                <div class="rounded-2xl bg-white/15 p-4">
                    <div class="text-xs opacity-80">Missing</div>
                    <div class="text-2xl font-black">{{ number_format($latestImport->missing_count) }}</div>
                </div>

                <div class="rounded-2xl bg-white/15 p-4">
                    <div class="text-xs opacity-80">Total Qty</div>
                    <div class="text-2xl font-black">{{ number_format($latestImport->total_qty) }}</div>
                </div>
            </div>
        </div>
    @endif

    <div class="rounded-3xl bg-white border border-gray-200 shadow-sm overflow-hidden">
        <div class="p-5 border-b border-gray-100">
            <h2 class="font-black text-lg">Import History</h2>
        </div>

        <div class="overflow-x-auto">
            <table class="table w-full">
                <thead>
                    <tr>
                        <th>File</th>
                        <th>Van</th>
                        <th>Status</th>
                        <th>Items</th>
                        <th>Matched</th>
                        <th>Missing</th>
                        <th>Total Qty</th>
                        <th>Date</th>
                        <th>Version</th>
                        <th></th>
                    </tr>
                </thead>

                <tbody>
                    @forelse($imports as $import)
                        <tr>
                            <td class="font-bold">{{ $import->original_file }}</td>
                            <td>{{ $import->van_name ?: '-' }}</td>
                            <td>
                                <span class="badge {{ $import->status === 'completed' ? 'badge-success' : 'badge-warning' }}">
                                    {{ $import->status }}
                                </span>
                            </td>
                            <td>{{ number_format($import->total_rows) }}</td>
                            <td class="text-emerald-600 font-black">{{ number_format($import->matched_count) }}</td>
                            <td class="text-rose-600 font-black">{{ number_format($import->missing_count) }}</td>
                            <td>{{ number_format($import->total_qty) }}</td>
                            <td>{{ $import->created_at->format('Y-m-d H:i') }}</td>
                            <td>{{ $import->effective_date?->format('Y-m-d') ?: '—' }} @if($import->is_active)<span class="badge badge-success badge-sm">Active</span>@endif</td>
                            <td>
                                <div class="flex gap-2">
                                    <a href="{{ route('van-stocks.show', $import) }}" class="btn btn-sm btn-ghost">
                                        View
                                    </a>

                                    <form method="POST"
                                          action="{{ route('van-stocks.destroy', $import) }}"
                                          onsubmit="return confirm('Delete this van stock import?')">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-sm btn-error">
                                            Delete
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="10" class="text-center text-slate-400 py-10">
                                No van stock imports yet.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="p-4">
            {{ $imports->links() }}
        </div>
    </div>
</div>
@endsection