@extends('layouts.app')

@section('content')
<div class="container">
    <h2>My Products</h2>
    <a href="{{ route('vendor.products.create') }}" class="btn btn-primary">Add Product</a>
    <table class="table mt-3">
        <tr>
            <th>Image</th>
            <th>Name</th>
            <th>Category</th>
            <th>Price</th>
            <th>Action</th>
        </tr>
        @foreach ($products as $product)
        <tr>
            <td><img src="{{ asset('storage/' . $product->image) }}" width="50"></td>
            <td>{{ $product->name }}</td>
            <td>{{ $product->category->name }}</td>
            <td>${{ $product->price }}</td>
            <td>
                <a href="{{ route('vendor.products.edit', $product) }}" class="btn btn-warning btn-sm">Edit</a>
                <form action="{{ route('vendor.products.destroy', $product) }}" method="POST" class="d-inline">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                </form>
            </td>
        </tr>
        @endforeach
    </table>
</div>
@endsection