Server : nginx/1.18.0 System : Linux localhost 6.14.3-x86_64-linode168 #1 SMP PREEMPT_DYNAMIC Mon Apr 21 19:47:55 EDT 2025 x86_64 User : www-data ( 33) PHP Version : 8.0.16 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/ecommerce/resources/views/components/ |
<div class="item-product rounded-12">
<a
href="{{ route('product-detail', $product->slug) }}"
class="mb-2 rounded-12"
style="border: 4px solid #e6fbf1"
>
<img data-src="{{ Helper::imagePath(explode(',', $product->photo)[0]) }}"
class="lazyload img-fluid center-block rounded-12" />
@if ($product->discount)
<span class="discount">-{!! $product->discount !!}% off</span>
@endif
@if (isset($isPopular) && $isPopular)
<span class="badge badge-secondary badge-pill popular">{!! svg_html('popular') !!} Popular</span>
@endif
@if (isset($isBestDeal) && $isBestDeal)
<span class="badge badge-secondary badge-pill best-deal">{!! svg_html('best-deal') !!} Best Deals</span>
@endif
@if (isset($isNewHouse) && $isNewHouse)
<span class="badge badge-secondary badge-pill new-house">{!! svg_html('new-house') !!} New House</span>
@endif
</a>
{{-- <div class="px-4 pb-2"> --}}
@if (isset($showRating) && $showRating)
<div class="text-right ratings">
<ul class="rating">
<li><span class="ti-star"></span></li>
<li><span class="ti-star"></span></li>
<li><span class="ti-star"></span></li>
<li><span class="ti-star"></span></li>
<li><span class="ti-star"></span></li>
</ul>
</div>
@endif
<div class="font-weight-bold">{{ $product->title }}</div>
<div class="font-weight-bold" style="font-size: 16px">{!! config('shop.currency_symbol') . ' ' . number_format($product->discounted_price, 2) !!}</div>
{{-- </div> --}}
@if ($product?->cat_info?->slug !== 'learning')
<div class="button-head">
<div class="product-action float-right">
<div class="btn-group" role="group">
<a data-toggle="modal" data-target="#{{ $product->id }}" class="btn btn-success" title="Quick View"
href="#"><i class=" ti-eye"></i><span>Quick Shop</span></a>
@auth
@if ($inWishProducts->where('product_id', $product->id)->isEmpty())
<a title="Wishlist" href="{{ route('add-to-wishlist', $product->slug) }}"
class="btn btn-success wishlist" data-id="{{ $product->id }}">
<i class=" ti-heart "></i>
<span>Add to Wishlist</span>
</a>
@else
<button style="color: #3CC78F !important" type="button" class="btn btn-default wishlist"
data-id="{{ $product->id }}">
<i class=" ti-heart "></i>
<span>Added to Wishlist</span>
</button>
@endif
@else
<a title="Wishlist"
href="{{ route('login.form', [
'redirect_uri' => route('add-to-wishlist', $product->slug),
]) }}"
class="btn btn-success wishlist" data-id="{{ $product->id }}">
<i class=" ti-heart "></i>
<span>Add to Wishlist</span>
</a>
@endauth
</div>
</div>
<div class="product-action-2 float-left">
<a title="Add to cart" class="btn btn-success" href="{{ route('add-to-cart', $product->slug) }}">Add to
cart</a>
</div>
</div>
@endif
</div>
<div class="modal fade" id="{{ $product->id }}" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
class="ti-close" aria-hidden="true"></span></button>
</div>
<div class="modal-body">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<!-- Product Slider -->
<div class="product-gallery">
<div class="quickview-slider-active">
@php
$photo = explode(',', $product->photo);
@endphp
@foreach ($photo as $data)
<div class="single-slider">
<img data-src="{{ Helper::imagePath($data) }}" alt="{{ $data }}" class="lazyload">
</div>
@endforeach
</div>
</div>
<!-- End Product slider -->
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<div class="quickview-content">
<h2>{{ $product->title }}</h2>
<div class="quickview-ratting-review">
<div class="quickview-ratting-wrap">
<div class="quickview-ratting">
@php
$rate = $product->reviews->avg('rate');
$rate_count = $product->reviews->count();
@endphp
@for ($i = 1; $i <= 5; $i++)
@if ($rate >= $i)
<i class="yellow fa fa-star"></i>
@else
<i class="fa fa-star"></i>
@endif
@endfor
</div>
<a href="#"> ({{ $rate_count }} customer review)</a>
</div>
<div class="quickview-stock">
@if ($product->stock > 0)
<span><i class="fa fa-check-circle-o"></i> {{ $product->stock }} in
stock</span>
@else
<span><i class="fa fa-times-circle-o text-danger"></i>
{{ $product->stock }} out stock</span>
@endif
</div>
</div>
<h3>
@if ($product->discount)
<small>
<del class="text-muted">{!! config('shop.currency_symbol') !!}
{{ number_format($product->price, 2) }}</del>
</small>
{!! config('shop.currency_symbol') !!} {{ number_format($product->discounted_price, 2) }}
@else
{!! config('shop.currency_symbol') !!} {{ number_format($product->price, 2) }}
@endif
</h3>
<div class="quickview-peragraph">
<p>{!! html_entity_decode($product->summary) !!}</p>
</div>
<form action="{{ route('single-add-to-cart') }}" method="POST">
@csrf
<div class="quantity">
<div class="input-group">
<div class="button minus">
<button type="button" class="btn btn-primary btn-number" disabled="disabled"
data-type="minus" data-field="quant[1]">
<i class="ti-minus"></i>
</button>
</div>
<input type="hidden" name="slug" value="{{ $product->slug }}">
<input type="text" name="quant[1]" class="input-number" data-min="1"
data-max="1000" value="1">
<div class="button plus">
<button type="button" class="btn btn-primary btn-number" data-type="plus"
data-field="quant[1]">
<i class="ti-plus"></i>
</button>
</div>
</div>
</div>
<div class="add-to-cart">
<button type="submit" class="btn">Add to cart</button>
<a href="{{ route('add-to-wishlist', $product->slug) }}"
class="btn min"><i class="ti-heart"></i></a>
</div>
</form>
<div class="default-social">
<!-- ShareThis BEGIN -->
<div class="sharethis-inline-share-buttons"></div><!-- ShareThis END -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>