@if($addonProducts->count())
<div id="ctm-add-on-products-block" class="col-sm-12">
    <label class="font-weight-bolder">{{ __('customer/product.addon.title') }}</label>
    <ul class="list-group list-group-flush">
        @foreach($addonProducts as $item)
            @if($item->isSoldable())
            <li class="list-group-item small border-bottom p-2">
                <a
                    title="{{ $item->product->name }}"
                    class="text-decoration-none unset-link-color"
                    href="{{ url('/'. $item->product->url_postfix) }}">
                    <div class="media">
                        <div class="media-left p-2">
                            <input type="checkbox" value="{{$item->product->id}}" class="addonProdChk">
                        </div>
                        <div class="media-left p-2">
                            <img
                                height="70px"
                                width="70px"
                                class="media-object"
                                alt="{{ $item->product->name }}"
                                src="{{ @$item->product->images[0]->small }}"
                                onerror="this.onerror=null;this.src={{"'".Illuminate\Support\Facades\Storage::disk('s3')->url('/shared/static/dummy/small/dummy.webp')."'"}}">
                        </div>
                        <div class="media-body p-2">
                            <h6 class="media-heading fs-14 mb-2">{{ $item->product->name }}</h6>
                            {!! $item->product->priceHTML !!}
                        </div>
                    </div>
                </a>
            </li>
            @endif
        @endforeach
    </ul>
</div>
@endif