@extends('layouts.dashboard')

@section('content')

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

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div class="alert alert-error">{{ session('error') }}</div>
    @endif
    @if($priceImport->error_message)
        <div class="alert alert-error"><strong>Import failed:</strong> {{ $priceImport->error_message }}</div>
    @endif

    <div class="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
        <div class="min-w-0">
            <h1 class="text-3xl font-black">{{ $priceImport->title }}</h1>
            <p class="text-sm opacity-60">{{ $priceImport->original_file }}</p>
        </div>

        <div class="flex flex-wrap gap-2 lg:justify-end">
            <form method="POST" action="{{ route('price-imports.parse', $priceImport) }}">
                @csrf
                <button class="btn btn-primary">
                    Parse Price List
                </button>
            </form>

            <form method="POST" action="{{ route('price-imports.generate-catalog', $priceImport) }}">
                @csrf
                <button class="btn btn-success">
                    Generate Catalog
                </button>
            </form>

            @if(!$priceImport->rolled_back_at && $priceImport->status === 'parsed')
                <form method="POST" action="{{ route('price-imports.rollback', $priceImport) }}" onsubmit="return confirm('Restore all prices changed by this import?')">
                    @csrf
                    <button class="btn btn-error btn-outline">Rollback</button>
                </form>
            @endif

            <a href="{{ route('price-imports.index') }}" class="btn btn-ghost">
                Back
            </a>
            @if($priceImport->unmatched_count)<a href="{{ route('price-imports.rejected',$priceImport) }}" class="btn btn-outline">Export Unmatched</a>@endif
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
        <div class="stat bg-base-100 rounded-xl shadow border border-base-300">
            <div class="stat-title">Items</div>
            <div class="stat-value">{{ $priceImport->items_count }}</div>
        </div>

        <div class="stat bg-base-100 rounded-xl shadow border border-base-300">
            <div class="stat-title">Matched</div>
            <div class="stat-value text-success">{{ $priceImport->matched_count }}</div>
        </div>

        <div class="stat bg-base-100 rounded-xl shadow border border-base-300">
            <div class="stat-title">Unmatched</div>
            <div class="stat-value text-warning">{{ $priceImport->unmatched_count }}</div>
        </div>

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

    <div class="card bg-base-100 shadow border border-base-300">
        <div class="card-body">
            <h2 class="card-title">Imported Items</h2>

            <div class="overflow-x-auto">
                <table class="table table-zebra">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Product</th>
                            <th>SKU</th>
                            <th>Barcode</th>
                            <th>Price</th>
                            <th>Qty</th>
                            <th>Match</th>
                        </tr>
                    </thead>

                    <tbody>
                        @forelse($items as $item)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $item->product?->name ?: $item->name }}</td>
                                <td>{{ $item->sku }}</td>
                                <td>{{ $item->barcode }}</td>
                                <td>
                                    @if($item->price)
                                        AED {{ number_format($item->price, 2) }}
                                    @else
                                        -
                                    @endif
                                </td>
                                <td>{{ $item->qty }}</td>
                                <td>
                                    <span class="badge {{ $item->match_status === 'not_matched' ? 'badge-error' : 'badge-success' }}">
                                        {{ $item->match_status }}
                                    </span>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center opacity-60">
                                    File uploaded. Parser will be added next.
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="mt-4">{{ $items->links() }}</div>

        </div>
    </div>

</div>

@endsection