@extends('general.head')
@section('middle')
<style>
@media (max-width: 991px){
.agileinfo-ads-display {
margin-top: 35px;
padding: 0px !important;
}
.responsive-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
/* Default character limit for mobile screens */
/* Character limit for tablet and laptop screens */
</style>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators-->
<?php $slidercount=0; ?>
<ol class="carousel-indicators">
@foreach($sliders as $slider)
@if($slidercount==0)
<li data-target="#myCarousel" data-slide-to="{{ $slidercount }}" class="active"></li>
@else
<li data-target="#myCarousel" data-slide-to="{{ $slidercount }}" class=""></li>
@endif
<?php $slidercount=$slidercount+1; ?>
@endforeach
</ol>
<div class="carousel-inner" role="listbox">
<?php $slidercount=0; ?>
@foreach($sliders as $slider)
@if($slidercount==0)
<div class="item active" style="background: linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url('public/uploads/sliders/{{ $slider->image }}') no-repeat;background-size: cover;">
<div class="container">
<div class="carousel-caption">
<a style="margin-top: 30%;" class="button2" href="{{ url('shop') }}">Shop Now </a>
</div>
</div>
</div>
@else
<div class="item item2" style="background: linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url('public/uploads/sliders/{{ $slider->image }}') no-repeat;background-size: cover;">
<div class="container">
<div class="carousel-caption">
<h3>Proudly
<span>African</span>
</h3>
<p>Best e-shop for groceries items
</p>
<a class="button2" href="{{ url('shop') }}">Shop Now </a>
</div>
</div>
</div>
@endif
<?php $slidercount=$slidercount+1; ?>
@endforeach
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="ads-grid">
<div class="container">
<!-- tittle heading -->
<h3 class="tittle-w3l">Categories
<span class="heading-style">
<i></i>
<i></i>
<i></i>
</span>
</h3>
<!-- //tittle heading -->
<!-- product left -->
<!-- //product left -->
<!-- product right -->
<div class="agileinfo-ads-display col-md-12">
<div class="wrapper">
<!-- first section (nuts) -->
<div class="product-sec1">
@foreach($categories as $category)
<div class="col-md-4 col-xs-6 col-sm-6" style="margin-top: 30px">
<div class="men-pro-item simpleCart_shelfItem" style="background: #ffffff">
<div class="men-thumb-item">
<img style="height: 180px" class="cat_image" src="{{ url('public/uploads/categories') }}/{{ $category->image_name }}" alt="">
<div class="men-cart-pro">
<div class="inner-men-cart-pro">
<a href="{{ url('categorywise_products') }}/{{ $category->id }}" class="link-product-add-cart">View Products</a>
</div>
</div>
</div>
<div class="item-info-product ">
<h4>
<a href="{{ url('categorywise_products') }}/{{ $category->id }}" style="font-weight: bold">{{ $category->name }}</a>
</h4>
</div>
</div>
</div>
@endforeach
<div class="clearfix"></div>
</div>
<!-- //first section (nuts) -->
<!-- second section (nuts special) -->
<!-- //second section (nuts special) -->
<!-- third section (oils) -->
<!-- //third section (oils) -->
<!-- fourth section (noodles) -->
<!-- //fourth section (noodles) -->
</div>
</div>
<!-- //product right -->
</div>
</div>
<!-- //banner -->
<!-- top Products -->
<div class="ads-grid">
<div class="container">
<!-- tittle heading -->
<!-- //tittle heading -->
<!-- product left -->
<!-- //product left -->
<!-- product right -->
<div class="agileinfo-ads-display col-md-12">
<div class="wrapper">
<!-- first section (nuts) -->
<div>
<h3 class="heading-tittle">New Arrivals</h3>
@foreach($new_arrivals as $arrival)
<div class="col-md-3 col-xs-6 col-sm-6 khan" style="margin-top: 30px">
<div class="men-pro-item simpleCart_shelfItem">
<div class="men-thumb-item">
<img class="cat_image" src="{{ url('public/uploads/products') }}/{{ $arrival->image_name }}" alt="">
<div class="men-cart-pro">
<div class="inner-men-cart-pro">
@php
$check = DB::table('product_rates')->where('product_id',$arrival->product_id)->get();
@endphp
@if(count($check)>0)
<a href="{{ url('product_detail') }}/{{ $arrival->product_id }}/{{ $check[0]->rate_id }}" class="link-product-add-cart">Quick View</a>
@else
@endif
</div>
</div>
<span class="product-new-top">New</span>
</div>
<div class="item-info-product ">
<h4 class="responsive-text">
<a><span>{{ str_limit($arrival->name, 15) }}</span></a>
</h4>
@php
$check = DB::table('product_rates')->where('product_id',$arrival->product_id)->get();
@endphp
@if(count($check)>0)
<div class="product--size">
@foreach($check as $size)
<span class="active"><a href="{{ url('product_detail') }}/{{ $size->product_id }}/{{ $size->rate_id }}" onMouseOver="this.style.color='black'"
onMouseOut="this.style.color='white'" style="color: white; ">{{ $size->quantity }}{{ $size->unit }}</a></span>
@endforeach
</div>
@else
@endif
<div class="snipcart-details top_brand_home_details item_add single-item hvr-outline-out">
<br>
@php
$check = DB::table('product_rates')->where('product_id',$arrival->product_id)->get();
@endphp
@if(count($check)>0)
<a href="{{ url('product_detail') }}/{{ $arrival->product_id }}/{{ $check[0]->rate_id }}" style="color: #fff;background: #1accfd;text-decoration: none;position: relative;border: none;border-radius: 0; width: 100%;text-transform: uppercase;padding: 7px; outline: none;letter-spacing: 1px;font-weight: 600;" name="submit" value="View Detail" class="button mycolor"><i class="glyphicon glyphicon-eye-open"></i><span class="hidden-xs"></span></a>
@if(count($check)>1)
<button style="" onclick="showoptions('<?php echo $arrival->product_id; ?>','<?php echo $check[0]->rate_id; ?>')" class="btn btn-primary mybtn">Choose Options</button>
@else
<a onclick="addtocart('<?php echo $check[0]->product_id; ?>', '<?php echo $check[0]->quantity; ?>', '<?php echo $check[0]->unit; ?>', '<?php echo $check[0]->amount; ?>')"
style="color: #fff; background: #1accfd; text-decoration: none; position: relative; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: 7px; outline: none; letter-spacing: 1px; font-weight: 600;"
name="submit" value="Add to cart" class="button mycolor">
<i class="glyphicon glyphicon-shopping-cart"></i>
<span class="hidden-xs"></span>
</a>
@endif
@else
@endif
</div>
</div>
</div>
</div>
@endforeach
<div class="clearfix"></div>
</div>
<!-- //first section (nuts) -->
<!-- second section (nuts special) -->
<div class="product-sec1 product-sec2">
<div class="col-xs-7 effect-bg">
<h3 class="">Pure Energy</h3>
<h6>Enjoy our all healthy Products</h6>
</div>
<h3 class="w3l-nut-middle">Nuts & Dry Fruits</h3>
<div class="col-xs-5 bg-right-nut">
<img src="public/general/images/nut1.png" alt="">
</div>
<div class="clearfix"></div>
</div>
<!-- //second section (nuts special) -->
<!-- //third section (oils) -->
<!-- fourth section (noodles) -->
<!-- //fourth section (noodles) -->
</div>
</div>
<!-- //product right -->
</div>
</div>
<!-- //top products -->
<!-- special offers -->
@if(count($other_items)>0)
<div class="featured-section" id="projects">
<div class="container">
<!-- tittle heading -->
<h3 class="tittle-w3l">Suggestions
<span class="heading-style">
<i></i>
<i></i>
<i></i>
</span>
</h3>
<!-- //tittle heading -->
<div class="content-bottom-in">
<ul id="flexiselDemo1">
@foreach($other_items as $other)
<li>
<div class="w3l-specilamk">
<div class="speioffer-agile">
<a href="single.html">
@php
$check = DB::table('product_images')->where('product_id',$other->product_id)->get();
@endphp
@if(count($check)>0)
<img style="height: 180px" src="{{ url('public/uploads/products') }}/{{ $check[0]->image_name }}" alt="">
@endif
</a>
</div>
<div class="product-name-w3l" align="center">
<h4>
<a>{{ $other->name }}</a>
</h4>
<div a class="w3l-pricehkj">
<h6 style="font-size: 16px">
@php
$check = DB::table('product_rates')->where('product_id',$other->product_id)->get();
@endphp
@if(count($check)>0)
<div class="product--size">
@foreach($check as $size)
<span class="active">
<a href="{{ url('product_detail') }}/{{ $size->product_id }}/{{ $size->rate_id }}" onMouseOver="this.style.color='black'"
onMouseOut="this.style.color='white'" style="color: white; ">
{{ $size->quantity }}{{ $size->unit }}
</a>
</span>
@endforeach
</div>
@else
@endif
</h6>
</div>
</div>
</div>
</li>
@endforeach
</ul>
</div>
</div>
</div>
@endif
<style>
.rating {
margin-top: 40px;
border: none;
float: left;
}
.rating > label {
color: #90A0A3;
float: right;
}
.rating > label:before {
margin: 5px;
font-size: 2em;
font-family: FontAwesome;
content: "\f005";
display: inline-block;
}
.rating > input {
display: none;
}
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
color: #F79426;
}
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
color: #FECE31;
}
</style>
<style>
.collection-grid-item{
padding-bottom: 0%;;
}
</style>
<style>
.checked {
color: orange;
}
</style>
@if(count($feedbacks)>0)
<div class="featured-section" id="projects">
<div class="container">
<!-- tittle heading -->
<h3 class="tittle-w3l">Feedbacks
<span class="heading-style">
<i></i>
<i></i>
<i></i>
</span>
</h3>
<!-- //tittle heading -->
<div class="content-bottom-in">
<ul id="flexiselDemo2">
@foreach($feedbacks as $feedback)
<li>
<div class="collection-grid-item">
<div style="background: white; color: #000000; min-height: 220px; margin: 9px; border-radius: 30px; padding: 40px;font-size:12.0pt">
<div align="center">
<a class="link-plain" target="_blank">
<p style="color: #000000;font-size:14.0pt; text-transform: uppercase;font-weight: bold">{{ $feedback->name }}</p>
<p style="color: #000000">"{{ $feedback->feedback }}"</p>
@if($feedback->stars==1)
<span class="fa fa-star checked"></span>
<span class="fa fa-star "></span>
<span class="fa fa-star "></span>
<span class="fa fa-star "></span>
<span class="fa fa-star"></span>
@endif
@if($feedback->stars==2)
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star "></span>
<span class="fa fa-star "></span>
<span class="fa fa-star"></span>
@endif
@if($feedback->stars==3)
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star "></span>
<span class="fa fa-star"></span>
@endif
@if($feedback->stars==4)
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
@endif
@if($feedback->stars==5)
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
@endif
</a>
</div>
</div>
</div>
</li>
@endforeach
</ul>
</div>
</div>
</div>
<script>
function showoptions(product_id,rate_id){
$('#modalmaindiv').html('');
$.get("{{ url('ajax_product_detail') }}"+"/"+product_id + "/" + rate_id, function (data, status) {
$('#loader').hide();
$('#exampleModal').modal('show');
$("#modalmaindiv").html(data.html);
});
}
</script>
@endif
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]