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 : /proc/thread-self/root/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/slick-1.8.0/slick.css')}}">
<!-- Homecatsection -->
<link rel="stylesheet" type="text/css" href="{{url('public/frontend/styles/main_styles.css')}}">
<link rel="stylesheet" type="text/css" href="{{url('public/frontend/styles/responsive.css')}}">
@endsection
@section('js')
<script src="{{url('public/frontend/plugins/slick-1.8.0/slick.js')}}"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyCIwF204lFZg1y4kPSIhKaHEXMLYxxuMhA"></script>
<script src="{{url('public/frontend/js/custom.js')}}"></script>
@endsection
@section('content')
<!-- Banner -->
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100 banner-image" src="{{url('public/frontend/images\Vape_Banner_1.jpg')}}" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100 banner-image" src="{{url('public/frontend/images\Vape_Banner_2.jpg')}}" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100 banner-image" src="{{url('public/frontend/images\Vape_Banner_3.jpg')}}" alt="Third slide">
</div>
<div class="carousel-item">
<img class="d-block w-100 banner-image" src="{{url('public/frontend/images\Vape_Banner_4.jpg')}}" alt="Third slide">
</div>
<div class="carousel-item">
<img class="d-block w-100 banner-image" src="{{url('public/frontend/images\Vape_Banner_5.jpg')}}" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" 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="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- Characteristics -->
<div class="characteristics">
<div class="container">
<div class="row">
<!-- Char. Item -->
<div class="col-lg-3 col-md-6 char_col">
<div class="char_item d-flex flex-row align-items-center justify-content-start">
<div class="char_icon"><img src="{{url('public/frontend/images/char_1.png')}}" alt=""></div>
<div class="char_content">
<div class="char_title">Doorstep Delivery</div>
<div class="char_subtitle">from ৳60</div>
</div>
</div>
</div>
<!-- Char. Item -->
<div class="col-lg-3 col-md-6 char_col">
<div class="char_item d-flex flex-row align-items-center justify-content-start">
<div class="char_icon"><img src="{{url('public/frontend/images/char_2.png')}}" alt=""></div>
<div class="char_content">
<div class="char_title">Easy Return</div>
<div class="char_subtitle">from ৳100</div>
</div>
</div>
</div>
<!-- Char. Item -->
<div class="col-lg-3 col-md-6 char_col">
<div class="char_item d-flex flex-row align-items-center justify-content-start">
<div class="char_icon"><img src="{{url('public/frontend/images/char_3.png')}}" alt=""></div>
<div class="char_content">
<div class="char_title">Secure Payment</div>
<div class="char_subtitle">System</div>
</div>
</div>
</div>
<!-- Char. Item -->
<div class="col-lg-3 col-md-6 char_col">
<div class="char_item d-flex flex-row align-items-center justify-content-start">
<div class="char_icon"><img src="{{url('public/frontend/images/customer-service.png')}}" alt=""></div>
<div class="char_content">
<div class="char_title">Customer Support</div>
<div class="char_subtitle">24/7 a week</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Product Templete With Sidebar 1 -->
<div class="product_sec">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-12 col-sm-12">
<!-- Product Templete Sidebar -->
<div class="product_sidebar">
<div class="sidebar_section">
<!-- Product Templete Sidebar Title -->
<div class="card">
<div class="card-header bg-red text-white text-uppercase">
Premium E-Liquid
</div>
<!-- Product Templete Sidebar wrapper -->
<ul class="list-group category_block">
<div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true">
<div class="card">
@if($premium_e->child->count() > 0)
<!-- Sidebar Accordion header -->
@foreach ($premium_e->child as $count => $sub)
@if($sub->child->count() > 0)
<div class="card-header" role="tab" id="headingOne{{ $sub->category_id }}">
<a data-toggle="collapse" data-parent="#accordionEx{{ $sub->category_id }}" href="#collapseOne{{ $sub->category_id }}" aria-expanded="true" aria-controls="collapseOne{{ $sub->category_id }}">
<h5 class="mb-0">
{{ $sub->category_name }}<i class="fas fa-angle-down rotate-icon"></i>
</h5>
</a>
</div>
<!-- Sidebar Accordion Body -->
<div id="collapseOne{{ $sub->category_id }}" class="collapse @if($count == 0) show @endif" role="tabpanel" aria-labelledby="headingOne{{ $sub->category_id }}" data-parent="#accordionEx{{ $sub->category_id }}">
<div class="card-body">
<ul class="list-group category_block">
@if($sub->child->count() > 0)
@foreach ($sub->child as $sub_sub)
<li class="list-group-item"><a href="{{ url('/category/'.$sub_sub->category_id) }}">{{ $sub_sub->category_name }}</a></li>
@endforeach
@endif
</ul>
</div>
</div>
@else
<div class="card-header" role="tab">
<a href="{{ url('/category/'.$sub->category_id) }}">
<h5 class="mb-0">{{ $sub->category_name }}</h5>
</a>
</div>
@endif
@endforeach
@endif
{{-- <div class="card">
<!-- Sidebar Accordion headerr -->
<div class="card-header" role="tab" id="headingTwo1">
<a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseTwo1" aria-expanded="false" aria-controls="collapseTwo1">
<h5 class="mb-0">
By Nic Levels<i class="fas fa-angle-down rotate-icon"></i>
</h5>
</a>
</div>
<!-- Sidebar Accordion Body -->
<div id="collapseTwo1" class="collapse" role="tabpanel" aria-labelledby="headingTwo1" data-parent="#accordionEx">
<div class="card-body">
<ul class="list-group category_block">
<li class="list-group-item"><a href="category.html">00mg</a></li>
<li class="list-group-item"><a href="category.html">03mg</a></li>
<li class="list-group-item"><a href="category.html">06mg</a></li>
<li class="list-group-item"><a href="category.html">12mg</a></li>
<li class="list-group-item"><a href="category.html">18mg</a></li>
</ul>
</div>
</div>
</div> --}}
</div>
</div>
</ul>
</div>
</div>
</div>
<!-- Shop Sidebar -->
</div>
<!-- Product Templete Sidebar -->
<div class="col-lg-9 col-md-12 col-sm-12">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="row">
<!-- Product 1 -->
@foreach ($premium_products as $product_all)
@foreach ($product_all->product as $product)
<div class="col-12 col-sm-12 col-md-3">
<div class="product-grid">
<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
@foreach ($product_all->child as $child_product)
@foreach ($child_product->product as $product)
<div class="col-12 col-sm-12 col-md-3">
<div class="product-grid" style="margin-block: 30px">
<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
@endforeach
@foreach ($product_all->child as $child_product)
@foreach ($child_product->child as $child_child_product)
@foreach ($child_child_product->product as $product)
<div class="col-12 col-sm-12 col-md-3">
<div class="product-grid" style="margin-block: 30px">
<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
@endforeach
@endforeach
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="row">
<div class="col center-section">
<hr class="divider">
</div>
</div>
<!-- Product Templete With Sidebar 2 -->
<div class="product_sec">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-12 col-sm-12">
<!-- Product Templete Sidebar -->
<div class="product_sidebar">
<div class="sidebar_section">
<!-- Product Templete Sidebar Title -->
<div class="card">
<div class="card-header bg-red text-white text-uppercase">
Atomizer Tanks & Spare Parts
</div>
<!-- Product Templete Sidebar wrapper -->
<ul class="list-group category_block">
<div class="accordion md-accordion" id="accordionEx2" role="tablist" aria-multiselectable="true">
<div class="card">
@if($atomizer->child->count() > 0)
<!-- Sidebar Accordion header -->
@foreach ($atomizer->child as $count => $sub)
@if($sub->child->count() > 0)
<div class="card-header" role="tab" id="headingOne{{ $sub->category_id }}">
<a data-toggle="collapse" data-parent="#accordionEx{{ $sub->category_id }}" href="#collapseOne{{ $sub->category_id }}" aria-expanded="true" aria-controls="collapseOne{{ $sub->category_id }}">
<h5 class="mb-0">
{{ $sub->category_name }}<i class="fas fa-angle-down rotate-icon"></i>
</h5>
</a>
</div>
<!-- Sidebar Accordion Body -->
<div id="collapseOne{{ $sub->category_id }}" class="collapse @if($count == 0) show @endif" role="tabpanel" aria-labelledby="headingOne{{ $sub->category_id }}" data-parent="#accordionEx{{ $sub->category_id }}">
<div class="card-body">
<ul class="list-group category_block">
@if($sub->child->count() > 0)
@foreach ($sub->child as $sub_sub)
<li class="list-group-item"><a href="{{ url('/category/'.$sub_sub->category_id) }}">{{ $sub_sub->category_name }}</a></li>
@endforeach
@endif
</ul>
</div>
</div>
@else
<div class="card-header" role="tab">
<a href="{{ url('/category/'.$sub->category_id) }}">
<h5 class="mb-0">{{ $sub->category_name }}</h5>
</a>
</div>
@endif
@endforeach
@endif
{{-- <div class="card">
<!-- Sidebar Accordion headerr -->
<div class="card-header" role="tab" id="headingTwo2">
<a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="#collapseTwo2" aria-expanded="false" aria-controls="collapseTwo2">
<h5 class="mb-0">
Atomizer Coils<i class="fas fa-angle-down rotate-icon"></i>
</h5>
</a>
</div>
<!-- Sidebar Accordion Body -->
<div id="collapseTwo2" class="collapse" role="tabpanel" aria-labelledby="headingTwo2" data-parent="#accordionEx2">
<div class="card-body">
<ul class="list-group category_block">
<li class="list-group-item"><a href="category.html">Aspire</a></li>
<li class="list-group-item"><a href="category.html">Eleaf</a></li>
<li class="list-group-item"><a href="category.html">Geekvape</a></li>
<li class="list-group-item"><a href="category.html">Innokin</a></li>
<li class="list-group-item"><a href="category.html">Etc.</a></li>
</ul>
</div>
</div>
</div> --}}
</div>
</div>
</ul>
</div>
</div>
</div>
<!-- Shop Sidebar -->
</div>
<!-- Product Templete Sidebar -->
<div class="col-lg-9 col-md-12 col-sm-12">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="row">
@foreach ($automizer_products as $product_all)
@foreach ($product_all->product as $product)
<div class="col-12 col-sm-12 col-md-3">
<div class="product-grid">
<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
@foreach ($product_all->child as $child_product)
@foreach ($child_product->product as $product)
<div class="col-12 col-sm-12 col-md-3">
<div class="product-grid" style="margin-block: 30px">
<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
@endforeach
@foreach ($product_all->child as $child_product)
@foreach ($child_product->child as $child_child_product)
@foreach ($child_child_product->product as $product)
<div class="col-12 col-sm-12 col-md-3">
<div class="product-grid" style="margin-block: 30px">
<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
@endforeach
@endforeach
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="row">
<div class="col center-section">
<hr class="divider">
</div>
</div>
<!-- Product Templete With Sidebar 3 -->
<div class="product_sec">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-12 col-sm-12">
<!-- Product Templete Sidebar -->
<div class="product_sidebar">
<div class="sidebar_section">
<!-- Product Templete Sidebar Title -->
<div class="card">
<div class="card-header bg-red text-white text-uppercase">
Coil Building Essentials
</div>
<!-- Product Templete Sidebar wrapper -->
<ul class="list-group category_block">
<div class="accordion md-accordion" id="accordionEx3" role="tablist" aria-multiselectable="true">
<div class="card">
@if($coil->child->count() > 0)
<!-- Sidebar Accordion header -->
@foreach ($coil->child as $count => $sub)
@if($sub->child->count() > 0)
<div class="card-header" role="tab" id="headingOne{{ $sub->category_id }}">
<a data-toggle="collapse" data-parent="#accordionEx{{ $sub->category_id }}" href="#collapseOne{{ $sub->category_id }}" aria-expanded="true" aria-controls="collapseOne{{ $sub->category_id }}">
<h5 class="mb-0">
{{ $sub->category_name }}<i class="fas fa-angle-down rotate-icon"></i>
</h5>
</a>
</div>
<!-- Sidebar Accordion Body -->
<div id="collapseOne{{ $sub->category_id }}" class="collapse @if($count == 0) show @endif" role="tabpanel" aria-labelledby="headingOne{{ $sub->category_id }}" data-parent="#accordionEx{{ $sub->category_id }}">
<div class="card-body">
<ul class="list-group category_block">
@if($sub->child->count() > 0)
@foreach ($sub->child as $sub_sub)
<li class="list-group-item"><a href="{{ url('/category/'.$sub_sub->category_id) }}">{{ $sub_sub->category_name }}</a></li>
@endforeach
@endif
</ul>
</div>
</div>
@else
<div class="card-header" role="tab">
<a href="{{ url('/category/'.$sub->category_id) }}">
<h5 class="mb-0">{{ $sub->category_name }}</h5>
</a>
</div>
@endif
@endforeach
@endif
{{-- <div class="card">
<!-- Sidebar Accordion header -->
<div class="card-header" role="tab">
<a href="#">
<h5 class="mb-0">Tabs</h5>
</a>
</div>
<div class="card-header" role="tab">
<a href="#">
<h5 class="mb-0">Tool Kits</h5>
</a>
</div>
<div class="card-header" role="tab">
<a href="#">
<h5 class="mb-0">Tools</h5>
</a>
</div>
<div class="card-header" role="tab">
<a href="#">
<h5 class="mb-0">Organic Cottons</h5>
</a>
</div>
<div class="card-header" role="tab" id="headingOne3">
<a data-toggle="collapse" data-parent="#accordionEx3" href="#collapseOne3" aria-expanded="true" aria-controls="collapseOne3">
<h5 class="mb-0">
Wire Rolls<i class="fas fa-angle-down rotate-icon"></i>
</h5>
</a>
</div>
<!-- Sidebar Accordion Body -->
<div id="collapseOne3" class="collapse show" role="tabpanel" aria-labelledby="headingOne3" data-parent="#accordionEx3">
<div class="card-body">
<ul class="list-group category_block">
<li class="list-group-item"><a href="category.html">Coil Master</a></li>
<li class="list-group-item"><a href="category.html">Geekvape Wires</a></li>
<li class="list-group-item"><a href="category.html">UD</a></li>
</ul>
</div>
</div>
<div class="card">
<!-- Sidebar Accordion headerr -->
<div class="card-header" role="tab" id="headingTwo3">
<a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="#collapseTwo3" aria-expanded="false" aria-controls="collapseTwo3">
<h5 class="mb-0">
Pre-made Coils for RTA/RDA/RDTA<i class="fas fa-angle-down rotate-icon"></i>
</h5>
</a>
</div>
<!-- Sidebar Accordion Body -->
<div id="collapseTwo3" class="collapse" role="tabpanel" aria-labelledby="headingTwo3" data-parent="#accordionEx3">
<div class="card-body">
<ul class="list-group category_block">
<li class="list-group-item"><a href="category.html">Notch Coils</a></li>
<li class="list-group-item"><a href="category.html">Pre-built Coils</a></li>
<li class="list-group-item"><a href="category.html">Wire Shots</a></li>
</ul>
</div>
</div>
</div>
</div> --}}
</div>
</ul>
</div>
</div>
</div>
<!-- Shop Sidebar -->
</div>
<!-- Product Templete Sidebar -->
<div class="col-lg-9 col-md-12 col-sm-12">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="row">
@foreach ($coil_products as $product_all)
@foreach ($product_all->product as $product)
<div class="col-12 col-sm-12 col-md-3">
<div class="product-grid">
<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
@foreach ($product_all->child as $child_product)
@foreach ($child_product->product as $product)
<div class="col-12 col-sm-12 col-md-3">
<div class="product-grid" style="margin-block: 30px">
<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
@endforeach
@foreach ($product_all->child as $child_product)
@foreach ($child_product->child as $child_child_product)
@foreach ($child_child_product->product as $product)
<div class="col-12 col-sm-12 col-md-3">
<div class="product-grid" style="margin-block: 30px">
<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
@endforeach
@endforeach
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="row">
<div class="col center-section">
<hr class="divider">
</div>
</div>
<!--YouTube-->
<div class="container cardmar border">
<div class="row">
<div class="col">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/jeXXbg5tB3Y" allowfullscreen></iframe>
</div>
</div>
<div class="col">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/JVN2uoJf27o" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="row">
<div class="col center-section">
<hr class="divider">
</div>
</div>
<!--Google map-->
<div>
<div id="map-container-google-1" class="z-depth-1-half map-container" style="height: 500px">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d1825.571522795662!2d90.413038!3d23.777920000000005!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x587cd74f54ed2a20!2sVape%20Company!5e0!3m2!1sen!2sbd!4v1643641666854!5m2!1sen!2sbd" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
@endsection