@extends('layouts.admin')
@section('page-title','Bulk Upload — Preview')

@section('content')

<div class="card" style="margin-bottom:20px">
  <div style="display:flex;align-items:center;gap:16px;margin-bottom:24px">
    <div style="width:52px;height:52px;background:var(--green-bg);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0">✅</div>
    <div>
      <div style="font-family:var(--font-d);font-size:20px;font-weight:700">CSV Parsed — {{ $count }} product(s) ready to import</div>
      <div style="font-size:14px;color:var(--ink2);margin-top:4px">Review the table below, then confirm to add them to your catalogue.</div>
    </div>
  </div>

  <div style="overflow-x:auto">
    <table>
      <thead>
        <tr>
          <th>#</th>
          <th>Name</th>
          <th>Category</th>
          <th>Sale Price</th>
          <th>Cost Price</th>
          <th>Margin</th>
          <th>Stock</th>
          <th>Badge</th>
          <th>Description</th>
        </tr>
      </thead>
      <tbody>
        @foreach($rows as $i => $row)
        @php
          $price = (float)($row['price'] ?? 0);
          $cost  = (float)($row['cost_price'] ?? 0);
          $margin = $price > 0 ? round(($price - $cost) / $price * 100) : 0;
          $marginColor = $margin >= 50 ? 'var(--green)' : ($margin >= 25 ? 'var(--amber)' : 'var(--red)');
        @endphp
        <tr>
          <td style="color:var(--ink2)">{{ $i+1 }}</td>
          <td><strong>{{ $row['name'] ?? '—' }}</strong></td>
          <td><span class="badge blue">{{ ucfirst($row['category'] ?? 'electronics') }}</span></td>
          <td>${{ number_format($price,2) }}</td>
          <td>${{ number_format($cost,2) }}</td>
          <td><span style="font-weight:700;color:{{ $marginColor }}">{{ $margin }}%</span></td>
          <td>{{ $row['stock'] ?? 0 }}</td>
          <td>{{ $row['badge'] ?? '—' }}</td>
          <td style="font-size:12px;color:var(--ink2);max-width:200px">{{ Str::limit($row['description'] ?? '', 60) }}</td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>

{{-- CONFIRM FORM --}}
<div style="display:flex;gap:12px;align-items:center">
  <form method="POST" action="{{ route('admin.bulk.confirm') }}">
    @csrf
    <button type="submit" class="btn btn-primary" style="font-size:16px;padding:12px 28px">
      ✅ Import All {{ $count }} Products
    </button>
  </form>
  <a href="{{ route('admin.bulk.index') }}" class="btn btn-ghost">← Re-upload CSV</a>
  <span style="font-size:13px;color:var(--ink2)">Existing products with the same name will be skipped.</span>
</div>

@endsection