@extends('layouts.admin')
@section('page-title','Products')

@section('topbar-actions')
  <a href="{{ route('admin.bulk.index') }}" class="btn btn-ghost">⬆️ Bulk Upload</a>
  <a href="{{ route('admin.products.create') }}" class="btn btn-primary">+ Add Product</a>
@endsection

@section('content')

{{-- FILTER BAR --}}
<form method="GET" action="{{ route('admin.products.index') }}" style="display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;align-items:center">
  <input type="text" name="search" value="{{ $search }}" class="form-input" placeholder="Search by name…" style="max-width:260px;margin-bottom:0">
  <select name="category" class="form-select" style="max-width:180px;margin-bottom:0">
    <option value="">All Categories</option>
    @foreach(['electronics','fashion','home','food'] as $cat)
      <option value="{{ $cat }}" {{ $category===$cat?'selected':'' }}>{{ ucfirst($cat) }}</option>
    @endforeach
  </select>
  <button type="submit" class="btn btn-ghost">🔍 Filter</button>
  @if($search || $category)<a href="{{ route('admin.products.index') }}" class="btn btn-ghost">✕ Clear</a>@endif
</form>

<div class="card">
  <table>
    <thead>
      <tr>
        <th>Product</th>
        <th>Category</th>
        <th>Sale Price</th>
        <th>Cost</th>
        <th>Margin</th>
        <th>Stock</th>
        <th>Status</th>
        <th>Active</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      @forelse($products as $product)
      @php
        $ss = $product->trashed() ? ['gray','Archived'] : [['in_stock'=>'green','low_stock'=>'amber','out_of_stock'=>'red'][$product->stock_status], ucwords(str_replace('_',' ',$product->stock_status))];
      @endphp
      <tr style="{{ $product->trashed() ? 'opacity:.5' : '' }}">
        <td>
          @if($product->image_url)
            <img src="{{ $product->image_url }}" style="width:36px;height:36px;border-radius:8px;object-fit:cover;margin-right:8px;vertical-align:middle">
          @else
            <span style="font-size:22px;margin-right:8px">{{ $product->emoji }}</span>
          @endif
          <strong>{{ $product->name }}</strong>
          @if($product->badge)<span class="badge blue" style="margin-left:6px">{{ $product->badge }}</span>@endif
        </td>
        <td><span class="badge blue">{{ $product->category }}</span></td>
        <td>${{ number_format($product->price,2) }}</td>
        <td>${{ number_format($product->cost_price,2) }}</td>
        <td><span style="color:var(--green);font-weight:700">{{ $product->margin_percent }}%</span></td>
        <td>{{ number_format($product->stock) }}</td>
        <td><span class="badge {{ $ss[0] }}">{{ $ss[1] }}</span></td>
        <td>
          <span class="badge {{ $product->is_active ? 'green' : 'gray' }}">
            {{ $product->is_active ? 'Active' : 'Hidden' }}
          </span>
        </td>
        <td style="white-space:nowrap">
          @if($product->trashed())
            <form method="POST" action="{{ route('admin.products.restore',$product->id) }}" style="display:inline">
              @csrf
              <button type="submit" class="btn btn-ghost btn-sm">↩ Restore</button>
            </form>
          @else
            <a href="{{ route('admin.products.edit',$product) }}" class="btn btn-ghost btn-sm">✏️ Edit</a>
            <form method="POST" action="{{ route('admin.products.destroy',$product) }}" style="display:inline"
                  onsubmit="return confirm('Archive {{ addslashes($product->name) }}?')">
              @csrf @method('DELETE')
              <button type="submit" class="btn btn-ghost btn-sm" style="color:var(--red)">🗑</button>
            </form>
          @endif
        </td>
      </tr>
      @empty
        <tr><td colspan="9" style="text-align:center;color:var(--ink2);padding:40px">No products found.</td></tr>
      @endforelse
    </tbody>
  </table>
  <div>{{ $products->links() }}</div>
</div>
@endsection