@extends('layouts.dashboard')

@section('content')

<div class="space-y-6">

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

    <div class="flex justify-between items-center">
        <div>
            <h1 class="text-3xl font-black">{{ $shipment->shipment_no }}</h1>
            <p class="text-base-content/60">{{ $shipment->original_file }}</p>
        </div>

        <div class="flex gap-2">
            @if($shipment->pdf_file)
                <a href="{{ asset('storage/' . $shipment->pdf_file) }}"
                   target="_blank"
                   class="btn btn-success">
                    Download PDF
                </a>
            @endif

            <form method="POST" action="{{ route('shipments.generate-pdf', $shipment) }}">
                @csrf
                <button class="btn btn-primary">
                    Generate PDF
                </button>
            </form>
            @if(in_array($shipment->status, ['received','partially_received']) && !$shipment->stock_posted_at)
                <form method="POST" action="{{ route('shipments.post-stock', $shipment) }}" onsubmit="return confirm('Post received quantities to product stock? This action cannot be repeated.')">
                    @csrf<button class="btn btn-success">Post to Stock</button>
                </form>
            @endif

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

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

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

        <div class="stat bg-base-100 rounded-xl shadow">
            <div class="stat-title">Missing Images</div>
            <div class="stat-value text-warning">{{ $shipment->missing_images_count }}</div>
        </div>

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

    <div class="overflow-x-auto bg-base-100 rounded-xl shadow border border-base-300">
        <form method="POST" action="{{ route('shipments.receive', $shipment) }}">@csrf
        <table class="table table-zebra">
            <thead>
                <tr>
                    <th>Photo</th>
                    <th>Product</th>
                    <th>SKU</th>
                    <th>Barcode</th>
                    <th>Qty</th>
                    <th>CTN</th>
                    <th>Match</th>
                    <th>Received</th>
                    <th>Damaged</th>
                </tr>
            </thead>

            <tbody>
                @foreach($items as $item)
                    <tr>
                        <td>
                            @if($item->product && $item->product->main_image)
                                <img src="{{ asset('storage/' . $item->product->main_image) }}"
                                     class="w-16 h-16 object-contain bg-white rounded-lg p-1">
                            @else
                                <div class="w-16 h-16 bg-base-300 rounded-lg flex items-center justify-center text-xs">
                                    No Image
                                </div>
                            @endif
                        </td>
                        <td><input type="number" step="0.01" min="0" name="items[{{ $item->id }}][received_qty]" value="{{ old('items.'.$item->id.'.received_qty', $item->received_qty ?: $item->qty) }}" class="input input-bordered input-sm w-24"></td>
                        <td><input type="number" step="0.01" min="0" name="items[{{ $item->id }}][damaged_qty]" value="{{ old('items.'.$item->id.'.damaged_qty', $item->damaged_qty) }}" class="input input-bordered input-sm w-24"></td>

                        <td class="max-w-xs">
                            <div class="font-bold">
                                {{ $item->product?->name ?: $item->name }}
                            </div>

                            @if(!$item->product)
                                <div class="text-error text-xs">
                                    Product not found
                                </div>
                            @elseif(!$item->product->main_image)
                                <div class="text-warning text-xs">
                                    Missing product image
                                </div>
                            @endif
                        </td>

                        <td>{{ $item->sku }}</td>
                        <td>{{ $item->barcode }}</td>
                        <td>{{ $item->qty }}</td>
                        <td>{{ $item->ctn }}</td>

                        <td>
                            @if($item->match_status === 'barcode')
                                <span class="badge badge-success">Barcode</span>
                            @elseif($item->match_status === 'sku')
                                <span class="badge badge-info">SKU</span>
                            @else
                                <span class="badge badge-error">Not Matched</span>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        @if(!$shipment->stock_posted_at)<div class="p-4 border-t border-base-300"><button class="btn btn-primary">Save Receiving</button></div>@endif
        </form>
    </div>
    <div>{{ $items->links() }}</div>

</div>

@endsection