Server : Apache System : 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 : current_dir [ Writeable ] document_root [ Writeable ]

@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">Your Search Result</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')

@endsection