@extends('layouts.admin')
@section('content')
<div class="flex flex-wrap items-end justify-between gap-4"><div><p class="hms-kicker">Catalog</p><h1 class="mt-1 font-serif text-4xl">Products</h1></div><div class="flex flex-wrap gap-2"><a class="hms-button border border-black/15 bg-white" href="{{ route('admin.products.export') }}">Export CSV</a><a class="hms-button hms-button-primary" href="{{ route('admin.products.create') }}">Add product</a></div></div>
<div class="mt-6 grid gap-4 rounded-2xl border border-black/10 bg-white p-5 lg:grid-cols-[1fr_auto]"><div><h2 class="font-semibold">Import product drafts</h2><p class="mt-1 text-sm text-black/55">CSV imports create new rows as Draft with Unknown availability so you can review imported values before deciding whether to publish them. Duplicate slugs and invalid rows are skipped.</p></div><form class="flex flex-wrap items-center gap-2" method="POST" action="{{ route('admin.products.import') }}" enctype="multipart/form-data">@csrf<input class="max-w-xs rounded-lg border border-black/15 bg-white p-2 text-sm" type="file" name="csv" accept=".csv,text/csv" required><button class="hms-button border border-black/15">Import CSV</button></form></div>
<form class="mt-6 flex gap-2"><input class="w-full max-w-md rounded-xl border border-black/15 bg-white px-4 py-3" name="q" value="{{ request('q') }}" placeholder="Search products"><button class="hms-button border border-black/15 bg-white">Search</button></form><div class="mt-6 overflow-x-auto rounded-2xl border border-black/10 bg-white"><table class="w-full text-left text-sm"><thead class="bg-black/[.03]"><tr><th class="p-4">Product</th><th class="p-4">Status</th><th class="p-4">Availability</th><th class="p-4">Verified</th><th class="p-4"></th></tr></thead><tbody>@forelse($products as $product)<tr class="border-t border-black/5"><td class="p-4 font-semibold">{{ $product->name }}</td><td class="p-4">{{ str($product->status)->headline() }}</td><td class="p-4">{{ str($product->availability_status)->headline() }}</td><td class="p-4">{{ $product->last_verified_at?->toDateString() ?? '—' }}</td><td class="p-4 text-right"><a class="font-semibold text-[var(--hms-forest)]" href="{{ route('admin.products.edit',$product) }}">Edit</a></td></tr>@empty<tr><td class="p-6 text-black/50" colspan="5">No products yet.</td></tr>@endforelse</tbody></table></div><div class="mt-6">{{ $products->links() }}</div>
@endsection