@extends('frontend.layouts.app')
@section('meta_title'){{ $shop->meta_title }}@stop
@section('meta_description'){{ $shop->meta_description }}@stop
@section('meta')
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="{{ $shop->meta_title }}">
<meta itemprop="description" content="{{ $shop->meta_description }}">
<meta itemprop="image" content="{{ uploaded_asset($shop->logo) }}">
<!-- Twitter Card data -->
<meta name="twitter:card" content="website">
<meta name="twitter:site" content="@publisher_handle">
<meta name="twitter:title" content="{{ $shop->meta_title }}">
<meta name="twitter:description" content="{{ $shop->meta_description }}">
<meta name="twitter:creator" content="@author_handle">
<meta name="twitter:image" content="{{ uploaded_asset($shop->meta_img) }}">
<!-- Open Graph data -->
<meta property="og:title" content="{{ $shop->meta_title }}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ route('shop.visit', $shop->slug) }}" />
<meta property="og:image" content="{{ uploaded_asset($shop->logo) }}" />
<meta property="og:description" content="{{ $shop->meta_description }}" />
<meta property="og:site_name" content="{{ $shop->name }}" />
@endsection
@section('content')
<section class="mt-3 mb-3 bg-white">
<div class="container">
<!-- Top Menu -->
<div class="d-flex flex-wrap justify-content-center justify-content-md-start">
<a class="fw-700 fs-11 fs-md-13 mr-3 mr-sm-4 mr-md-5 text-dark opacity-60 hov-opacity-100 @if (!isset($type)) opacity-100 @endif"
href="{{ route('shop.visit', $shop->slug) }}">{{ translate('Store Home') }}</a>
<a class="fw-700 fs-11 fs-md-13 mr-3 mr-sm-4 mr-md-5 text-dark opacity-60 hov-opacity-100 @if (isset($type) && $type == 'top-selling') opacity-100 @endif"
href="{{ route('shop.visit.type', ['slug' => $shop->slug, 'type' => 'top-selling']) }}">{{ translate('Top Selling') }}</a>
<a class="fw-700 fs-11 fs-md-13 mr-3 mr-sm-4 mr-md-5 text-dark opacity-60 hov-opacity-100 @if (isset($type) && $type == 'cupons') opacity-100 @endif"
href="{{ route('shop.visit.type', ['slug' => $shop->slug, 'type' => 'cupons']) }}">{{ translate('Coupons') }}</a>
<a class="fw-700 fs-11 fs-md-13 text-dark opacity-60 hov-opacity-100 @if (isset($type) && $type == 'all-products') opacity-100 @endif"
href="{{ route('shop.visit.type', ['slug' => $shop->slug, 'type' => 'all-products']) }}">{{ translate('All Products') }}</a>
</div>
</div>
</section>
@php
$followed_sellers = [];
if (Auth::check()) {
$followed_sellers = get_followed_sellers();
}
@endphp
@if (!isset($type) || $type == 'top-selling' || $type == 'cupons')
@if ($shop->top_banner)
<!-- Top Banner -->
<section class="h-160px h-md-200px h-lg-300px h-xl-100 w-100">
<img class="d-block lazyload h-100 img-fit"
src="{{ static_asset('assets/img/placeholder-rect.jpg') }}"
data-src="{{ uploaded_asset($shop->top_banner) }}" alt="{{ env('APP_NAME') }} offer">
</section>
@endif
@endif
<section class="@if (!isset($type) || $type == 'top-selling' || $type == 'cupons') mb-3 @endif border-top border-bottom" style="background: #002F5C;">
<div class="container">
<!-- Seller Info -->
<div class="py-4">
<div class="row justify-content-md-between align-items-center">
<div class="col-lg-5 col-md-6">
<div class="d-flex align-items-center">
<!-- Shop Logo -->
<a href="{{ route('shop.visit', $shop->slug) }}" class="overflow-hidden size-64px rounded-content" style="border: 1px solid #e5e5e5;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06);">
<img class="lazyload h-64px mx-auto"
src="{{ static_asset('assets/img/placeholder.jpg') }}"
data-src="{{ uploaded_asset($shop->logo) }}"
onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';">
</a>
<div class="ml-3">
<!-- Shop Name & Verification Status -->
<a href="{{ route('shop.visit', $shop->slug) }}"
class="text-white d-block fs-16 fw-700">
{{ $shop->name }}
@if ($shop->verification_status == 1)
<span class="ml-2">
<svg xmlns="http://www.w3.org/2000/svg" width="17.5" height="17.5" viewBox="0 0 17.5 17.5">
<g id="Group_25616" data-name="Group 25616" transform="translate(-537.249 -1042.75)">
<path id="Union_5" data-name="Union 5" d="M0,8.75A8.75,8.75,0,1,1,8.75,17.5,8.75,8.75,0,0,1,0,8.75Zm.876,0A7.875,7.875,0,1,0,8.75.875,7.883,7.883,0,0,0,.876,8.75Zm.875,0a7,7,0,1,1,7,7A7.008,7.008,0,0,1,1.751,8.751Zm3.73-.907a.789.789,0,0,0,0,1.115l2.23,2.23a.788.788,0,0,0,1.115,0l3.717-3.717a.789.789,0,0,0,0-1.115.788.788,0,0,0-1.115,0l-3.16,3.16L6.6,7.844a.788.788,0,0,0-1.115,0Z" transform="translate(537.249 1042.75)" fill="#41FF35"/>
</g>
</svg>
</span>
@else
<span class="ml-2">
<svg xmlns="http://www.w3.org/2000/svg" width="17.5" height="17.5" viewBox="0 0 17.5 17.5">
<g id="Group_25616" data-name="Group 25616" transform="translate(-537.249 -1042.75)">
<path id="Union_5" data-name="Union 5" d="M0,8.75A8.75,8.75,0,1,1,8.75,17.5,8.75,8.75,0,0,1,0,8.75Zm.876,0A7.875,7.875,0,1,0,8.75.875,7.883,7.883,0,0,0,.876,8.75Zm.875,0a7,7,0,1,1,7,7A7.008,7.008,0,0,1,1.751,8.751Zm3.73-.907a.789.789,0,0,0,0,1.115l2.23,2.23a.788.788,0,0,0,1.115,0l3.717-3.717a.789.789,0,0,0,0-1.115.788.788,0,0,0-1.115,0l-3.16,3.16L6.6,7.844a.788.788,0,0,0-1.115,0Z" transform="translate(537.249 1042.75)" fill="red"/>
</g>
</svg>
</span>
@endif
</a>
<!-- Ratting -->
<div class="rating rating-mr-1 text-white">
{{ renderStarRating($shop->rating) }}
<span class="fs-12">({{ $shop->num_of_reviews }}
{{ translate('Reviews') }})</span>
</div>
<!-- Address -->
<div class="location fs-12 text-white mt-1">{{ $shop->address }}</div>
</div>
</div>
</div>
<div class="col pl-5 pl-md-0 ml-5 ml-md-0">
<div class="d-lg-flex align-items-center justify-content-lg-end">
<div class="d-md-flex justify-content-md-end align-items-md-baseline">
<!-- Member Since -->
<div class="pr-md-3 mt-2 mt-md-0 border-md-right">
<div class="fs-10 fw-400 opacity-60 text-white">{{ translate('Member Since') }}</div>
<div class="mt-1 fs-16 fw-700 text-white">{{ date('d M Y', strtotime($shop->created_at)) }}</div>
</div>
<!-- Social Links -->
@if ($shop->facebook || $shop->instagram || $shop->google || $shop->twitter || $shop->youtube)
<div class="pl-md-3 pr-lg-3 mt-2 mt-md-0 border-lg-right">
<span class="fs-10 fw-400 opacity-60 text-white">{{ translate('Social Media') }}</span><br>
<ul class="social-md colored-light list-inline mb-0 mt-1">
@if ($shop->facebook)
<li class="list-inline-item mr-2">
<a href="{{ $shop->facebook }}" class="facebook"
target="_blank">
<i class="lab la-facebook-f"></i>
</a>
</li>
@endif
@if ($shop->instagram)
<li class="list-inline-item mr-2">
<a href="{{ $shop->instagram }}" class="instagram"
target="_blank">
<i class="lab la-instagram"></i>
</a>
</li>
@endif
@if ($shop->google)
<li class="list-inline-item mr-2">
<a href="{{ $shop->google }}" class="google"
target="_blank">
<i class="lab la-google"></i>
</a>
</li>
@endif
@if ($shop->twitter)
<li class="list-inline-item mr-2">
<a href="{{ $shop->twitter }}" class="twitter"
target="_blank">
<i class="lab la-twitter"></i>
</a>
</li>
@endif
@if ($shop->youtube)
<li class="list-inline-item">
<a href="{{ $shop->youtube }}" class="youtube"
target="_blank">
<i class="lab la-youtube"></i>
</a>
</li>
@endif
</ul>
</div>
@endif
</div>
<!-- follow -->
<div class="d-flex justify-content-md-end pl-lg-3 pt-3 pt-lg-0">
@if (in_array($shop->id, $followed_sellers))
<a href="{{ route('followed_seller.remove', ['id' => $shop->id]) }}" data-toggle="tooltip" data-title="{{ translate('Unfollow Seller') }}" data-placement="top"
class="btn btn-success d-flex align-items-center justify-content-center fs-12 w-190px follow-btn followed"
style="height: 40px; border-radius: 30px !important; justify-content: center;">
<i class="las la-check fs-16 mr-2"></i>
<span class="fw-700">{{ translate('Followed') }}</span> ({{ count($shop->followers) }})
</a>
@else
<a href="{{ route('followed_seller.store', ['id' => $shop->id]) }}"
class="btn btn-primary btn-rojo d-flex align-items-center justify-content-center fs-12 w-190px follow-btn"
style="height: 40px; border-radius: 30px !important; justify-content: center;">
<i class="las la-plus fs-16 mr-2"></i>
<span class="fw-700">{{ translate('Follow Seller') }}</span> ({{ count($shop->followers) }})
</a>
@endif
</div>
</div>
</div>
</div>
</div>
</div>
</section>
@if (!isset($type))
@php
$feature_products = $shop->user->products->where('published', 1)->where('approved', 1)->where('seller_featured', 1);
@endphp
@if (count($feature_products) > 0)
<!-- Featured Products -->
<section class="mt-3 mb-3" id="section_featured">
<div class="container">
<!-- Top Section -->
<div class="d-flex mb-4 align-items-baseline justify-content-between">
<!-- Title -->
<h3 class="fs-16 fs-md-20 fw-700 mb-3 mb-sm-0">
<span class="">{{ translate('Featured Products') }}</span>
</h3>
<!-- Links -->
<div class="d-flex">
<a type="button" class="arrow-prev slide-arrow text-secondary mr-2" onclick="clickToSlide('slick-prev','section_featured')"><i class="las la-angle-left fs-20 fw-600"></i></a>
<a type="button" class="arrow-next slide-arrow text-secondary ml-2" onclick="clickToSlide('slick-next','section_featured')"><i class="las la-angle-right fs-20 fw-600"></i></a>
</div>
</div>
<!-- Products Section -->
<div class="px-sm-3">
<div class="aiz-carousel sm-gutters-16 arrow-none" data-items="6" data-xl-items="5" data-lg-items="4" data-md-items="3" data-sm-items="2" data-xs-items="2" data-arrows='true' data-autoplay='true' data-infinute="true">
@foreach ($feature_products as $key => $product)
<div class="carousel-box px-3 position-relative has-transition hov-animate-outline border-right border-top border-bottom @if ($key == 0) border-left @endif">
@include('frontend.partials.product_box_1',['product' => $product])
</div>
@endforeach
</div>
</div>
</div>
</section>
@endif
<!-- Banner Slider -->
<section class="mt-3 mb-3">
<div class="container">
<div class="aiz-carousel mobile-img-auto-height" data-arrows="true" data-dots="false" data-autoplay="true">
@if ($shop->sliders != null)
@foreach (explode(',', $shop->sliders) as $key => $slide)
<div class="carousel-box w-100 h-140px h-md-300px h-xl-450px">
<img class="d-block lazyload h-100 img-fit" src="{{ static_asset('assets/img/placeholder-rect.jpg') }}" data-src="{{ uploaded_asset($slide) }}" alt="{{ $key }} offer">
</div>
@endforeach
@endif
</div>
</div>
</section>
<!-- Coupons -->
@php
$coupons = get_coupons($shop->user->id);
@endphp
@if (count($coupons) > 0)
<section class="mt-3 mb-3" id="section_coupons">
<div class="container">
<!-- Top Section -->
<div class="d-flex mb-4 align-items-baseline justify-content-between">
<!-- Title -->
<h3 class="fs-16 fs-md-20 fw-700 mb-3 mb-sm-0">
<span class="pb-3">{{ translate('Coupons') }}</span>
</h3>
<!-- Links -->
<div class="d-flex">
<a type="button" class="arrow-prev slide-arrow link-disable text-secondary mr-2" onclick="clickToSlide('slick-prev','section_coupons')"><i class="las la-angle-left fs-20 fw-600"></i></a>
<a class="text-blue fs-12 fw-700 hov-text-primary" href="{{ route('shop.visit.type', ['slug' => $shop->slug, 'type' => 'cupons']) }}">{{ translate('View All') }}</a>
<a type="button" class="arrow-next slide-arrow text-secondary ml-2" onclick="clickToSlide('slick-next','section_coupons')"><i class="las la-angle-right fs-20 fw-600"></i></a>
</div>
</div>
<!-- Coupons Section -->
<div class="aiz-carousel sm-gutters-16 arrow-none" data-items="3" data-lg-items="2" data-sm-items="1" data-arrows='true' data-infinite='false'>
@foreach ($coupons->take(10) as $key => $coupon)
<div class="carousel-box">
@include('frontend.partials.coupon_box',['coupon' => $coupon])
</div>
@endforeach
</div>
</div>
</section>
@endif
@if ($shop->banner_full_width_1)
<!-- Banner full width 1 -->
@foreach (explode(',', $shop->banner_full_width_1) as $key => $banner)
<section class="container mb-3 mt-3">
<div class="w-100">
<img class="d-block lazyload h-100 img-fit"
src="{{ static_asset('assets/img/placeholder-rect.jpg') }}"
data-src="{{ uploaded_asset($banner) }}" alt="{{ env('APP_NAME') }} offer">
</div>
</section>
@endforeach
@endif
@if ($shop->banners_half_width)
<!-- Banner half width -->
<section class="container mb-3 mt-3">
<div class="row gutters-16">
@foreach (explode(',', $shop->banners_half_width) as $key => $banner)
<div class="col-md-6 mb-3 mb-md-0">
<div class="w-100">
<img class="d-block lazyload h-100 img-fit"
src="{{ static_asset('assets/img/placeholder-rect.jpg') }}"
data-src="{{ uploaded_asset($banner) }}" alt="{{ env('APP_NAME') }} offer">
</div>
</div>
@endforeach
</div>
</section>
@endif
@endif
<section class="mb-3 mt-3" id="section_types">
<div class="container">
<!-- Top Section -->
<div class="d-flex mb-4 align-items-baseline justify-content-between">
<!-- Title -->
<h3 class="fs-16 fs-md-20 fw-700 mb-3 mb-sm-0">
<span class="pb-3">
@if (!isset($type))
{{ translate('New Arrival Products') }}
@elseif ($type == 'top-selling')
{{ translate('Top Selling') }}
@elseif ($type == 'cupons')
{{ translate('All Cupons') }}
@endif
</span>
</h3>
@if (!isset($type))
<!-- Links -->
<div class="d-flex">
<a type="button" class="arrow-prev slide-arrow link-disable text-secondary mr-2" onclick="clickToSlide('slick-prev','section_types')"><i class="las la-angle-left fs-20 fw-600"></i></a>
<a type="button" class="arrow-next slide-arrow text-secondary ml-2" onclick="clickToSlide('slick-next','section_types')"><i class="las la-angle-right fs-20 fw-600"></i></a>
</div>
@endif
</div>
@php
if (!isset($type)){
$products = get_seller_products($shop->user->id);
}
elseif ($type == 'top-selling'){
$products = get_shop_best_selling_products($shop->user->id);
}
elseif ($type == 'cupons'){
$coupons = get_coupons($shop->user->id , 24);
}
@endphp
@if (!isset($type))
<!-- New Arrival Products Section -->
<div class="px-sm-3 pb-3">
<div class="aiz-carousel sm-gutters-16 arrow-none" data-items="6" data-xl-items="5" data-lg-items="4" data-md-items="3" data-sm-items="2" data-xs-items="2" data-arrows='true' data-infinite='false'>
@foreach ($products as $key => $product)
<div class="carousel-box px-3 position-relative has-transition hov-animate-outline border-right border-top border-bottom @if ($key == 0) border-left @endif">
@include('frontend.partials.product_box_1',['product' => $product])
</div>
@endforeach
</div>
</div>
@if ($shop->banner_full_width_2)
<!-- Banner full width 2 -->
@foreach (explode(',', $shop->banner_full_width_2) as $key => $banner)
<div class="mt-3 mb-3 w-100">
<img class="d-block lazyload h-100 img-fit"
src="{{ static_asset('assets/img/placeholder-rect.jpg') }}"
data-src="{{ uploaded_asset($banner) }}" alt="{{ env('APP_NAME') }} offer">
</div>
@endforeach
@endif
@elseif ($type == 'cupons')
<!-- All Coupons Section -->
<div class="row gutters-16 row-cols-xl-3 row-cols-md-2 row-cols-1">
@foreach ($coupons as $key => $coupon)
<div class="col mb-4">
@include('frontend.partials.coupon_box',['coupon' => $coupon])
</div>
@endforeach
</div>
<div class="aiz-pagination mt-4 mb-4">
{{ $coupons->links() }}
</div>
@elseif ($type == 'all-products')
<!-- All Products Section -->
<form class="" id="search-form" action="" method="GET">
<div class="row gutters-16 justify-content-center">
<!-- Sidebar -->
<div class="col-xl-3 col-md-6 col-sm-8">
<!-- Sidebar Filters -->
<div class="aiz-filter-sidebar collapse-sidebar-wrap sidebar-xl sidebar-right z-1035">
<div class="overlay overlay-fixed dark c-pointer" data-toggle="class-toggle" data-target=".aiz-filter-sidebar" data-same=".filter-sidebar-thumb"></div>
<div class="collapse-sidebar c-scrollbar-light text-left">
<div class="d-flex d-xl-none justify-content-between align-items-center pl-3 border-bottom">
<h3 class="h6 mb-0 fw-600">{{ translate('Filters') }}</h3>
<button type="button" class="btn btn-sm p-2 filter-sidebar-thumb" data-toggle="class-toggle" data-target=".aiz-filter-sidebar" >
<i class="las la-times la-2x"></i>
</button>
</div>
<!-- Categories -->
<div class="bg-white border mb-4 mx-3 mx-xl-0 mt-3 mt-xl-0">
<div class="fs-16 fw-700 p-3">
<a href="#collapse_1" class="dropdown-toggle filter-section text-dark d-flex align-items-center justify-content-between" data-toggle="collapse">
{{ translate('Categories') }}
</a>
</div>
<div class="collapse show px-3" id="collapse_1">
@foreach (get_categories_by_products($shop->user->id) as $category)
<label class="aiz-checkbox mb-3">
<input
type="checkbox"
name="selected_categories[]"
value="{{ $category->id }}" @if (in_array($category->id, $selected_categories)) checked @endif
onchange="filter()"
>
<span class="aiz-square-check"></span>
<span class="fs-14 fw-400 text-dark">{{ $category->getTranslation('name') }}</span>
</label>
<br>
@endforeach
</div>
</div>
<!-- Price range -->
<div class="bg-white border mb-3">
<div class="fs-16 fw-700 p-3">
{{ translate('Price range') }}
</div>
<div class="p-3 mr-3">
<div class="aiz-range-slider">
<div
id="input-slider-range"
data-range-value-min="@if (get_products_count($shop->user->id) < 1) 0 @else {{ get_product_min_unit_price($shop->user->id) }} @endif"
data-range-value-max="@if (get_products_count($shop->user->id) < 1) 0 @else {{ get_product_max_unit_price($shop->user->id) }} @endif"
></div>
<div class="row mt-2">
<div class="col-6">
<span class="range-slider-value value-low fs-14 fw-600 opacity-70"
@if ($min_price != null)
data-range-value-low="{{ $min_price }}"
@elseif($products->min('unit_price') > 0)
data-range-value-low="{{ $products->min('unit_price') }}"
@else
data-range-value-low="0"
@endif
id="input-slider-range-value-low"
></span>
</div>
<div class="col-6 text-right">
<span class="range-slider-value value-high fs-14 fw-600 opacity-70"
@if ($max_price != null)
data-range-value-high="{{ $max_price }}"
@elseif($products->max('unit_price') > 0)
data-range-value-high="{{ $products->max('unit_price') }}"
@else
data-range-value-high="0"
@endif
id="input-slider-range-value-high"
></span>
</div>
</div>
</div>
</div>
<!-- Hidden Items -->
<input type="hidden" name="min_price" value="">
<input type="hidden" name="max_price" value="">
</div>
<!-- Ratings -->
<div class="bg-white border mb-4 mx-3 mx-xl-0 mt-3 mt-xl-0">
<div class="fs-16 fw-700 p-3">
<a href="#collapse_2" class="dropdown-toggle filter-section text-dark d-flex align-items-center justify-content-between" data-toggle="collapse">
{{ translate('Ratings') }}
</a>
</div>
<div class="collapse show px-3" id="collapse_2">
<label class="aiz-checkbox mb-3">
<input
type="radio"
name="rating"
value="5" @if ($rating == 5) checked @endif
onchange="filter()"
>
<span class="aiz-square-check"></span>
<span class="rating rating-mr-1">{{ renderStarRating(5) }}</span>
</label>
<br>
<label class="aiz-checkbox mb-3">
<input
type="radio"
name="rating"
value="4" @if ($rating == 4) checked @endif
onchange="filter()"
>
<span class="aiz-square-check"></span>
<span class="rating rating-mr-1">{{ renderStarRating(4) }}</span>
<span class="fs-14 fw-400 text-dark">{{ translate('And Up') }}</span>
</label>
<br>
<label class="aiz-checkbox mb-3">
<input
type="radio"
name="rating"
value="3" @if ($rating == 3) checked @endif
onchange="filter()"
>
<span class="aiz-square-check"></span>
<span class="rating rating-mr-1">{{ renderStarRating(3) }}</span>
<span class="fs-14 fw-400 text-dark">{{ translate('And Up') }}</span>
</label>
<br>
<label class="aiz-checkbox mb-3">
<input
type="radio"
name="rating"
value="2" @if ($rating == 2) checked @endif
onchange="filter()"
>
<span class="aiz-square-check"></span>
<span class="rating rating-mr-1">{{ renderStarRating(2) }}</span>
<span class="fs-14 fw-400 text-dark">{{ translate('And Up') }}</span>
</label>
<br>
<label class="aiz-checkbox mb-3">
<input
type="radio"
name="rating"
value="1" @if ($rating == 1) checked @endif
onchange="filter()"
>
<span class="aiz-square-check"></span>
<span class="rating rating-mr-1">{{ renderStarRating(1) }}</span>
<span class="fs-14 fw-400 text-dark">{{ translate('And Up') }}</span>
</label>
<br>
</div>
</div>
<!-- Brands -->
<div class="bg-white border mb-4 mx-3 mx-xl-0 mt-3 mt-xl-0">
<div class="fs-16 fw-700 p-3">
<a href="#collapse_3" class="dropdown-toggle filter-section text-dark d-flex align-items-center justify-content-between" data-toggle="collapse">
{{ translate('Brands') }}
</a>
</div>
<div class="collapse show px-3" id="collapse_3">
<div class="row gutters-10">
@foreach (get_brands_by_products($shop->user->id) as $key => $brand)
<div class="col-6">
<label class="aiz-megabox d-block mb-3">
<input value="{{ $brand->slug }}" type="radio" onchange="filter()"
name="brand" @isset($brand_id) @if ($brand_id == $brand->id) checked @endif @endisset>
<span class="d-block aiz-megabox-elem rounded-0 p-3 border-transparent hov-border-primary">
<img src="{{ uploaded_asset($brand->logo) }}"
class="img-fit mb-2" alt="{{ $brand->getTranslation('name') }}">
<span class="d-block text-center">
<span
class="d-block fw-400 fs-14">{{ $brand->getTranslation('name') }}</span>
</span>
</span>
</label>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Contents -->
<div class="col-xl-9">
<!-- Top Filters -->
<div class="text-left mb-2">
<div class="row gutters-5 flex-wrap">
<div class="col-lg col-10">
<h1 class="fs-20 fs-md-24 fw-700 text-dark">
{{ translate('All Products') }}
</h1>
</div>
<div class="col-2 col-lg-auto d-xl-none mb-lg-3 text-right">
<button type="button" class="btn btn-icon p-0" data-toggle="class-toggle" data-target=".aiz-filter-sidebar">
<i class="la la-filter la-2x"></i>
</button>
</div>
<div class="col-6 col-lg-auto mb-3 w-lg-200px">
<select class="form-control form-control-sm aiz-selectpicker rounded-0" name="sort_by" onchange="filter()">
<option value="">{{ translate('Sort by') }}</option>
<option value="newest" @isset($sort_by) @if ($sort_by == 'newest') selected @endif @endisset>{{ translate('Newest') }}</option>
<option value="oldest" @isset($sort_by) @if ($sort_by == 'oldest') selected @endif @endisset>{{ translate('Oldest') }}</option>
<option value="price-asc" @isset($sort_by) @if ($sort_by == 'price-asc') selected @endif @endisset>{{ translate('Price low to high') }}</option>
<option value="price-desc" @isset($sort_by) @if ($sort_by == 'price-desc') selected @endif @endisset>{{ translate('Price high to low') }}</option>
</select>
</div>
</div>
</div>
<!-- Products -->
<div class="px-3">
<div class="row gutters-16 row-cols-xxl-4 row-cols-xl-3 row-cols-lg-4 row-cols-md-3 row-cols-2 border-top border-left">
@foreach ($products as $key => $product)
<div class="col border-right border-bottom has-transition hov-shadow-out z-1">
@include('frontend.partials.product_box_1',['product' => $product])
</div>
@endforeach
</div>
</div>
<div class="aiz-pagination mt-4">
{{ $products->appends(request()->input())->links() }}
</div>
</div>
</div>
</form>
@else
<!-- Top Selling Products Section -->
<div class="px-3">
<div class="row gutters-16 row-cols-xxl-6 row-cols-xl-5 row-cols-lg-4 row-cols-md-3 row-cols-2 border-left border-top">
@foreach ($products as $key => $product)
<div class="col border-bottom border-right overflow-hidden has-transition hov-shadow-out z-1">
@include('frontend.partials.product_box_1',['product' => $product])
</div>
@endforeach
</div>
</div>
<div class="aiz-pagination mt-4 mb-4">
{{ $products->links() }}
</div> @endif
</div>
</section>
@endsection
@section('script')
<script type="text/javascript">
function filter() {
$('#search-form').submit();
}
function rangefilter(arg) {
$('input[name=min_price]').val(arg[0]);
$('input[name=max_price]').val(arg[1]);
filter();
}
</script>
@endsection
|