@php
    $gtm_ite_list_details = [];
@endphp
@foreach($products as $product)

    @php
        $details = [
            'id' => $product->id,
            'name' => $product->name,
            'list_name' => 'Search Results'
        ];

        if(!empty($brand))
        {
            $details['brand'] = $brand->name;
        }

        if(!empty($category))
        {
            $details['category'] = $category->name;
        }

        $details['list_position'] = 1;
        $details['price'] = $product->selling_price;

        $gtm_ite_list_details[] = $details;
    @endphp

    @if(!empty($store_slug))
        @php
            $product->store_slug = $store_slug;
        @endphp
    @endif
    
    @if(!empty($category) || !empty($product->category_slug))

        @if(!empty($category))
            @php
                $link = route('product-in-collection', [$product->store_slug, $category->slug, $product->slug]);
            @endphp
        @else
            @php
                $link = route('product-in-collection', [$product->store_slug, $product->category_slug, $product->slug]);
            @endphp
        @endif
    @else
        @php
            $link = route('product', [$product->store_slug, $product->slug]);
        @endphp
    @endif
    <div class="{{ isset($class_names) ? $class_names : 'swiper-slide' }}">
        <div class="card-category">
            <div class="media-card">
                @if(!empty($product->type))
                <div class="title-tag"><span class="badges badge-green product-type-{{ strtolower(\Str::slug($product->type, '-')) }}">{{ strtoupper($product->type) }}</span></div>
                @endif
                <div class="img-title text-center">
                    <a href="{{ $link }}">
                        <img src="{{ $product->image_url }}" alt="{{ $product->name }}" class="product-image">
                    </a>
                </div>
                @if($product->on_sale == 1)
                    <label class="badges absolute badge-red">{{ $product->sale_percentage + 0 }}% Off</label>
                @elseif($product->staff_pick == 1 || (isset($staff_pick) && $staff_pick == 1))
                    <label class="badges absolute badge-dark">Staff Pick</label>
                @endif
            </div>
            <div class="card_footer">
                <h4><a href="{{ $link }}">{{ $product->name }}</a></h4>
                <p><a href="{{ route('brand', [$product->store_slug, $product->brand_slug]) }}">{{ $product->brand_name }}</a></p>
                <div class="media">
                    <div class="media-body">
                        <h4>
                            {{ Helper::showCurrencyFormats($product->selling_price) }}
                            @if(!empty($product->original_price) && $product->original_price > $product->selling_price)
                            <span class="price-old">{{ Helper::showCurrencyFormats($product->original_price) }}</span>
                            @endif
                        </h4>
                        
                        @if(!empty($product->thc) || !empty($product->cbd))
                        <p class="thc-cbd-data">
                            @if(!empty($product->thc))
                            <strong>THC (%):</strong> {{ $product->thc }}
                            @endif
                            @if(!empty($product->cbd))
                            <strong>CBD:</strong> {{ $product->cbd }}
                            @endif
                        </p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endforeach

@section('before-gtm')
<script>
    gtag('event', 'view_item_list', {
        "items": {!! json_encode($gtm_ite_list_details) !!}
    });
</script>
@endsection