@if (count($products) >0)
  <div class="sidebar-widget hot-deals outer-bottom-xs">
    <h3 class="section-title">{{ __('Hot deals') }}</h3>
    <div class="owl-carousel sidebar-carousel custom-carousel owl-theme outer-top-ss">
      @foreach($products as $product)
        <div class="item">
          <div class="products">
            <div class="hot-deal-wrapper">
              <div class="product-image">
                <div class="image">
                  <a href="{{ Route('product.show',[@$product->category->slug,$product->slug]) }}">
                    <img src="{!! path_img($product->image_url,450,300,0) !!}" alt="{!! $product->title !!}">
                    <img src="{!! path_img($product->image_url,450,300,0) !!}" alt="{!! $product->title !!}" class="hover-image">
                  </a>
                </div>
              </div>
              @if ($product->offer)
                <div class="sale-offer-tag">
                  <span>{!! $product->getPercentAttribute() !!}%<br>
                    {!! __('Discount') !!}</span>
                  </div>
                @elseif ($product->featured == 1)
                  <div class="sale-offer-tag"><span>{!! __('New') !!}</span></div>
                @elseif ($product->featured == 2)
                  <div class="sale-offer-tag"><span>{!! __('Sale') !!}</span></div>
                @elseif ($product->featured == 3)
                  <div class="sale-offer-tag"><span>{!! __('Deal') !!}</span></div>
                @endif
              </div>
              <div class="product-info m-t-20">
                <h3 class="name"><a title="{!! $product->title !!}" href="{{ Route('product.show',[@$product->category->slug,$product->slug]) }}">{!! $product->title !!}</a></h3>
                <div class="product-price">
                  @if ($product->offer)
                    <span class="price"> {!! $product->offer !!} </span> <span class="price-before-discount">{!! $product->price !!}</span>{!! __('EGP') !!}
                  @else
                    <span class="price"> {!! $product->price !!} </span>{!! __('EGP') !!}
                  @endif
                  / {!! @optional($product->unit)->title !!}
                </div>
              </div>
              <div class="cart clearfix animate-effect">
                <div class="action">
                  <div class="add-cart-button btn-group">
                    
                    <button type="button" name="button" data-id="{{ $product->id }}" @if ($product->stock < 1) disabled @endif class="@if ($product->stock > 0) add-cart @endif btn btn-primary cart-btn">{!! __('Order Now') !!}</button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endforeach
      </div>
    </div>
  @endif