@extends('layouts.admin')
@section('title', 'Products — Admin')
@section('heading', 'Products')

@section('content')
<form method="GET" class="iq-row" style="gap:8px;margin-bottom:16px"><input class="iq-input" name="q" value="{{ $q }}" placeholder="Search products" style="max-width:320px"><button class="iq-btn iq-btn-secondary">Search</button></form>
<div class="iq-table-wrap"><table class="iq-table app-stack-table">
  <thead><tr><th>Product</th><th>Owner</th><th>Status</th><th></th></tr></thead>
  <tbody>
  @foreach ($products as $p)
    <tr>
      <td class="strong"><div class="iq-row"><x-iq.tile :name="$p->name" :src="$p->logo_url" size="xs" /> {{ $p->name }} @if($p->is_featured)<span class="iq-badge iq-badge-brand">Featured</span>@endif @unless($p->is_visible)<span class="iq-badge">Hidden</span>@endunless</div><div class="iq-muted" style="font-weight:400;font-size:13px">{{ collect([$p->category, $p->company?->name])->filter()->implode(' · ') }}</div></td>
      <td data-label="Owner"><a class="app-link-reset" href="{{ route('admin.users.show', $p->user) }}">{{ $p->user->name }}</a></td>
      <td data-label="Status"><x-iq.status :status="$p->status" /></td>
      <td class="r"><div class="iq-row" style="justify-content:flex-end">
        <form method="POST" action="{{ route('admin.products.feature', $p) }}">@csrf<button class="iq-btn iq-btn-quiet iq-btn-sm">{{ $p->is_featured ? 'Unfeature' : 'Feature' }}</button></form>
        @if ($p->is_visible)@include('admin.partials-reason', ['action' => route('admin.products.remove', $p), 'confirm' => 'Remove '.$p->name.' from the public profile?', 'button' => 'Remove'])@endif
      </div></td>
    </tr>
  @endforeach
  </tbody>
</table></div>
{{ $products->links() }}
@endsection