ok
Mini Shell
@extends('layouts.front-end.app')
@section('title', $web_config['name']->value.' '.\App\CPU\translate('Online Shopping').' | '.$web_config['name']->value.' '.\App\CPU\translate(' Ecommerce'))
@push('css_or_js')
<meta property="og:image" content="{{asset('storage/app/public/company')}}/{{$web_config['web_logo']->value}}"/>
<meta property="og:title" content="Welcome To {{$web_config['name']->value}} Home"/>
<meta property="og:url" content="{{env('APP_URL')}}">
<meta property="og:description" content="{!! substr($web_config['about']->value,0,100) !!}">
<meta property="twitter:card" content="{{asset('storage/app/public/company')}}/{{$web_config['web_logo']->value}}"/>
<meta property="twitter:title" content="Welcome To {{$web_config['name']->value}} Home"/>
<meta property="twitter:url" content="{{env('APP_URL')}}">
<meta property="twitter:description" content="{!! substr($web_config['about']->value,0,100) !!}">
<link rel="stylesheet" href="{{asset('public/assets/front-end')}}/css/home.css"/>
<style>
.cz-countdown-days {
border: .5px solid{{$web_config['primary_color']}};
}
.btn-scroll-top {
background: {{$web_config['primary_color']}};
}
.__best-selling:hover .ptr,
.flash_deal_product:hover .flash-product-title {
color: {{$web_config['primary_color']}};
}
.cz-countdown-hours {
border: .5px solid{{$web_config['primary_color']}};
}
.cz-countdown-minutes {
border: .5px solid{{$web_config['primary_color']}};
}
.cz-countdown-seconds {
border: .5px solid{{$web_config['primary_color']}};
}
.flash_deal_product_details .flash-product-price {
color: {{$web_config['primary_color']}};
}
.featured_deal_left {
background: {{$web_config['primary_color']}} 0% 0% no-repeat padding-box;
}
.category_div:hover {
color: {{$web_config['secondary_color']}};
}
.deal_of_the_day {
background: {{$web_config['secondary_color']}};
}
.best-selleing-image {
background: {{$web_config['primary_color']}}10;
}
.top-rated-image {
background: {{$web_config['primary_color']}}10;
}
@media (max-width: 800px) {
.categories-view-all {
{{session('direction') === "rtl" ? 'margin-left: 10px;' : 'margin-right: 6px;'}}
}
.categories-title {
{{Session::get('direction') === "rtl" ? 'margin-right: 0px;' : 'margin-left: 6px;'}}
}
.seller-list-title {
{{Session::get('direction') === "rtl" ? 'margin-right: 0px;' : 'margin-left: 10px;'}}
}
.seller-list-view-all {
{{Session::get('direction') === "rtl" ? 'margin-left: 20px;' : 'margin-right: 10px;'}}
}
.category-product-view-title {
{{Session::get('direction') === "rtl" ? 'margin-right: 16px;' : 'margin-left: -8px;'}}
}
.category-product-view-all {
{{Session::get('direction') === "rtl" ? 'margin-left: -7px;' : 'margin-right: 5px;'}}
}
}
@media (min-width: 801px) {
.categories-view-all {
{{session('direction') === "rtl" ? 'margin-left: 30px;' : 'margin-right: 27px;'}}
}
.categories-title {
{{Session::get('direction') === "rtl" ? 'margin-right: 25px;' : 'margin-left: 25px;'}}
}
.seller-list-title {
{{Session::get('direction') === "rtl" ? 'margin-right: 6px;' : 'margin-left: 10px;'}}
}
.seller-list-view-all {
{{Session::get('direction') === "rtl" ? 'margin-left: 12px;' : 'margin-right: 10px;'}}
}
.seller-card {
{{Session::get('direction') === "rtl" ? 'padding-left:0px !important;' : 'padding-right:0px !important;'}}
}
.category-product-view-title {
{{Session::get('direction') === "rtl" ? 'margin-right: 10px;' : 'margin-left: -12px;'}}
}
.category-product-view-all {
{{Session::get('direction') === "rtl" ? 'margin-left: -20px;' : 'margin-right: 0px;'}}
}
}
.countdown-card {
background: {{$web_config['primary_color']}}10;
}
.flash-deal-text {
color: {{$web_config['primary_color']}};
}
.countdown-background {
background: {{$web_config['primary_color']}};
}
}
.czi-arrow-left {
color: {{$web_config['primary_color']}};
background: {{$web_config['primary_color']}}10;
}
.czi-arrow-right {
color: {{$web_config['primary_color']}};
background: {{$web_config['primary_color']}}10;
}
.flash-deals-background-image {
background: {{$web_config['primary_color']}}10;
}
.view-all-text {
color: {{$web_config['secondary_color']}} !important;
}
.feature-product .czi-arrow-left {
color: {{$web_config['primary_color']}};
background: {{$web_config['primary_color']}}10
}
.feature-product .czi-arrow-right {
color: {{$web_config['primary_color']}};
background: {{$web_config['primary_color']}}10;
font-size: 12px;
}
/* */
</style>
<link rel="stylesheet" href="{{asset('public/assets/front-end')}}/css/owl.carousel.min.css"/>
<link rel="stylesheet" href="{{asset('public/assets/front-end')}}/css/owl.theme.default.min.css"/>
@endpush
@section('content')
<div class="__inline-61">
@php($decimal_point_settings = !empty(\App\CPU\Helpers::get_business_settings('decimal_point_settings')) ? \App\CPU\Helpers::get_business_settings('decimal_point_settings') : 0)
<!-- Hero (Banners + Slider)-->
<section class="bg-transparent mb-3">
<div class="container">
<div class="row ">
<div class="col-12">
@include('web-views.partials._home-top-slider')
</div>
</div>
</div>
</section>
<!--<div class="emoji">-->
<!-- <div class="cardre">-->
<!-- <div class="heading">-->
<!-- <h3 style="color: gold;font-weight: bolder!important;">How would you rate this extension?</h3>-->
<!-- <p>Rate this extension it really motivate us to add new features. Thanks in advance.</p>-->
<!-- </div>-->
<!-- <div class="ratings">-->
<!-- <img src="https://i.imgur.com/TezGH8X.png">-->
<!-- <img src="https://i.imgur.com/P1bKktc.png">-->
<!-- <img src="https://i.imgur.com/LzDqrhA.png">-->
<!-- <img src="https://i.imgur.com/OkdWjCv.png">-->
<!-- <img src="https://i.imgur.com/7RHNQPw.png">-->
<!-- </div>-->
<!-- </div>-->
<!--</div> -->
{{--flash deal--}}
@php($flash_deals=\App\Model\FlashDeal::with(['products'=>function($query){
$query->with('product')->whereHas('product',function($q){
$q->active();
});
}])->where(['status'=>1])->where(['deal_type'=>'flash_deal'])->whereDate('start_date','<=',date('Y-m-d'))->whereDate('end_date','>=',date('Y-m-d'))->first())
@if (isset($flash_deals))
<section class="overflow-hidden">
<div class="container">
<div
class="flash-deal-view-all-web row d-none d-lg-flex justify-content-{{Session::get('direction') === "rtl" ? 'start' : 'end'}}"
style="{{Session::get('direction') === "rtl" ? 'margin-left: 2px;' : 'margin-right:2px;'}}">
@if (count($flash_deals->products)>0)
<a class="text-capitalize view-all-text"
href="{{route('flash-deals',[isset($flash_deals)?$flash_deals['id']:0])}}">
{{ \App\CPU\translate('view_all')}}
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left mr-1 ml-n1 mt-1 float-left' : 'right ml-1 mr-n1'}}"></i>
</a>
@endif
</div>
<div class="row d-flex {{Session::get('direction') === "rtl" ? 'flex-row-reverse' : 'flex-row'}}">
<div class="col-xl-3 col-lg-4 mt-2 countdown-card">
<div class="m-2">
<div class="flash-deal-text">
<span>{{ \App\CPU\translate('flash deal')}}</span>
</div>
<div class="text-center text-white">
<div class="countdown-background">
<span class="cz-countdown d-flex justify-content-center align-items-center"
data-countdown="{{isset($flash_deals)?date('m/d/Y',strtotime($flash_deals['end_date'])):''}} 11:59:00 PM">
<span class="cz-countdown-days">
<span class="cz-countdown-value"></span>
<span>{{ \App\CPU\translate('day')}}</span>
</span>
<span class="cz-countdown-value p-1">:</span>
<span class="cz-countdown-hours">
<span class="cz-countdown-value"></span>
<span>{{ \App\CPU\translate('hrs')}}</span>
</span>
<span class="cz-countdown-value p-1">:</span>
<span class="cz-countdown-minutes">
<span class="cz-countdown-value"></span>
<span>{{ \App\CPU\translate('min')}}</span>
</span>
<span class="cz-countdown-value p-1">:</span>
<span class="cz-countdown-seconds">
<span class="cz-countdown-value"></span>
<span>{{ \App\CPU\translate('sec')}}</span>
</span>
</span>
</div>
</div>
</div>
</div>
<div class="flash-deal-view-all-mobile col-lg-12 d-block d-xl-none"
style="{{Session::get('direction') === "rtl" ? 'margin-left: 2px;' : 'margin-right:2px;'}}">
</div>
<div class="col-xl-9 col-lg-8 {{Session::get('direction') === "rtl" ? 'pr-md-4' : 'pl-md-4'}}">
<div class="d-lg-none {{Session::get('direction') === "rtl" ? 'text-left' : 'text-right'}}">
<a class="mt-2 text-capitalize view-all-text"
href="{{route('flash-deals',[isset($flash_deals)?$flash_deals['id']:0])}}">
{{ \App\CPU\translate('view_all')}}
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left mr-1 ml-n1 mt-1 float-left' : 'right ml-1 mr-n1'}}"></i>
</a>
</div>
<div class="carousel-wrap">
<div class="owl-carousel owl-theme mt-2" id="flash-deal-slider">
@foreach($flash_deals->products as $key=>$deal)
@if( $deal->product)
@include('web-views.partials._product-card-1',['product'=>$deal->product,'decimal_point_settings'=>$decimal_point_settings])
@endif
@endforeach
</div>
</div>
</div>
</div>
</div>
</section>
@endif
{{-- Categorized product --}}
<?php $r=0; ?>
@foreach($home_categories as $category)
<section class="container rtl pb-4">
<!-- Heading-->
<div class="__p-20px rounded bg-white">
<div class="flex-wrap __gap-6px flex-between pl-xl-4">
<div class="category-product-view-title">
<span
class="for-feature-title {{Session::get('direction') === "rtl" ? 'float-right' : 'float-left'}} font-bold __text-20px text-uppercase"
style="{{Session::get('direction') === "rtl" ? 'text-align:right;' : 'text-align:left;'}}">
{{Str::limit($category['name'],18)}}
</span>
</div>
<div class="category-product-view-all">
<a class="text-capitalize view-all-text "
href="{{route('products',['id'=> $category['id'],'data_from'=>'category','page'=>1])}}">{{ \App\CPU\translate('view_all')}}
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left mr-1 ml-n1 mt-1 float-left' : 'right ml-1 mr-n1'}}"></i>
</a>
</div>
</div>
<div class="row mt-2 justify-content-between g-3">
<?php if($r%2==1){ ?>
<div class="col-md-3 col-12">
<a href="{{route('products',['id'=> $category['id'],'data_from'=>'category','page'=>1])}}"
class="cursor-pointer d-block h-100 __cate-product-side-img">
<img class="h-100"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
src="{{asset('storage/app/public/category')}}/{{$category['icon']}}">
</a>
</div>
<?php } ?>
<div class="col-md-9 col-12">
<div class="row g-2">
@foreach($category['products'] as $key=>$product)
@if ($key<8)
<div class="col-md-2 col-sm-4 col-6">
@include('web-views.partials._category-single-product',['product'=>$product,'decimal_point_settings'=>$decimal_point_settings])
</div>
@endif
@endforeach
</div>
</div>
<?php if($r%2==0){ ?>
<div class="col-md-3 col-12">
<a href="{{route('products',['id'=> $category['id'],'data_from'=>'category','page'=>1])}}"
class="cursor-pointer d-block h-100 __cate-product-side-img">
<img class="h-100"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
src="{{asset('storage/app/public/category')}}/{{$category['icon']}}">
</a>
</div>
<?php } ?>
</div>
</div>
</section>
{{-- Banner --}}
@if(($r+1)%2==0)
<div class="container rtl py-4 ">
<div class="row g-3">
@foreach(\App\Model\Banner::where('banner_type','Footer Banner')->where('published',1)->orderBy('id','desc')->offset($r)->limit(($r+1))->take(1)->get() as $banner)
<div class="col-md-12">
<a href="{{$banner->url}}" class="d-block">
<img class="footer_banner_img"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
src="{{asset('storage/app/public/banner')}}/{{$banner['photo']}}">
</a>
</div>
@endforeach
</div>
</div>
<!--<div class="emoji">-->
<!-- <div class="cardre">-->
<!-- <div class="heading">-->
<!-- <h3 style="color: gold;font-weight: bolder!important;">How would you rate this extension?</h3>-->
<!-- <p>Rate this extension it really motivate us to add new features. Thanks in advance.</p>-->
<!-- </div>-->
<!-- <div class="ratings">-->
<!-- <img src="https://i.imgur.com/TezGH8X.png">-->
<!-- <img src="https://i.imgur.com/P1bKktc.png">-->
<!-- <img src="https://i.imgur.com/LzDqrhA.png">-->
<!-- <img src="https://i.imgur.com/OkdWjCv.png">-->
<!-- <img src="https://i.imgur.com/7RHNQPw.png">-->
<!-- </div>-->
<!-- </div>-->
<!--</div> -->
@endif
<?php $r++; ?>
@endforeach
<style>
.emoji{
background:#fafafc;
padding:0;
margin:0;
height:55vh;
display:flex;
justify-content:center;
align-items:center;
}
.card1{
width:550px;
padding:10px;
/*background:#1c162e;*/
color:#fff;
border:none;
border-radius:5px;
height:250px;
text-align:center;
justify-content:center;
align-items:center;
}
.cardre {
width: 550px;
padding: 10px;
/* background: #1c162e; */
/* color: #fff; */
border: none;
border-radius: 5px;
/* height: 257px; */
text-align: center;
/*margin-top: 40px;*/
justify-content: center;
align-items: center;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.cardre .heading {
margin-top: 10px;
}
.heading{
/*margin-top:60px;*/
margin-top:10px;
}
.card h3{
font-weight:300 !important;
font-size:21px;
}
/*.card p{*/
/* font-weight:100 !important;*/
/* font-size:13px;*/
/*}*/
.ratings img{
cursor:pointer;
transition:all 0.5s;
}
.ratings img:hover{
transform: scale(1.3);
}
</style>
<div class="emoji" style="
height: 30vh;
">
<div class="card1">
<div class="heading">
<h3 style="color: gold;font-weight: bolder!important;">How would you rate this extension?</h3>
<p style="color:#000;">Rate this extension it really motivate us to add new features. Thanks in advance.</p>
</div>
<div class="ratings">
<!--<img src="https://i.imgur.com/TezGH8X.png">-->
<!--<img src="https://i.imgur.com/P1bKktc.png">-->
<!--<img src="https://i.imgur.com/LzDqrhA.png">-->
<!--<img src="https://i.imgur.com/OkdWjCv.png">-->
<!--<img src="https://i.imgur.com/7RHNQPw.png">-->
<img class="pr-1 pl-1" src="{{asset("public/assets/front-end/png/emoji/depression.png")}}" alt="">
<img class="pr-1 pl-1" src="{{asset("public/assets/front-end/png/emoji/sad-face.png")}}" alt="">
<img class="pr-1 pl-1" src="{{asset("public/assets/front-end/png/emoji/happy (1).png")}}" alt="">
<img class="pr-1 pl-1" src="{{asset("public/assets/front-end/png/emoji/neutral.png")}}" alt="">
<img class="pr-1 pl-1" src="{{asset("public/assets/front-end/png/emoji/happy.png")}}" alt="">
</div>
</div>
</div>
<script>
</script>
{{--brands--}}
@if($brand_setting)
<section class="container rtl mt-3">
<!-- Heading-->
<div class="section-header">
<div class="text-black font-bold __text-22px">
<span> {{\App\CPU\translate('brands')}}</span>
</div>
<div class="__mr-2px">
<a class="text-capitalize view-all-text" href="{{route('brands')}}">
{{ \App\CPU\translate('view_all')}}
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left mr-1 ml-n1 mt-1 float-left' : 'right ml-1 mr-n1'}}"></i>
</a>
</div>
</div>
<!-- Grid-->
<div class="mt-sm-3 mb-3 brand-slider">
<div class="owl-carousel owl-theme p-2" id="brands-slider">
@foreach($brands as $brand)
<div class="text-center">
<a href="{{route('products',['id'=> $brand['id'],'data_from'=>'brand','page'=>1])}}"
class="__brand-item">
<img
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
src="{{asset("storage/app/public/brand/$brand->image")}}"
alt="{{$brand->name}}">
</a><p>{{$brand->name}}</p>
</div>
@endforeach
</div>
</div>
</section>
@endif
<!-- Products grid (featured products)-->
@if ($featured_products->count() > 0 )
<div class="container mb-4">
<div class="row __inline-62">
<div class="col-md-12">
<div class="feature-product-title">
{{ \App\CPU\translate('featured_products')}}
</div>
</div>
<div class="col-md-12">
<div class="feature-product">
<div class="carousel-wrap p-1">
<div class="owl-carousel owl-theme " id="featured_products_list">
@foreach($featured_products as $product)
<div>
@include('web-views.partials._feature-product',['product'=>$product, 'decimal_point_settings'=>$decimal_point_settings])
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
@endif
{{--featured deal--}}
@php($featured_deals=\App\Model\FlashDeal::with(['products'=>function($query_one){
$query_one->with('product.reviews')->whereHas('product',function($query_two){
$query_two->active();
});
}])
->whereDate('start_date', '<=', date('Y-m-d'))->whereDate('end_date', '>=', date('Y-m-d'))
->where(['status'=>1])->where(['deal_type'=>'feature_deal'])
->first())
@if(isset($featured_deals))
<section class="featured_deal rtl">
<div class="container">
<div class="row __featured-deal-wrap" style="background: {{$web_config['primary_color']}};">
<div class="col-12 pb-2">
@if (count($featured_deals->products)>0)
<div
class="{{Session::get('direction') === "rtl" ? 'text-left ml-lg-3' : 'text-right mr-lg-3'}}">
<a class="text-capitalize text-white"
href="{{route('products',['data_from'=>'featured_deal'])}}">
{{ \App\CPU\translate('view_all')}}
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left mr-1 ml-n1 mt-1' : 'right ml-1'}} text-white"></i>
</a>
</div>
@endif
</div>
<div class="col-xl-3 col-lg-4">
<div class="m-lg-4 mb-4">
<span
class="featured_deal_title __pt-12">{{ \App\CPU\translate('featured_deal')}}</span>
<br>
<span class="text-white text-left">{{ \App\CPU\translate('See the latest deals and exciting new offers')}}!</span>
</div>
</div>
<div
class="col-xl-9 col-lg-8 d-flex align-items-center justify-content-center {{Session::get('direction') === "rtl" ? 'pl-md-4' : 'pr-md-4'}}">
<div class="owl-carousel owl-theme" id="web-feature-deal-slider">
@foreach($featured_deals->products as $key=>$product)
@include('web-views.partials._feature-deal-product',['product'=>$product->product, 'decimal_point_settings'=>$decimal_point_settings])
@endforeach
</div>
</div>
</div>
</div>
</section>
@endif
{{--deal of the day--}}
<div class="container rtl">
<div class="row g-4 pt-2 mt-0 mb-4 pb-2 __deal-of">
{{-- Deal of the day/Recommended Product --}}
<!-- <div class="col-xl-3 col-md-4">
<div class="deal_of_the_day h-100" style="background: {{$web_config['primary_color']}}">
@if(isset($deal_of_the_day) && isset($deal_of_the_day->product))
<div class="d-flex justify-content-center align-items-center __w-70p mx-auto">
<h1 class="align-items-center text-white"> {{ \App\CPU\translate('deal_of_the_day') }}</h1>
</div>
<div class="recomanded-product-card">
<div class="d-flex justify-content-center align-items-center __pt-20 __m-20-r">
<img class="__rounded-top"
src="{{\App\CPU\ProductManager::product_image_path('thumbnail')}}/{{$deal_of_the_day->product['thumbnail']}}"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
alt="">
</div>
<div class="__i-1">
<div class="text-left __p-20px">
@php($overallRating = \App\CPU\ProductManager::get_overall_rating($deal_of_the_day->product['reviews']))
<div class="rating-show">
<h5 class="font-semibold" style="color: {{$web_config['primary_color']}}">
{{\Illuminate\Support\Str::limit($deal_of_the_day->product['name'],30)}}
</h5>
<span class="d-inline-block font-size-sm text-body">
@for($inc=0;$inc<5;$inc++)
@if($inc<$overallRating[0])
<i class="p-0 sr-star czi-star-filled active"></i>
@else
<i class="p-0 sr-star czi-star __color-fea569"></i>
@endif
@endfor
<label
class="badge-style">( {{$deal_of_the_day->product->reviews_count}} )</label>
</span>
</div>
<div class="">
@if($deal_of_the_day->product->discount > 0)
<strike class="__text-12px __color-E96A6A __pl-2">
{{\App\CPU\Helpers::currency_converter($deal_of_the_day->product->unit_price)}}
</strike>
@endif
<span class="text-accent __text-22px __m-10px">
{{\App\CPU\Helpers::currency_converter(
$deal_of_the_day->product->unit_price-(\App\CPU\Helpers::get_product_discount($deal_of_the_day->product,$deal_of_the_day->product->unit_price))
)}}
</span>
</div>
</div>
</div>
</div>
<div class="recomanded-buy-button">
<button class="buy_btn" style="color:{{$web_config['primary_color']}}"
onclick="location.href='{{route('product',$deal_of_the_day->product->slug)}}'">{{\App\CPU\translate('buy_now')}}
</button>
</div>
@else
@php($product=\App\Model\Product::active()->inRandomOrder()->first())
@if(isset($product))
<div class="d-flex justify-content-center align-items-center">
<h1 class="text-white"> {{ \App\CPU\translate('recommended_product') }}</h1>
</div>
<div class="recomanded-product-card">
<div class="d-flex justify-content-center align-items-center __pt-20 __m-20-r">
<img
src="{{\App\CPU\ProductManager::product_image_path('thumbnail')}}/{{$product['thumbnail']}}"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
alt="">
</div>
<div class="__i-1">
<div class="text-left __p-20px">
@php($overallRating = \App\CPU\ProductManager::get_overall_rating($product['reviews']))
<div class="rating-show">
<h5 class="font-semibold"
style="color: {{$web_config['primary_color']}}">
{{\Illuminate\Support\Str::limit($product['name'],40)}}
</h5>
<span class="d-inline-block font-size-sm text-body">
@for($inc=0;$inc<5;$inc++)
@if($inc<$overallRating[0])
<i class="p-0 sr-star czi-star-filled active"></i>
@else
<i class="p-0 sr-star czi-star __color-fea569"></i>
@endif
@endfor
<label class="badge-style">( {{$product->reviews_count}} )</label>
</span>
</div>
<div class="float-right">
@if($product->discount > 0)
<strike class="__text-12px __color-E96A6A">
{{\App\CPU\Helpers::currency_converter($product->unit_price)}}
</strike>
@endif
<span class="text-accent __text-22px __m-10px">
{{\App\CPU\Helpers::currency_converter(
$product->unit_price-(\App\CPU\Helpers::get_product_discount($product,$product->unit_price))
)}}
</span>
</div>
</div>
</div>
</div>
<div class="recomanded-buy-button">
<button class="buy_btn" style="color:{{$web_config['primary_color']}}"
onclick="location.href='{{route('product',$product->slug)}}'">{{\App\CPU\translate('buy_now')}}
</button>
</div>
@endif
@endif
</div>
</div>-->
{{-- Banner --}}
<!--<div class="container rtl py-4 ">
<div class="row g-3">
@foreach(\App\Model\Banner::where('banner_type','Footer Banner')->where('published',1)->orderBy('id','desc')->offset(0)->limit(1)->take(1)->get() as $banner)
<div class="col-md-12">
<a href="{{$banner->url}}" class="d-block">
<img class="footer_banner_img"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
src="{{asset('storage/app/public/banner')}}/{{$banner['photo']}}">
</a>
</div>
@endforeach
</div>
</div>-->
{{-- Latest products --}}
<!--<div class="col-xl-12 col-md-8 mt-2">
<div class="latest-product-margin">
<div class="d-flex justify-content-between">
<div class="text-center">
<span
class="for-feature-title __text-22px font-bold text-center">{{ \App\CPU\translate('latest_products')}}</span>
</div>
<div class="mr-1">
<a class="text-capitalize view-all-text"
href="{{route('products',['data_from'=>'latest'])}}">
{{ \App\CPU\translate('view_all')}}
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left mr-1 ml-n1 mt-1 float-left' : 'right ml-1 mr-n1'}}"></i>
</a>
</div>
</div>
<div class="row mt-0 g-3">
@foreach($latest_products as $product)
<div class="col-xl-2 col-sm-4 col-md-6 col-lg-4 col-6">
<div>
@include('web-views.partials._single-product',['product'=>$product,'decimal_point_settings'=>$decimal_point_settings])
</div>
</div>
@endforeach
</div>
</div>
</div>-->
</div>
</div>
@php($main_section_banner = \App\Model\Banner::where('banner_type','Main Section Banner')->where('published',1)->orderBy('id','desc')->latest()->first())
@if (isset($main_section_banner))
<div class="container rtl mb-3">
<div class="row">
<div class="col-12 pl-0 pr-0">
<a href="{{$main_section_banner->url}}"
class="cursor-pointer">
<img class="d-block footer_banner_img __inline-63"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
src="{{asset('storage/app/public/banner')}}/{{$main_section_banner['photo']}}">
</a>
</div>
</div>
</div>
@endif
@php($business_mode=\App\CPU\Helpers::get_business_settings('business_mode'))
{{--categries--}}
<div class="container rtl">
<div class="row">
@if ($business_mode == 'multi')
<div class="col-md-6">
<div class="card __shadow h-100">
<div class="card-body">
<div class="row d-flex justify-content-between">
<div class="categories-title">
<span class="font-semibold">{{ \App\CPU\translate('categories')}}</span>
</div>
<div class="categories-view-all">
<a class="text-capitalize view-all-text"
href="{{route('categories')}}">{{ \App\CPU\translate('view_all')}}
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left mr-1 ml-n1 mt-1 float-left' : 'right ml-1 mr-n1'}}"></i>
</a>
</div>
</div>
<div class="row mt-3">
@foreach($categories as $key=>$category)
@if ($key<10)
<div class="text-center __m-5px __cate-item">
<a href="{{route('products',['id'=> $category['id'],'data_from'=>'category','page'=>1])}}">
<div class="__img">
<img
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
src="{{asset("storage/app/public/category/$category->icon")}}"
alt="{{$category->name}}">
</div>
<p class="text-center small mt-2">{{Str::limit($category->name, 12)}}</p>
</a>
</div>
@endif
@endforeach
</div>
</div>
</div>
</div>
@else
<div class="col-md-12">
<div class="card h-100">
<div class="card-body">
<div class="row d-flex justify-content-between">
<div
style="{{Session::get('direction') === "rtl" ? 'margin-right: 20px;' : 'margin-left: 22px;'}}">
<span class="font-semibold">{{ \App\CPU\translate('categories')}}</span>
</div>
<div
style="{{Session::get('direction') === "rtl" ? 'margin-left: 15px;' : 'margin-right: 13px;'}}">
<a class="text-capitalize view-all-text"
href="{{route('categories')}}">{{ \App\CPU\translate('view_all')}}
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left mr-1 ml-n1 mt-1 float-left' : 'right ml-1 mr-n1'}}"></i>
</a>
</div>
</div>
<div class="row mt-3">
@foreach($categories as $key=>$category)
@if ($key<11)
<div class="text-center __m-5px __cate-item">
<a href="{{route('products',['id'=> $category['id'],'data_from'=>'category','page'=>1])}}">
<div class="__img">
<img
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
src="{{asset("storage/app/public/category/$category->icon")}}"
alt="{{$category->name}}">
<p class="text-center small mt-1">{{Str::limit($category->name, 12)}}</p>
</div>
</a>
</div>
@endif
@endforeach
</div>
</div>
</div>
</div>
@endif
<!-- top sellers -->
@if ($business_mode == 'multi')
@if(count($top_sellers) > 0)
<div class="col-md-6 mt-2 mt-md-0 seller-card">
<div class="card __shadow h-100">
<div class="card-body">
<div class="row d-flex justify-content-between">
<div class="seller-list-title">
<span class="font-semibold">{{ \App\CPU\translate('sellers')}}</span>
</div>
<div class="seller-list-view-all">
<a class="text-capitalize view-all-text"
href="{{route('sellers')}}">{{ \App\CPU\translate('view_all')}}
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left mr-1 ml-n1 mt-1 float-left' : 'right ml-1 mr-n1'}}"></i>
</a>
</div>
</div>
<div class="row mt-3">
@foreach($top_sellers as $key=>$seller)
@if ($key<10)
@if($seller->shop)
<div class="__m-5px __cate-item">
<a href="{{route('shopView',['id'=>$seller['id']])}}">
<div class="__img circle position-relative">
@php($shop=$seller->shop)
@php($current_date = date('Y-m-d'))
@php($start_date = date('Y-m-d', strtotime($shop['vacation_start_date'])))
@php($end_date = date('Y-m-d', strtotime($shop['vacation_end_date'])))
@if($shop->vacation_status && ($current_date >= $start_date) && ($current_date <= $end_date))
<span class="temporary-closed">
<small>{{\App\CPU\translate('closed_now')}}</small>
</span>
@elseif($shop->temporary_close)
<span class="temporary-closed">
<small>{{\App\CPU\translate('closed_now')}}</small>
</span>
@endif
<img
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
src="{{asset("storage/app/public/shop")}}/{{$seller->shop->image}}">
</div>
<p class="text-center small mt-2">{{Str::limit($seller->shop->name, 14)}}</p>
</a>
</div>
@endif
@endif
@endforeach
</div>
</div>
</div>
</div>
@endif
@endif
</div>
</div>
<!--<div class="container rtl mt-4">
<div class="arrival-title">
<div>
<img src="{{asset("public/assets/front-end/png/new-arrivals.png")}}" alt="">
</div>
<div class="pl-2">
{{ \App\CPU\translate('ARRIVALS')}}
</div>
</div>
</div>
<div class="container rtl mb-3 overflow-hidden">
<div class="py-2">
<div class="new_arrival_product">
<div class="carousel-wrap">
<div class="owl-carousel owl-theme" id="new-arrivals-product">
@foreach($latest_products as $key=>$product)
@include('web-views.partials._product-card-1',['product'=>$product,'decimal_point_settings'=>$decimal_point_settings])
@endforeach
</div>
</div>
</div>
</div>
</div>-->
<div class="container rtl">
<div class="row g-3">
<div class="col-md-12">
<div class="card card __shadow h-100">
<div class="card-body p-xl-35">
<div class="row d-flex justify-content-between mx-1 mb-3">
<div>
<img class="size-30"
src="{{asset("public/assets/front-end/png/best sellings.png")}}"
alt="">
<span class="font-bold pl-1">{{ \App\CPU\translate('best sellings')}}</span>
</div>
<div>
<a class="text-capitalize view-all-text"
href="{{route('products',['data_from'=>'best-selling','page'=>1])}}">{{ \App\CPU\translate('view_all')}}
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left mr-1 ml-n1 mt-1 float-left' : 'right ml-1 mr-n1'}}"></i>
</a>
</div>
</div>
<div>
@foreach($bestSellProduct as $key=>$bestSell)
@if($bestSell->product && $key<3)
<a class="__best-selling col-md-3 float-left mr-2" href="{{route('product',$bestSell->product->slug)}}">
@if($bestSell->product->discount > 0)
<div class="d-flex"
style="top:0;position:absolute;{{Session::get('direction') === "rtl" ? 'right:0;' : 'left:0;'}}">
<span class="for-discoutn-value p-1 pl-2 pr-2"
style="{{Session::get('direction') === "rtl" ? 'border-radius:0px 5px' : 'border-radius:5px 0px'}};">
@if ($bestSell->product->discount_type == 'percent')
{{round($bestSell->product->discount)}}%
@elseif($bestSell->product->discount_type =='flat')
{{\App\CPU\Helpers::currency_converter($bestSell->product->discount)}}
@endif {{\App\CPU\translate('off')}}
</span>
</div>
@endif
<div class="d-flex flex-wrap p-2">
<div class="best-selleing-image">
<img class="rounded"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
src="{{\App\CPU\ProductManager::product_image_path('thumbnail')}}/{{$bestSell->product['thumbnail']}}"
alt="Product"/>
</div>
<div class="best-selling-details">
<h6 class="widget-product-title">
<span class="ptr">
{{\Illuminate\Support\Str::limit($bestSell->product['name'],100)}}
</span>
</h6>
@php($bestSell_overallRating = \App\CPU\ProductManager::get_overall_rating($bestSell->product['reviews']))
<!--<div class="rating-show">-->
<!--<span class="d-inline-block font-size-sm text-body">-->
<!-- @for($inc=0;$inc<5;$inc++)-->
<!-- @if($inc<$bestSell_overallRating[0])-->
<!-- <i class="p-0 sr-star czi-star-filled active"></i>-->
<!-- @else-->
<!-- <i class="p-0 sr-star czi-star __color-fea569"></i>-->
<!-- @endif-->
<!-- @endfor-->
<!-- <label class="badge-style">( {{$bestSell->product->reviews_count}} )</label>-->
<!--</span>-->
<!--</div>-->
<div>
@if($bestSell->product->discount > 0)
<strike class="__color-E96A6A __text-12px">
{{\App\CPU\Helpers::currency_converter($bestSell->product->unit_price)}}
</strike>
@endif
</div>
<div class="widget-product-meta">
<span class="text-accent">
{{\App\CPU\Helpers::currency_converter(
$bestSell->product->unit_price-(\App\CPU\Helpers::get_product_discount($bestSell->product,$bestSell->product->unit_price))
)}}
</span>
</div>
</div>
</div>
</a>
@endif
@endforeach
</div>
</div>
</div>
</div>
<!--<div class="col-md-6 mt-2 mt-md-0">
<div class="card card __shadow h-100">
<div class="card-body p-xl-35">
<div class="row d-flex justify-content-between mx-1 mb-3">
<div>
<img class="size-30" src="{{asset("public/assets/front-end/png/top-rated.png")}}"
alt="">
<span class="font-bold pl-1">{{ \App\CPU\translate('top rated')}}</span>
</div>
<div>
<a class="text-capitalize view-all-text"
href="{{route('products',['data_from'=>'top-rated','page'=>1])}}">{{ \App\CPU\translate('view_all')}}
<i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left mr-1 ml-n1 mt-1 float-left' : 'right ml-1 mr-n1'}}"></i>
</a>
</div>
</div>
<div>
@foreach($topRated as $key=>$top)
@if($top->product && $key<3)
<a class="__best-selling" href="{{route('product',$top->product->slug)}}">
@if($top->product->discount > 0)
<div class="d-flex"
style="top:0;position:absolute;{{Session::get('direction') === "rtl" ? 'right:0;' : 'left:0;'}}">
<span class="for-discoutn-value p-1 pl-2 pr-2"
style="{{Session::get('direction') === "rtl" ? 'border-radius:0px 5px' : 'border-radius:5px 0px'}};">
@if ($top->product->discount_type == 'percent')
{{round($top->product->discount)}}%
@elseif($top->product->discount_type =='flat')
{{\App\CPU\Helpers::currency_converter($top->product->discount)}}
@endif {{\App\CPU\translate('off')}}
</span>
</div>
@endif
<div class="d-flex flex-wrap p-2">
<div class="top-rated-image">
<img class="rounded"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
src="{{\App\CPU\ProductManager::product_image_path('thumbnail')}}/{{$top->product['thumbnail']}}"
alt="Product"/>
</div>
<div class="top-rated-details">
<h6 class="widget-product-title">
<span class="ptr">
{{\Illuminate\Support\Str::limit($top->product['name'],100)}}
</span>
</h6>
@php($top_overallRating = \App\CPU\ProductManager::get_overall_rating($top->product['reviews']))
<div class="rating-show">
<span class="d-inline-block font-size-sm text-body">
@for($inc=0;$inc<5;$inc++)
@if($inc<$top_overallRating[0])
<i class="p-0 sr-star czi-star-filled active"></i>
@else
<i class="p-0 sr-star czi-star __color-fea569"></i>
@endif
@endfor
<label
class="badge-style">( {{$top->product->reviews_count}} )</label>
</span>
</div>
<div>
@if($top->product->discount > 0)
<strike class="__text-12px __color-E96A6A">
{{\App\CPU\Helpers::currency_converter($top->product->unit_price)}}
</strike>
@endif
</div>
<div class="widget-product-meta">
<span class="text-accent">
{{\App\CPU\Helpers::currency_converter(
$top->product->unit_price-(\App\CPU\Helpers::get_product_discount($top->product,$top->product->unit_price))
)}}
</span>
</div>
</div>
</div>
</a>
@endif
@endforeach
</div>
</div>
</div>
</div>-->
</div>
</div>
{{-- Banner --}}
<!--<div class="container rtl py-4 ">
<div class="row g-3">
@foreach(\App\Model\Banner::where('banner_type','Footer Banner')->where('published',1)->orderBy('id','desc')->offset(1)->limit(2)->take(1)->get() as $banner)
<div class="col-md-12">
<a href="{{$banner->url}}" class="d-block">
<img class="footer_banner_img"
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
src="{{asset('storage/app/public/banner')}}/{{$banner['photo']}}">
</a>
</div>
@endforeach
</div>
</div>-->
{{--delivery type --}}
<!--<div class="container rtl pb-4 pt-3">
<div class="shipping-policy-web">
<div class="row g-3">
<div class="col-md-3 d-flex justify-content-center">
<div class="shipping-method-system">
<div class="text-center">
<img class="size-60" src="{{asset("public/assets/front-end/png/delivery.png")}}"
alt="">
</div>
<div class="text-center">
<p class="m-0">
{{ \App\CPU\translate('Fast Delivery all accross the country')}}
</p>
</div>
</div>
</div>
<div class="col-md-3 d-flex justify-content-center">
<div class="shipping-method-system">
<div class="text-center">
<img class="size-60" src="{{asset("public/assets/front-end/png/Payment.png")}}"
alt="">
</div>
<div class="text-center">
<p class="m-0">
{{ \App\CPU\translate('Safe Payment')}}
</p>
</div>
</div>
</div>
<div class="col-md-3 d-flex justify-content-center">
<div class="shipping-method-system">
<div class="text-center">
<img class="size-60" src="{{asset("public/assets/front-end/png/money.png")}}"
alt="">
</div>
<div class="text-center">
<p class="m-0">
{{ \App\CPU\translate('7 Days Return Policy')}}
</p>
</div>
</div>
</div>
<div class="col-md-3 d-flex justify-content-center">
<div class="shipping-method-system">
<div class="text-center">
<img class="size-60" src="{{asset("public/assets/front-end/png/Genuine.png")}}"
alt="">
</div>
<div class="text-center">
<p class="m-0">
{{ \App\CPU\translate('100% Authentic Products')}}
</p>
</div>
</div>
</div>
</div>
</div>
</div>-->
</div>
@endsection
@push('script')
{{-- Owl Carousel --}}
<script src="{{asset('public/assets/front-end')}}/js/owl.carousel.min.js"></script>
<script>
$('#flash-deal-slider').owlCarousel({
loop: false,
autoplay: false,
margin: 20,
nav: true,
navText: ["<i class='czi-arrow-left'></i>", "<i class='czi-arrow-right'></i>"],
dots: false,
autoplayHoverPause: true,
'{{session('direction')}}': false,
// center: true,
responsive: {
//X-Small
0: {
items: 1
},
360: {
items: 1
},
375: {
items: 1
},
540: {
items: 2
},
//Small
576: {
items: 2
},
//Medium
768: {
items: 2
},
//Large
992: {
items: 2
},
//Extra large
1200: {
items: 2
},
//Extra extra large
1400: {
items: 3
}
}
})
$('#web-feature-deal-slider').owlCarousel({
loop: false,
autoplay: true,
margin: 20,
nav: false,
//navText: ["<i class='czi-arrow-left'></i>", "<i class='czi-arrow-right'></i>"],
dots: false,
autoplayHoverPause: true,
'{{session('direction')}}': true,
// center: true,
responsive: {
//X-Small
0: {
items: 1
},
360: {
items: 1
},
375: {
items: 1
},
540: {
items: 2
},
//Small
576: {
items: 2
},
//Medium
768: {
items: 2
},
//Large
992: {
items: 2
},
//Extra large
1200: {
items: 2
},
//Extra extra large
1400: {
items: 2
}
}
})
$('#new-arrivals-product').owlCarousel({
loop: true,
autoplay: false,
margin: 20,
nav: true,
navText: ["<i class='czi-arrow-{{Session::get('direction') === "rtl" ? 'right' : 'left'}}'></i>", "<i class='czi-arrow-{{Session::get('direction') === "rtl" ? 'left' : 'right'}}'></i>"],
dots: false,
autoplayHoverPause: true,
'{{session('direction')}}': true,
// center: true,
responsive: {
//X-Small
0: {
items: 1
},
360: {
items: 1
},
375: {
items: 1
},
540: {
items: 2
},
//Small
576: {
items: 2
},
//Medium
768: {
items: 2
},
//Large
992: {
items: 2
},
//Extra large
1200: {
items: 4
},
//Extra extra large
1400: {
items: 4
}
}
})
</script>
<script>
$('#featured_products_list').owlCarousel({
loop: true,
autoplay: false,
margin: 20,
nav: true,
navText: ["<i class='czi-arrow-left'></i>", "<i class='czi-arrow-right'></i>"],
dots: false,
autoplayHoverPause: true,
'{{session('direction')}}': false,
// center: true,
responsive: {
//X-Small
0: {
items: 1
},
360: {
items: 1
},
375: {
items: 1
},
540: {
items: 2
},
//Small
576: {
items: 2
},
//Medium
768: {
items: 3
},
//Large
992: {
items: 4
},
//Extra large
1200: {
items: 5
},
//Extra extra large
1400: {
items: 5
}
}
});
</script>
<script>
$('#brands-slider').owlCarousel({
loop: false,
autoplay: false,
margin: 10,
nav: false,
'{{session('direction')}}': true,
dots: true,
autoplayHoverPause: true,
// center: true,
responsive: {
//X-Small
0: {
items: 4
},
360: {
items: 5
},
375: {
items: 5
},
540: {
items: 5
},
//Small
576: {
items: 6
},
//Medium
768: {
items: 7
},
//Large
992: {
items: 9
},
//Extra large
1200: {
items: 11
},
//Extra extra large
1400: {
items: 12
}
}
})
</script>
<script>
$('#category-slider, #top-seller-slider').owlCarousel({
loop: false,
autoplay: false,
margin: 20,
nav: false,
// navText: ["<i class='czi-arrow-left'></i>","<i class='czi-arrow-right'></i>"],
dots: true,
autoplayHoverPause: true,
'{{session('direction')}}': true,
// center: true,
responsive: {
//X-Small
0: {
items: 2
},
360: {
items: 3
},
375: {
items: 3
},
540: {
items: 4
},
//Small
576: {
items: 5
},
//Medium
768: {
items: 6
},
//Large
992: {
items: 8
},
//Extra large
1200: {
items: 10
},
//Extra extra large
1400: {
items: 11
}
}
})
</script>
@endpush
Zerion Mini Shell 1.0