dev-chiefworks
46 lines
1.1 KiB
React
46 lines
1.1 KiB
React
|
|
|
|
'use client'
|
|
import React from 'react'
|
|
import Coupon from '../e-commerce/cart/Coupon';
|
|
import CartTotal from '../e-commerce/cart/CartTotal';
|
|
import CartProduct from '../e-commerce/cart/CartProduct';
|
|
|
|
export default function CartForm() {
|
|
const handleSubmit = (event) => {
|
|
event.preventDefault();
|
|
};
|
|
return (
|
|
<form className="cart-list-form" onClick={handleSubmit}>
|
|
<div className="table-responsive">
|
|
<table className="table">
|
|
<thead>
|
|
<tr>
|
|
<th colSpan="2">Product</th>
|
|
<th>Price</th>
|
|
<th>QTY</th>
|
|
<th>Total</th>
|
|
<th> </th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<CartProduct />
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{/* <!-- /.table-responsive --> */}
|
|
|
|
<div className="d-sm-flex justify-content-between cart-footer">
|
|
<Coupon />
|
|
{/* <!-- /.coupon-section --> */}
|
|
|
|
<div className="cart-total-section d-flex flex-column sm-pt-40">
|
|
<CartTotal />
|
|
</div>
|
|
</div>
|
|
{/* <!-- /.cart-footer --> */}
|
|
</form>
|
|
)
|
|
}
|