PK
@extends('frontend.layouts.master')
@section('title', env('APP_NAME') . ' || HOME PAGE')
@section('main-content')
<!-- Slider Area -->
@if(count($banners)>0)
<section id="Gslider" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
@foreach($banners as $key=>$banner)
<li data-target="#Gslider" data-slide-to="{{$key}}" class="{{(($key==0)? 'active' : '')}}"></li>
@endforeach
</ol>
<div class="carousel-inner" role="listbox">
@foreach($banners as $key=>$banner)
<div class="carousel-item {{(($key==0)? 'active' : '')}}">
<img class="first-slide" src="{{$banner->photo}}" alt="First slide">
<div class="carousel-caption d-none d-md-block text-left">
<h1 class="wow fadeInDown">{{$banner->title}}</h1>
<p>{!! html_entity_decode($banner->description) !!}</p>
@if(!empty($banner->title))
<a class="btn btn-lg ws-btn wow fadeInUpBig" href="{{route('product-grids')}}" role="button">Shop Now<i class="far fa-arrow-alt-circle-right"></i></a>
@endif
</div>
</div>
@endforeach
</div>
<a class="carousel-control-prev" href="#Gslider" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#Gslider" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</section>
@endif
<!--/ End Slider Area -->
@php
$category_lists = DB::table('categories')
->where([
['status', '=', 'active'],
['isvisible', '=', 2]
])
->limit(3)
->get();
@endphp
@if(count($category_lists) > 0)
<!-- Start Small Banner -->
<section class="small-banner section">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="section-title">
<h2>Top Categories</h2>
</div>
</div>
</div>
<div class="row">
@if($category_lists)
@foreach($category_lists as $cat)
@php
$mod = $loop->iteration % 3;
$colorClass = $mod == 1 ? 'color-one' : ($mod == 2 ? 'color-two' : 'color-three');
@endphp
<!-- Single Banner -->
<div class="col-lg-4 col-md-6 col-6 {{ $colorClass }}">
<div class="single-banner">
@if($cat->photo)
<img src="{{$cat->photo}}" alt="{{$cat->photo}}" style="padding-top: 15px;">
@else
<img src="{{asset('backend/img/thumbnail-default.jpg')}}" alt="#" style="padding-top: 15px;">
@endif
<div class="content">
<h3>{{$cat->title}}</h3>
<a href="{{route('product-cat',$cat->slug)}}">Discover Now</a>
</div>
</div>
</div>
<!-- /End Single Banner -->
@endforeach
@endif
</div>
</div>
</section>
<!-- End Small Banner -->
@endif
<!-- Start Product Area -->
<div class="product-area section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title">
<h2>Trending Items</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="product-info">
<div class="nav-main">
<!-- Tab Nav -->
<ul class="nav nav-tabs filter-tope-group" id="myTab" role="tablist">
@php
$categories=DB::table('categories')->where('status','active')->where('is_parent',1)->get();
// dd($categories);
@endphp
@if($categories)
<!-- <button class="btn" style="background:black"data-filter="*">
All Products
</button> -->
@foreach($categories as $key=>$cat)
<li style="display: inline-flex;">
<button class="btn" style="background:none; color:black;" data-filter=".{{$cat->id}}">
{{$cat->title}}
</button>
</li>
@endforeach
@endif
</ul>
<!--/ End Tab Nav -->
</div>
<div class="tab-content isotope-grid" id="myTabContent">
<!-- Start Single Tab -->
@if($product_lists)
@foreach($product_lists as $key=>$product)
<div class="col-6 col-md-4 col-lg-3 p-1 isotope-item {{$product->cat_id}}">
<div class="single-product">
<div class="product-img">
<a href="{{route('product-detail',$product->slug)}}">
@php
$photo=explode(',',$product->photo);
// dd($photo);
@endphp
<img class="default-img" src="{{ $photo[0] }}" alt="{{ $photo[0] }}">
@if($product->stock<=0)
<span class="out-of-stock">Sold Out</span>
@elseif($product->condition=='new')
<span class="new">New</span
@elseif($product->condition=='hot')
<span class="hot">Hot</span>
@else
<span class="price-dec">{{$product->discount}}% Off</span>
@endif
</a>
<div class="button-head">
<div class="product-action">
<a data-toggle="modal" data-target="#{{$product->id}}" title="Quick View" href="#"><i class=" ti-eye"></i><span>Quick Shop</span></a>
<a title="Wishlist" href="{{route('add-to-wishlist',$product->slug)}}" ><i class=" ti-heart "></i><span>Add to Wishlist</span></a>
</div>
<div class="product-action-2">
<a title="Add to cart" href="{{route('add-to-cart',$product->slug)}}">Add to cart</a>
</div>
</div>
</div>
<div class="product-content">
<h3><a href="{{route('product-detail',$product->slug)}}">{{$product->title}}</a></h3>
<div class="product-price">
@php
$after_discount=($product->price-($product->price*$product->discount)/100);
@endphp
<span><i class="fa fa-inr" aria-hidden="true"></i>{{number_format($after_discount,2)}}</span>
@if($product->discount > 0)
<del style="padding-left:4%;"><i class="fa fa-inr" aria-hidden="true"></i>{{number_format($product->price,2)}}</del>
@endif
</div>
</div>
</div>
</div>
@endforeach
<!--/ End Single Tab -->
@endif
<!--/ End Single Tab -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Product Area -->
{{-- @php
$featured=DB::table('products')->where('is_featured',1)->where('status','active')->orderBy('id','DESC')->limit(1)->get();
@endphp --}}
<!-- Start Midium Banner -->
<section class="midium-banner">
<div class="container">
<div class="row">
@if($featured)
@foreach($featured as $data)
<!-- Single Banner -->
<div class="col-lg-6 col-md-6 col-12">
<div class="single-banner">
@php
$photo=explode(',',$data->photo);
@endphp
<img src="{{$photo[0]}}" alt="{{$photo[0]}}">
<div class="content">
<p>{{$data->cat_info['title']}}</p>
<h3>{{$data->title}} <br>Up to<span> {{$data->discount}}%</span></h3>
<a href="{{route('product-detail',$data->slug)}}">Shop Now</a>
</div>
</div>
</div>
<!-- /End Single Banner -->
@endforeach
@endif
</div>
</div>
</section>
<!-- End Midium Banner -->
<!-- Start Great Deals -->
@php
$greatDeal = DB::table('products')->where('isGreat_deals', 2)->where('status', 'active')->orderBy('id', 'DESC')->limit(10)->get();
@endphp
@if(count($greatDeal) > 0)
<div class="product-area most-popular section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title">
<h2>Great Deals</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="owl-carousel popular-slider">
@foreach($greatDeal as $greatDproduct)
@if($greatDproduct->isGreat_deals == '2')
<div class="single-product">
<div class="product-img">
<a href="{{ route('product-detail', $greatDproduct->slug) }}">
@php
$photo = explode(',', $greatDproduct->photo);
@endphp
<img class="default-img" src="{{ $photo[0] }}" alt="{{ $photo[0] }}">
</a>
<div class="button-head">
<div class="product-action">
<a data-toggle="modal" data-target="#{{ $greatDproduct->id }}" title="Quick View" href="#"><i class="ti-eye"></i><span>Quick Shop</span></a>
<a title="Wishlist" href="{{ route('add-to-wishlist', $greatDproduct->slug) }}"><i class="ti-heart"></i><span>Add to Wishlist</span></a>
</div>
<div class="product-action-2">
<a href="{{ route('add-to-cart', $greatDproduct->slug) }}">Add to cart</a>
</div>
</div>
</div>
<div class="product-content">
<h3><a href="{{ route('product-detail', $greatDproduct->slug) }}">{{ $greatDproduct->title }}</a></h3>
<div class="product-price">
@if($greatDproduct->discount > 0)
<span class="old"><i class="fa fa-inr" aria-hidden="true"></i>{{ number_format($greatDproduct->price, 2) }}</span>
@endif
@php
$after_discount = $greatDproduct->price - ($greatDproduct->price * $greatDproduct->discount / 100);
@endphp
<span><i class="fa fa-inr" aria-hidden="true"></i>{{ number_format($after_discount, 2) }}</span>
</div>
</div>
</div>
@endif
@endforeach
</div>
</div>
</div>
</div>
</div>
@endif
<!-- End Great Deals Area -->
<!-- Start Shop Home List -->
<section class="shop-home-list section">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-12">
<div class="row">
<div class="col-12">
<div class="shop-section-title">
<h1>Latest Items</h1>
</div>
</div>
</div>
<div class="row">
@php
$product_lists=DB::table('products')->where('status','active')->orderBy('id','DESC')->limit(6)->get();
@endphp
@foreach($product_lists as $product)
<div class="col-md-4 col-6 p-1">
<!-- Start Single List -->
<div class="single-list">
<div class="row">
<div class="col-lg-6 col-md-6 col-12">
<div class="list-image overlay">
@php
$photo=explode(',',$product->photo);
@endphp
<img src="{{$photo[0]}}" alt="{{$photo[0]}}">
<a href="{{route('add-to-cart',$product->slug)}}" class="buy"><i class="fa fa-shopping-bag"></i></a>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12 no-padding">
<div class="content">
<h4 class="title"><a href="#">{{$product->title}}</a></h4>
<p class="price with-discount"><i class="fa fa-inr" aria-hidden="true"></i>
@php
$after_discount=($product->price-($product->price*$product->discount)/100)
@endphp
{{number_format($after_discount,2)}}</p>
</div>
</div>
</div>
</div>
<!-- End Single List -->
</div>
@endforeach
</div>
</div>
</div>
</div>
</section>
<!-- End Shop Home List -->
<!-- Start Shop Blog -->
<section class="shop-blog section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title">
<h2>From Our Blog</h2>
</div>
</div>
</div>
<div class="row">
@if($posts)
@foreach($posts as $post)
<div class="col-lg-4 col-md-6 col-12">
<!-- Start Single Blog -->
<div class="shop-single-blog">
<img src="{{$post->photo}}" alt="{{$post->photo}}">
<div class="content">
<p class="date">{{$post->created_at->format('d M , Y. D')}}</p>
<a href="{{route('blog.detail',$post->slug)}}" class="title">{{$post->title}}</a>
<a href="{{route('blog.detail',$post->slug)}}" class="more-btn">Continue Reading</a>
</div>
</div>
<!-- End Single Blog -->
</div>
@endforeach
@endif
</div>
</div>
</section>
<!-- End Shop Blog -->
<!-- Start Shop Services Area -->
<section class="shop-services section home">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-6">
<!-- Start Single Service -->
<div class="single-service">
<i class="ti-rocket"></i>
<h4>Free shiping</h4>
<p>Orders over $100</p>
</div>
<!-- End Single Service -->
</div>
<div class="col-lg-3 col-md-6 col-6">
<!-- Start Single Service -->
<div class="single-service">
<i class="ti-reload"></i>
<h4>Free Return</h4>
<p>Within 30 days returns</p>
</div>
<!-- End Single Service -->
</div>
<div class="col-lg-3 col-md-6 col-6">
<!-- Start Single Service -->
<div class="single-service">
<i class="ti-lock"></i>
<h4>Sucure Payment</h4>
<p>100% secure payment</p>
</div>
<!-- End Single Service -->
</div>
<div class="col-lg-3 col-md-6 col-6">
<!-- Start Single Service -->
<div class="single-service">
<i class="ti-tag"></i>
<h4>Best Peice</h4>
<p>Guaranteed price</p>
</div>
<!-- End Single Service -->
</div>
</div>
</div>
</section>
<!-- End Shop Services Area -->
@include('frontend.layouts.newsletter')
<!-- Modal -->
@if($product_lists)
@foreach($product_lists as $key=>$product)
<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);
// dd($photo);
@endphp
@foreach($photo as $data)
<div class="single-slider">
<img src="{{$data}}" alt="{{$data}}">
</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">
{{-- <i class="yellow fa fa-star"></i>
<i class="yellow fa fa-star"></i>
<i class="yellow fa fa-star"></i>
<i class="yellow fa fa-star"></i>
<i class="fa fa-star"></i> --}}
@php
$rate=DB::table('product_reviews')->where('product_id',$product->id)->avg('rate');
$rate_count=DB::table('product_reviews')->where('product_id',$product->id)->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>
@php
$after_discount=($product->price-($product->price*$product->discount)/100);
@endphp
<h3>
@if($product->discount > 0)
<small><del class="text-muted"><i class="fa fa-inr" aria-hidden="true"></i>{{number_format($product->price,2)}}</del></small>
@endif
<i class="fa fa-inr" aria-hidden="true"></i>{{number_format($after_discount,2)}}
</h3>
<div class="quickview-peragraph">
<p>{!! html_entity_decode($product->summary) !!}</p>
</div>
<form action="{{ route('single-add-to-cart') }}" method="POST" class="add-to-cart-form">
@csrf
<input type="hidden" name="slug" value="{{ $product->slug }}">
<div class="quantity">
<div class="input-group">
<div class="button minus">
<button type="button" class="btn btn-primary btn-number" data-type="minus" data-field="quantity">
<i class="ti-minus"></i>
</button>
</div>
<input type="number" name="quantity" class="input-number"
data-min="1" data-max="{{ $product->stock }}"
value="1">
<div class="button plus">
<button type="button" class="btn btn-primary btn-number" data-type="plus" data-field="quantity">
<i class="ti-plus"></i>
</button>
</div>
</div>
</div>
<div class="add-to-cart">
<button type="submit" id="addToCartBtnModal" 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>
<!-- Checkout options (initially hidden) -->
<div id="checkoutOptions-modal" class="mt-3" style="display: none;">
<div class="row">
<div class="col-md-6">
<a href="{{route('checkout')}}" class="btn checkoutbtn btn-success btn-block">Proceed to Checkout</a>
</div>
<div class="col-md-6">
<a href="{{route('product-grids')}}" class="btn btn-primary btn-block">Continue Shopping</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endforeach
@endif
<!-- Modal end -->
@endsection
@push('styles')
<!-- <script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5f2e5abf393162001291e431&product=inline-share-buttons' async='async'></script>
<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5f2e5abf393162001291e431&product=inline-share-buttons' async='async'></script> -->
<style>
.color-one {
background-color: #a7a7a7;
}
.color-two {
background-color: #b4b4b4;
}
.color-three {
background-color: #c0c0c0;
}
.color-four {
background-color: #cdcdcd;
}
/* Banner Sliding */
#Gslider .carousel-inner {
background: #000000;
color:black;
}
#Gslider .carousel-inner{
/*height: 350px;*/
}
#Gslider .carousel-inner img{
width: 100% !important;
opacity: .8;
}
#Gslider .carousel-inner .carousel-caption {
bottom: 40%;
}
#Gslider .carousel-inner .carousel-caption h1 {
font-size: 50px;
font-weight: bold;
line-height: 100%;
color: #ed2025;
}
#Gslider .carousel-inner .carousel-caption p {
font-size: 18px;
color: black;
margin: 28px 0 28px 0;
}
#Gslider .carousel-indicators {
/*bottom: 70px;*/
}
.how-active1 { background-color: black!important; color:white!important; }
</style>
@endpush
@push('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
<script>
/*==================================================================
[ Isotope ]*/
var $topeContainer = $('.isotope-grid');
var $filter = $('.filter-tope-group');
// filter items on button click
$filter.each(function () {
$filter.on('click', 'button', function () {
var filterValue = $(this).attr('data-filter');
$topeContainer.isotope({filter: filterValue});
});
});
// init Isotope
$(window).on('load', function () {
// Get the first category ID to use as default filter
var firstCategory = $('.filter-tope-group button:first').attr('data-filter');
var $grid = $topeContainer.each(function () {
$(this).isotope({
itemSelector: '.isotope-item',
layoutMode: 'fitRows',
percentPosition: true,
animationEngine : 'best-available',
masonry: {
columnWidth: '.isotope-item'
},
filter: firstCategory // Apply filter to show only first category by default
});
});
// Add active class to the first button
$('.filter-tope-group button:first').addClass('how-active1');
});
var isotopeButton = $('.filter-tope-group button');
$(isotopeButton).each(function(){
$(this).on('click', function(){
for(var i=0; i<isotopeButton.length; i++) {
$(isotopeButton[i]).removeClass('how-active1');
}
$(this).addClass('how-active1');
});
});
</script>
<script>
function cancelFullScreen(el) {
var requestMethod = el.cancelFullScreen||el.webkitCancelFullScreen||el.mozCancelFullScreen||el.exitFullscreen;
if (requestMethod) { // cancel full screen.
requestMethod.call(el);
} else if (typeof window.ActiveXObject !== "undefined") { // Older IE.
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
}
function requestFullScreen(el) {
// Supports most browsers and their versions.
var requestMethod = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen;
if (requestMethod) { // Native full screen.
requestMethod.call(el);
} else if (typeof window.ActiveXObject !== "undefined") { // Older IE.
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
return false
}
</script>
@endpush
PK 99