import React, { useState, useEffect } from "react"; import { shoppingCart } from "../../common/data/ecommerce"; //Import Breadcrumb import BreadCrumb from "../../Components/Common/BreadCrumb"; import { Card, Col, Container, Row, Alert, Form, } from "react-bootstrap"; import { Head, Link } from "@inertiajs/react"; import Layout from "../../Layouts"; const EcommerceCart = () => { const [productList, setproductList] = useState(shoppingCart); const [charge, setCharge] = useState(0); const [tax, setTax] = useState(0); const [dis, setDis] = useState(0); const assigned = productList.map((item:any) => item.total); let subTotal = 0; for (let i = 0; i < assigned.length; i++) { subTotal += Math.round(assigned[i]); } useEffect(() => { let dis = (0.15 * subTotal); let tax = (0.125 * subTotal); if (subTotal !== 0) { setCharge(65); } else { setCharge(0); } setTax(dis); setDis(tax); }, [subTotal]); function removeCartItem(id :any) { var filtered = productList.filter(function (item:any) { return item.id !== id; }); setproductList(filtered); } function countUP(id :any, prev_data_attr:any, itemPrice:any) { setproductList( productList.map((p:any) => p.id === id ? { ...p, data_attr: prev_data_attr + 1, total: (prev_data_attr + 1) * itemPrice } : p ) ); } function countDown(id:any, prev_data_attr:any, itemPrice:any) { setproductList( productList.map((p:any) => (p.id === id && p.data_attr > 0) ? { ...p, data_attr: prev_data_attr - 1, total: (prev_data_attr - 1) * itemPrice } : p ) ); } return (
Your Cart ({productList.length} items)
Continue Shopping
{productList.map((cartItem:any, key:any) => (
{cartItem.name}
  • Color :{" "} {cartItem.color}
  • Size :{" "} {cartItem.size}

Item Price:

$ {cartItem.price}
removeCartItem(cartItem.id)} > {" "} Remove
{" "} Add Wishlist
Total :
$ {" "} {(cartItem.total).toFixed(2)}
))}
{" "} Checkout
Order Summary
Have a promo code ?
Sub Total : $ {subTotal}
Discount{" "} (VELZON15) :{" "} - $ {dis}
Shipping Charge : $ {charge}
Estimated Tax (12.5%) : $ {tax}
Total (USD) : ${subTotal + charge + tax - dis}
{" "} Buying for a loved one?

Gift wrap and personalised message on card,
Only for $9.99 USD

); }; EcommerceCart.layout = (page:any) => export default EcommerceCart;