{{-- resources/views/products/index.blade.php --}}
@extends('layouts.app')

@section('title', 'Products')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h3 class="mb-0">Products</h3>

    <a href="{{ route('products.create') }}" class="btn btn-primary">
        Add Product
    </a>
</div>

<div class="card">
    <div class="card-body p-0">
        @if($products->isEmpty())
            <p class="p-3 mb-0 text-muted">No products found.</p>
        @else
            <div class="table-responsive">
                <table class="table mb-0 table-striped align-middle">
                    <thead class="table-light">
                        <tr>
                            <th style="width: 70px;">Image</th>
                            <th style="width: 60px;">ID</th>
                            <th>SKU</th>
                            <th>Name</th>
                            <th>Size</th>
                            <th>Color</th>
                            <th class="text-end">Cost</th>
                            {{-- আগের "Web" কলাম → এখন Wholesale Price --}}
                            <th class="text-end">Wholesale Price</th>
                            <th class="text-end">Outside</th>
                            <th class="text-end">Stock</th>
                            <th style="width: 150px;" class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($products as $product)
                            <tr>
                                {{-- 🔹 image thumbnail --}}
                                <td>
                                    @if($product->image_primary)
                                        <img src="{{ asset('storage/'.$product->image_primary) }}"
                                             alt="{{ $product->name }}"
                                             style="width:55px;height:55px;object-fit:cover;border-radius:4px;">
                                    @else
                                        <div class="bg-light border text-muted d-flex justify-content-center align-items-center"
                                             style="width:55px;height:55px;border-radius:4px;font-size:12px;">
                                            No Image
                                        </div>
                                    @endif
                                </td>

                                <td>{{ $product->id }}</td>
                                <td>{{ $product->sku }}</td>
                                <td>{{ $product->name }}</td>
                                <td>{{ $product->size ?? '-' }}</td>
                                <td>{{ $product->color ?? '-' }}</td>

                                <td class="text-end">
                                    {{ number_format($product->std_cost ?? 0, 2) }}
                                </td>

                                <td class="text-end">
                                    {{ number_format($product->price_web ?? 0, 2) }}
                                </td>

                                <td class="text-end">
                                    {{ number_format($product->price_outside ?? 0, 2) }}
                                </td>

                                <td class="text-end">
                                    {{ number_format($product->stock_qty ?? 0) }}
                                </td>

                                <td class="text-end">
                                    <a href="{{ route('products.edit', $product) }}"
                                       class="btn btn-sm btn-outline-secondary">
                                        Edit
                                    </a>

                                    <form action="{{ route('products.destroy', $product) }}"
                                          method="POST"
                                          class="d-inline"
                                          onsubmit="return confirm('Are you sure you want to delete this product?');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-outline-danger">
                                            Delete
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="p-3">
                {{ $products->links() }}
            </div>
        @endif
    </div>
</div>
@endsection