Viewing file:  index.blade.php (18.27 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('frontend.layouts.app', ['class' => 'bg-white'])
@section('content')
<div class="divider-xl"></div>
<!-- START BANNER -->
<!-- <div class="d-flex justify-content-center"> -->
<div class="row">
@php $ccc=0; @endphp
@foreach($data['banners'] as $banner)
@if($banner->name == 'WebSlider')
<!-- <div class="w-70"> -->
<div class="col-lg-8 col-md-12 col-xl-8 col-xs-12 left-side-banner-index custom-left-side-banner-index">
<section class="banner py-1 wow fadeInUp ">
<div @if(Session::get('locale') == 'ar') dir="rtl" @endif>
@if(count($banner->images) > 0)
<section class="banner_js ">
@foreach($banner->images as $key=>$value)
<div data-url="{{$value->link}}" class="banner-slide bg-img left-banner-section">
<img src="{{asset('uploads')}}/banner/{{$value->image}}" class="left-banner"
alt=""/>
<div class="banner-overlay">
<div class="banner-wrapper">
<div class="otrixcontainer">
<div class="banner-contain">
@if($value->title)
<div class="ban-offer">
<h2>{{$value->title}}</h2>
</div>
@endif
@if($value->link)
<a href="{{$value->link}}" class="button-block">Shop Now</a>
@endif
</div>
</div>
</div>
</div>
</div>
@endforeach
</section>
@endif
</div>
</section>
</div>
<!-- <div class="w-2"></div> -->
@endif
@if($banner->name == 'web-homepage-sub-banners')
<!-- <div class="w-28 "> -->
<div class="text-right home-right-banner col-lg-4 col-md-4 col-xl-4 col-xs-12 right-side-banner-home custom-right-side-banner-home">
<!-- <div class="d-flex flex-column "> -->
<div class="row">
@forelse($banner->images as $key=>$value)
<div class="banner-slide bg-img sub-slider justify-content-center mb-4 col-md-12 col-6">
<a href="{{isset($value->link)?$value->link:'#'}}">
<img src="{{asset('uploads')}}/banner/{{$value->image}}" alt="" />
</a>
<div class="ban-offer-right-side">
<h4 class="right-side-banner-title">{{$value->title}}</h4>
<a href="{{isset($value->link)?$value->link:'#'}}" class="button-block btn-sm">Shop Now</a>
</div>
</div>
@empty
@endforelse
</div>
</div>
@endif
@endforeach
</div>
<!--==== End BANNER ====-->
<!--==== START Special Offers ====-->
@include('frontend.partials.specialoffer')
<!--==== END Special Offers ====-->
<section class="flash-sale-banner">
<div class="container mt-3">
<div class="row">
<div class="col-md-6 col-12">
<div class="banner-img-sections">
@if(isset($popular_banner->picture_one) && $popular_banner->picture_one)
<img src="{{asset('uploads/'.$popular_banner->picture_one)}}" alt="">
@else
<img src="{{asset('uploads/banner-fl-1.png')}}" alt="">
@endif
<div class="banner-texts">
<h4 class="text-white">{{isset($popular_banner->title_one)?$popular_banner->title_one:''}}</h4>
<a href="{{isset($popular_banner->link_one)?$popular_banner->link_one:'#'}}" class="button-block btn-sm cs-btn-block">
Shop Now
</a>
</div>
</div>
</div>
<div class="col-md-6 col-12">
<div class="banner-img-sections banner-img-sections-two">
@if(isset($popular_banner->picture_two) && $popular_banner->picture_two)
<img src="{{asset('uploads/'.$popular_banner->picture_two)}}" alt="">
@else
<img src="{{asset('uploads/banner-fl-2.png')}}" alt="">
@endif
<div class="banner-texts">
<h4 class="text-white">{{isset($popular_banner->title_two)?$popular_banner->title_two:''}}</h4>
<a href="{{isset($popular_banner->link_two)?$popular_banner->link_two:'#'}}" class="button-block btn-sm cs-btn-block">
Shop Now
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==== Category Wise Products ====-->
@include('frontend.partials.categoryWiseProducts')
<!--==== End Category Wise Products ====-->
<!--====Start Homepage banner 3 column ====-->
@if(isset($data['homepagethreecolumnbanners']) && isset($data['homepagethreecolumnbanners']->images[1]))
@include('frontend.partials.homepageBanners',['column' => 3,'data' => $data['homepagethreecolumnbanners']->images])
@endif
<!--====End Homepage banner 3 column ====-->
<!--==== Trending product ====-->
@include('frontend.partials.homeproduct',['isSlider' => false,'type' => 'trending','title' => "Trending Products", 'content' => "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.",'productsArr' => $data['trendingProducts'],'new' => false])
<!--==== End Trending product ====-->
<section class="banner-large">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-image home-sec-category-img">
@php
$category_sec = json_decode($category_banner);
@endphp
@if(isset($category_sec) && $category_sec->category_image)
<img src="{{asset('uploads/'.$category_sec->category_image)}}" >
@else
<img src="{{asset('uploads/banner-lg.jpg')}}" >
@endif
<div class="category-home-sec">
<h4 class="text-white">{{isset($category_sec->category_title)?$category_sec->category_title:''}}</h4>
<a href="{{isset($category_sec->category_link)?$category_sec->category_link:'#'}}" class="btn btn-sm btn-success mt-3">
Shop Now
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==== START Top Categories ====-->
@include('frontend.partials.topcategories')
<!--==== End Top Categories ====-->
<!--==== Start Featured product ====-->
@include('frontend.partials.homeproduct',['isSlider' => false,'type' => 'featured','title' => "Featured", 'content' => "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.",'productsArr' => $data['featuredproducts'],'new' => false])
<!--==== End Featured product ====-->
<section class="flash-sale-banner">
<div class="container mt-3">
<div class="row">
<div class="col-md-6 col-12">
<div class="banner-img-sections">
@if(isset($new_product_banner->picture_one) && $new_product_banner->picture_one)
<img src="{{asset('uploads/'.$new_product_banner->picture_one)}}" alt="">
@else
<img src="{{asset('uploads/banner-fl-4.png')}}" alt="">
@endif
<div class="banner-texts">
<h4 class="text-white">{{isset($new_product_banner->title_one)?$new_product_banner->title_one:''}}</h4>
<a href="{{isset($new_product_banner->link_one)?$new_product_banner->link_one:''}}" class="button-block btn-sm cs-btn-block">
Shop Now
</a>
</div>
</div>
</div>
<div class="col-md-6 col-12">
<div class="banner-img-sections banner-img-sections-two">
@if(isset($new_product_banner->picture_one) && $new_product_banner->picture_two)
<img src="{{asset('uploads/'.$new_product_banner->picture_two)}}" alt="">
@else
<img src="{{asset('uploads/banner-fl-3.png')}}" alt="">
@endif
<div class="banner-texts">
<h4 class="text-white">{{isset($new_product_banner->title_two)?$new_product_banner->title_two:''}}</h4>
<a href="{{isset($new_product_banner->link_two)?$new_product_banner->link_two:''}}" class="button-block btn-sm cs-btn-block">
Shop Now
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==== Start New product ====-->
@include('frontend.partials.homeproduct',['isSlider' => true,'type' => 'new','title' => "Flash Sale For You!", 'content' => "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.",'productsArr' => $data['newProducts'],'new' => true])
<!--==== End New product ====-->
<!--====Start Homepage banner 2 column ====-->
@if(isset($data['homepagetwocolumnbanners']) && isset($data['homepagetwocolumnbanners']->images[1]))
@include('frontend.partials.homepageBanners',['column' => 2,'data' => $data['homepagetwocolumnbanners']->images])
@endif
<!--====End Homepage banner 2 column ====-->
<!--==== Brands ====-->
@include('frontend.partials.brands')
<!--==== End Brands ====-->
<!--==== Blog Section ====-->
@include('frontend.partials.blog')
<!--==== End Blog Section ====-->
<section class="mt-4">
<div class="container">
<div class="row">
<div class="col-md-3 col-lg-3 col-12">
<div class="website-features-section text-center">
<div class="about-icon-section">
<i class="fas fa-plane"></i>
</div>
<h5 class="mt-3">
Free Delivery
</h5>
</div>
</div>
<div class="col-md-3 col-lg-3 col-12">
<div class="website-features-section text-center w-f-responsive">
<div class="about-icon-section">
<i class="far fa-money-bill-alt"></i>
</div>
<h5 class="mt-3">
Money Back Guarantee
</h5>
</div>
</div>
<div class="col-md-3 col-lg-3 col-12">
<div class="website-features-section text-center w-f-responsive">
<div class="about-icon-section">
<i class="fas fa-phone-volume"></i>
</div>
<h5 class="mt-3">
24/7 Customer Support
</h5>
</div>
</div>
<div class="col-md-3 col-lg-3 col-12">
<div class="text-center website-features-section w-f-responsive">
<div class="about-icon-section">
<i class="fab fa-speakap"></i>
</div>
<h5 class="mt-3">
Secure Online Payment
</h5>
</div>
</div>
</div>
</div>
</section>
<!-- Modal -->
<div class="modal fade " id="subscriptionModal" data-bs-backdrop="static" tabindex="-1" role="dialog"
aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-zoom modal-md mx-4 mx-md-auto" role="document">
<div class="modal-content p-0">
<div class="modal-header p-0">
<button type="button" class="close modal_close_btn" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body p-1">
<div class="row">
<div class="col-md-12">
<div class="banner-image-section">
<img src="{{asset('uploads/subscription-modal.png')}}" alt="">
</div>
</div>
<div class="col-md-12 pt-2 p-5 text-center">
<h3>Subscribe to Our Newsletter</h3>
<h6>
<smal>Subscribe to our Newsletter to receive early discount offers, latest news, sales and
promo information.
</smal>
</h6>
<form action="{{route('submit.newslatter')}}" method="post" class="subscirbe_news">
@csrf
<div class="form-group">
<input type="email" name="email" class="form-control"
placeholder="{{ __('common')['email_address'] }}"/>
</div>
<div class="form-group">
<input type="submit" value="{{ __('common')['subscribe'] }}" class="btn-subscribe submit_set_popup_data"/>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
@push('js')
<script type="text/javascript">
<?php foreach($data['dodProducts'] as $key=>$value) {
$endDatee = str_replace("/","-",$value->special->end_date);
$endDatee = date('M d, Y',strtotime($endDatee));
$endDatee .= ' 23:59:59'
?>
var deadline = new Date("{{$endDatee}}").getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var t = new Date("{{$endDatee}}").getTime() - now;
var days = Math.floor(t / (1000 * 60 * 60 * 24));
var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((t % (1000 * 60)) / 1000);
$(".days"+"{{$value->id}}").html(days) ;
$(".hours"+"{{$value->id}}").html(hours);
$(".minutes"+"{{$value->id}}").html(minutes);
$(".seconds"+"{{$value->id}}").html(seconds);
if (t < 0) {
clearInterval(x);
$(".day"+"{{$value->id}}").innerHTML ='0';
$(".hour"+"{{$value->id}}").innerHTML ='0';
$(".minute"+"{{$value->id}}").innerHTML ='0' ;
$(".second"+"{{$value->id}}").innerHTML = '0'; }
}, 1000);
<?php } ?>
//render tab products
var activeTab = $("ul.nav-tabs li a.active");
getProductsByCat(activeTab.data('cat'));
function activeTabGetData(data,category){
//find active
var activeTab = $("ul.nav-tabs li a.active");
activeTab.removeClass('active');
$(data).addClass('active');
//find acitve tab content
var activeTabContent = $("div.tab-content .active");
activeTabContent.removeClass('active');
$('#Tab-'+category).addClass('active');
$('#cat-ul-'+category).html(`<div class="" style="margin: 0 auto"><img src="{{asset('frontend')}}/images/loading.gif" alt="loader " /></div>`);
getProductsByCat(category)
}
function getProductsByCat(category) {
var url = '{{ route("category.productsajax", ":id") }}';
url = url.replace(':id', category);
$.ajax({
url: url,
type: 'get',
dataType: 'html',
success: function(response) {
$('#cat-ul-'+category).empty();
$('#cat-ul-'+category).html(response);
$("img.lazy").lazyload({
effect:'fadein',
placeholder_data_img:"{{config('constant.image_loader')}}"
});
}
});
}
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
$(document).ready(function(){
const date = new Date();
let day = date.getDate();
let month = date.getMonth() + 1;
let year = date.getFullYear();
let currentDate = `${day}-${month}-${year}`;
const pre_date= localStorage.getItem("news_latter_popup");
if(pre_date != currentDate) {
$('#subscriptionModal').modal('show');
}
});
$(document).on('click', '.modal_close_btn', function(){
$('#subscriptionModal').modal('hide');
const date = new Date();
let day = date.getDate();
let month = date.getMonth() + 1;
let year = date.getFullYear();
let currentDate = `${day}-${month}-${year}`;
localStorage.setItem("news_latter_popup", currentDate);
});
$(document).on('click', '.submit_set_popup_data', function(){
const date = new Date();
let day = date.getDate();
let month = date.getMonth() + 1;
let year = date.getFullYear();
let currentDate = `${day}-${month}-${year}`;
localStorage.setItem("news_latter_popup", currentDate);
});
</script>
@endpush
@endsection
|