@php
    $pn = $homepageModel->getwpname($product->articleInfo->code, $product->color);
    $slug = str_slug($pn);
    $purl = route('front.shop.shop-product-details', ['slug' => $slug, 'code' => $product->articleInfo->code, 'color' => $product->color ]);
    $purl = str_replace('#', '__hash__', $purl);
@endphp
<div class="placeholder-image-portfolio-panel placeholder-image-portfolio-panel-layout">
    <div class="prel-gutter">
        <a href="{{ ECOM_MODE == ARTICLE_ONLY ? $product->articleInfo->product_url : $purl }}">
            <div class="{{ !empty($mini) ? 'dynamic-img-container-mini' : 'dynamic-img-container' }}">
            @if(ECOM_MODE == ARTICLE_ONLY)
            <img src="{{ $product->articleInfo->article_thumb_images[0] }}"/>
            @else
                @if(!empty($product->articleInfo->article_thumb_images[strtolower($product->color)][0]))
                <img src="{{ $product->articleInfo->article_thumb_images[strtolower($product->color)][0] }}"/>
                @else
                <img src="{{ asset('front-shop/images/placeholder.png') }}"/>
                @endif
            @endif
                
            </div>
            @php
                // print '<pre>';print_r($product->articleInfo->article_thumb_images);print '</pre>';
            @endphp
            <div class="group-title-panel">
                @if(ECOM_MODE == ARTICLE_ONLY)
                <div class="title-ellipsis">{{ !empty($product->articleInfo->product_name) ? $product->articleInfo->product_name : '' }}</div>
                @else
                <div class="title-ellipsis">{{ $pn }}</div>
                @endif
                <div class="clearfix">
                    <div class="clearfix"></div>
                    <div class="pull-left"><strong>{{ !empty($product->articleInfo->code) ? $product->articleInfo->code : '' }}</strong></div>
                    <div class="product-price pull-right">{{ $homepageModel->formatCurrency($product->mrp) }}</div>
                    <div class="clearfix"></div>
                </div>
            </div>

        </a>
    </div>
</div>