@if (count($products) > 0)
<ul class="list-group list-unstyled gap-3">
@foreach($products as $product)
<li class="select-product-item">
<div class="select-product-item media gap-3 border-bottom py-2 cursor-pointer action-select-product"
data-id="{{ $product['id'] }}">
<img class="avatar avatar-xl border" width="75"
src="{{ getValidImage(path: 'storage/app/public/product/thumbnail/'.$product['thumbnail'],type: 'backend-product') }}" alt="">
<div class="media-body d-flex flex-column gap-1">
<h6 class="product-id" hidden>{{$product['id']}}</h6>
<h6 class="fz-13 mb-1 text-truncate custom-width product-name ">{{$product['name']}}</h6>
<div class="fz-10">{{ translate('category') }}: {{ $product->category->name ?? 'N/a' }}</div>
<div class="fz-10">{{ translate('brand_Name') }}: {{ $product->brand->name }}</div>
@if ($product->added_by == 'admin')
<div class="fz-10">{{ translate('vendor') }}: {{ $web_config['name']->value }}</div>
@else
<div class="fz-10">
{{ translate('vendor') }} : {{isset($product->seller) ? $product->seller->shop->name : translate('shop_not_found') }}
</div>
@endif
</div>
</div>
</li>
@endforeach
</ul>
@else
<div>
<h5 class="m-0 text-muted">{{ translate('No_Product_Found') }}</h5>
</div>
@endif