Server : ApacheSystem : Linux host44.registrar-servers.com 4.18.0-513.18.1.lve.2.el8.x86_64 #1 SMP Sat Mar 30 15:36:11 UTC 2024 x86_64 User : vapecompany ( 2719) PHP Version : 7.4.33 Disable Function : NONE Directory : /home/vapecompany/demo.vapecompany.com.bd/resources/views/frontend/pages/ |
Upload File : |
@extends('frontend.layouts.app')
@section('css')
<link rel="stylesheet" type="text/css" href="{{url('public/frontend/plugins/jquery-ui-1.12.1.custom/jquery-ui.css')}}">
<link rel="stylesheet" type="text/css" href="{{url('public/frontend/styles/shop_styles.css')}}">
<link rel="stylesheet" type="text/css" href="{{url('public/frontend/styles/shop_responsive.css')}}">
@endsection
@section('js')
<script src="{{url('public/frontend/plugins/Isotope/isotope.pkgd.min.js')}}"></script>
<script src="{{url('public/frontend/plugins/jquery-ui-1.12.1.custom/jquery-ui.js')}}"></script>
<script src="{{url('public/frontend/plugins/parallax-js-master/parallax.min.js')}}"></script>
<script src="{{url('public/frontend/js/shop_custom.js')}}"></script>
@endsection
@section('content')
<!-- Home -->
<div class="home">
<div class="home_background parallax-window" data-parallax="scroll"
data-image-src="{{url('public/frontend/images/Vape_Banner_1.jpg')}}"></div>
<div class="home_overlay"></div>
<div class="home_content d-flex flex-column align-items-center justify-content-center">
<h2 class="home_title">Shop</h2>
</div>
</div>
<!-- Shop -->
<div class="shop">
<div class="container">
<div class="row">
<div class="col-lg-3">
<!-- Shop Sidebar -->
<div class="shop_sidebar">
<div class="sidebar_section">
<div class="sidebar_title">Categories</div>
<ul class="sidebar_categories">
@foreach ($menus as $category)
<li><a href="{{ url('/category/'.$category->category_id) }}">{{ $category->category_name }}</a></li>
@endforeach
</ul>
</div>
<div class="sidebar_section filter_by_section">
<div class="sidebar_title">Filter By</div>
<div class="sidebar_subtitle">Price</div>
<div class="filter_price">
<div id="slider-range" class="slider_range"></div>
<p>Range: </p>
<p><input type="text" id="amount" class="amount" readonly
style="border:0; font-weight:bold;"></p>
</div>
</div>
{{-- <div class="sidebar_section">
<div class="sidebar_subtitle color_subtitle">Color</div>
<ul class="colors_list">
<li class="color"><a href="#" style="background: #b19c83;"></a></li>
<li class="color"><a href="#" style="background: #000000;"></a></li>
<li class="color"><a href="#" style="background: #999999;"></a></li>
<li class="color"><a href="#" style="background: #0e8ce4;"></a></li>
<li class="color"><a href="#" style="background: #df3b3b;"></a></li>
<li class="color"><a href="#" style="background: #ffffff; border: solid 1px #e1e1e1;"></a>
</li>
</ul>
</div> --}}
{{-- <div class="sidebar_section">
<div class="sidebar_subtitle brands_subtitle">Brands</div>
<ul class="brands_list">
<li class="brand"><a href="#">Bad Monkey</a></li>
<li class="brand"><a href="#">Beard</a></li>
<li class="brand"><a href="#">Big Easy</a></li>
<li class="brand"><a href="#">Aspire</a></li>
<li class="brand"><a href="#">Eleaf</a></li>
<li class="brand"><a href="#">Geekvape</a></li>
<li class="brand"><a href="#">Innokin</a></li>
</ul>
</div> --}}
</div>
</div>
<div class="col-lg-9">
<!-- Shop Content -->
<div class="shop_content">
<div class="shop_bar clearfix">
<div class="shop_product_count"><span>{{$products->count()}}</span> products found</div>
<div class="shop_sorting">
<span>Sort by:</span>
<ul>
<li>
<span class="sorting_text">highest rated<i class="fas fa-chevron-down"></span></i>
<ul>
<li class="shop_sorting_button"
data-isotope-option='{ "sortBy": "original-order" }'>highest rated</li>
<li class="shop_sorting_button" data-isotope-option='{ "sortBy": "name" }'>name
</li>
<li class="shop_sorting_button" data-isotope-option='{ "sortBy": "price" }'>
price</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="row" style="margin-top: 30px">
@foreach ($products as $product)
<div class="col-12 col-sm-12 col-md-3">
<div class="product-grid" style="margin: 10px 0">
<div class="product-image">
<a href="{{url('product', $product->product_id)}}" class="image">
<img class="pic-1" src="{{url('public/images/product/'.$product->product_image)}}">
<img class="pic-2" src="{{url('public/images/product/'.$product->product_image)}}">
</a>
<a href="{{url('add_wishlist/'.$product->product_id)}}" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="{{url('add_cart/'.$product->product_id)}}"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">{{$product->product_name}}</a></h3>
<div class="price">৳{{$product->sale_price}}</div>
</div>
</div>
</div>
@endforeach
</div>
<!-- Shop Page Navigation -->
<div class="shop_page_nav d-flex flex-row">
{{-- <div class="page_prev d-flex flex-column align-items-center justify-content-center"><i
class="fas fa-chevron-left"></i></div>
<ul class="page_nav d-flex flex-row">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">...</a></li>
<li><a href="#">21</a></li>
</ul>
<div class="page_next d-flex flex-column align-items-center justify-content-center"><i
class="fas fa-chevron-right"></i></div> --}}
{{ $products->links() }}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Recently Viewed -->
<div class="viewed">
<div class="container">
<div class="row">
<div class="col">
<div class="viewed_title_container">
<h3 class="viewed_title">Recently Viewed</h3>
<div class="viewed_nav_container">
<div class="viewed_nav viewed_prev"><i class="fas fa-chevron-left"></i></div>
<div class="viewed_nav viewed_next"><i class="fas fa-chevron-right"></i></div>
</div>
</div>
<div class="viewed_slider_container">
<!-- Recently Viewed Slider -->
<div class="owl-carousel owl-theme viewed_slider">
<!-- Recently Viewed Item -->
<div class="owl-item">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1"
src="{{url('public/frontend/images/product/atomizer_coil/2.jpg')}}">
<img class="pic-2"
src="{{url('public/frontend/images/product/atomizer_coil/2.jpg')}}">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
<!-- Recently Viewed Item -->
<div class="owl-item">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1"
src="{{url('public/frontend/images/product/atomizer_coil/5.png')}}">
<img class="pic-2"
src="{{url('public/frontend/images/product/atomizer_coil/5.png')}}">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
<!-- Recently Viewed Item -->
<div class="owl-item">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1"
src="{{url('public/frontend/images/product/atomizer_coil/4.jpg')}}">
<img class="pic-2"
src="{{url('public/frontend/images/product/atomizer_coil/4.jpg')}}">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
<!-- Recently Viewed Item -->
<div class="owl-item">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1"
src="{{url('public/frontend/images/product/atomizer_coil/1.png')}}">
<img class="pic-2"
src="{{url('public/frontend/images/product/atomizer_coil/1.png')}}">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
<!-- Recently Viewed Item -->
<div class="owl-item">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1"
src="{{url('public/frontend/images/product/atomizer_coil/2.jpg')}}">
<img class="pic-2"
src="{{url('public/frontend/images/product/atomizer_coil/2.jpg')}}">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
<!-- Recently Viewed Item -->
<div class="owl-item">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1"
src="{{url('public/frontend/images/product/atomizer_coil/3.jpg')}}">
<img class="pic-2"
src="{{url('public/frontend/images/product/atomizer_coil/3.jpg')}}">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('script')
<script>
// function addToCart(id, qty){
// $.ajax({
// type: "POST",
// url: "{{ route('add.to.cart') }}",
// data: {
// qty : qty,
// id : id,
// },
// dataType: "json",
// success: function (response) {
// window.location.reload();
// Swal.fire({
// toast: true,
// position: 'top-end',
// icon: 'success',
// title: 'Product Added To Cart',
// showConfirmButton: false,
// timer: 3000
// })
// },
// error: function (error) {
// Swal.fire({
// toast: true,
// position: 'top-end',
// icon: 'error',
// title: 'Product Added To Cart Faield',
// showConfirmButton: false,
// timer: 3000
// })
// }
// });
// }
</script>
@endsection