@extends('layouts.admin')
@section('title', $wishlist->customer?->email ? 'Wishlist — '.$wishlist->customer->email : 'Guest wishlist')
@section('content')
<x-admin.page
    :title="$wishlist->customer?->name ?: ($wishlist->customer?->email ?: 'Guest wishlist')"
    :subtitle="$wishlist->customer ? 'Customer saved list' : 'Anonymous token '.$wishlist->token"
>
    <x-slot:actions>
        <a href="{{ route('admin.customers.wishlists.index') }}" class="admin-btn"><i data-lucide="arrow-left" class="h-3.5 w-3.5"></i> Wishlists</a>
        @if($wishlist->customer)
            <a href="{{ route('admin.customers.show', $wishlist->customer) }}" class="admin-btn admin-btn-primary"><i data-lucide="user" class="h-3.5 w-3.5"></i> Customer profile</a>
        @endif
    </x-slot:actions>

    <x-admin.section title="Saved items" :hint="$wishlist->items->count().' variant(s) on this list'">
        <div class="overflow-x-auto rounded-xl border border-[var(--color-admin-border)]">
            <table class="w-full min-w-[560px] text-sm">
                <thead class="bg-[#f6f6f7] text-left text-xs uppercase tracking-wide text-[#6d7175]">
                    <tr>
                        <th class="p-3">Product</th>
                        <th>SKU</th>
                        <th>Price</th>
                        <th>Added</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($wishlist->items as $item)
                        <tr class="border-t border-[var(--color-admin-border)]">
                            <td class="p-3 font-medium">{{ $item->variant?->product?->title ?: '—' }}</td>
                            <td class="font-mono text-xs">{{ $item->variant?->sku ?: '—' }}</td>
                            <td class="tabular-nums">AUD {{ number_format(($item->variant?->price_cents ?? 0) / 100, 2) }}</td>
                            <td class="text-xs text-[#6d7175]">{{ $item->created_at?->diffForHumans() }}</td>
                            <td class="p-3 text-right">
                                @if($item->variant?->product)
                                    <a href="{{ route('admin.products.edit', $item->variant->product) }}" class="text-sm font-medium text-[#2c6ecb] hover:underline">Edit product</a>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="p-10 text-center text-[#6d7175]">This list is empty.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </x-admin.section>
</x-admin.page>
@endsection