@if ( isset($product) && $product != null )
    
<!-- single-product-wrap start -->
<div class="single-product-wrap mb-4">
    <div class="product-image d-flex justify-content-center align-items-center" style="min-height: 250px; max-height: 250px;">
        <a href="{{ route('product.detail', ['permalink' => $product->content->permalink]) }}" class="d-flex justify-content-center align-items-center" style="max-height: 250px">
            @if ($product->first_image != null)
            <img src="{{ Common::get_product_small_image($product->id, $product->first_image->name) }}" alt="{{ $product->content->name ?? translate('product') }}" style="max-height: 100% !important;">
            @else
                <div class="d-block w-100">
                    <div class="d-flex justify-content-center align-items-center" style="height: 100%">
                        <div class="row">
                            <div class="col-12 text-center text-muted">
                                <img src="/images/no_image.png" alt="Image Not Found" style="max-width: 100%;">
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </a>
    </div>
    <div class="product_desc">
        <div class="product_desc_info">
            <div class="product-review" style="min-height: 31px">
                @if ( isset($product->category) && $product->category != null )
                    @if ( (isset($product->category->content) && $product->category->content != null) && (isset($product->category->content->url) && $product->category->content->url != null) )
                    <h5 class="manufacturer">
                        <a href="{{ route('category.detail', ['url' => $product->category->content->url]) }}">{{ $product->category->content->name ?? translate('category') }}</a>
                    </h5>
                    @endif
                @endif
                <div class="rating-box">
                    {{-- <ul class="rating">
                        <li><i class="fa fa-star-o"></i></li>
                        <li><i class="fa fa-star-o"></i></li>
                        <li><i class="fa fa-star-o"></i></li>
                        <li class="no-star"><i class="fa fa-star-o"></i></li>
                        <li class="no-star"><i class="fa fa-star-o"></i></li>
                    </ul> --}}
                </div>
            </div>
            <h4>
                <a class="product_name" href="{{ route('product.detail', ['permalink' => $product->content->permalink]) }}">
                    {{ $product->content->name ?? translate('product') }}
                </a>
            </h4>
            <div class="price-box">
                <span class="new-price">{{ $product->get_price(false) }}</span>
            </div>
        </div>
    </div>
</div>

@endif