<!doctype html>
<html class="no-js" lang="zxx">

<head>
   
    <title>Cart</title>
   <?php include('head.php')?>
</head>

<body  class="cart_main_page">

    <div id="main-wrapper">
     <?php include('header.php')?>
     
       <div class="page-banner-section section bg-image">
            <div class="container">
                <div class="row">
                    <div class="col">
                        <div class="page-banner text-start">
                            <!--<h2>Shop</h2>-->
                            <ul class="page-breadcrumb">
                                <li><a href="index.php">Home</a></li>
                                <li>Cart</li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        
        <div class="cart_page">
            <div class="container"> 
                <div class="row">
        			<div class="col-lg-8 col-md-7 col-sm-12 col-12 mb-2">
        				<div class="cart-content">
        					<div class="row">
        						<div class="col-lg-12 col-12 p-0"><h5 class="cart__header">My Cart</h5></div>
        						<!--<div class="col-lg-6">-->
        						<!--	<div class="cart_pincode">-->
                                        <!--<input type="text" class="del_pincode" id="cart_pin" value="" maxlength="6" minlength="6" placeholder="Enter delivery pincode" onkeypress="if(event.which < 48 || event.which > 57 ) if(event.which != 8) return false;" autocomplete="off">-->
                                        <!--<button class="check_pin" id="pincode_btn"><b>Check</b></button>-->
                                        <!--<div id="pincode_msg"><small></small></div>-->
              <!--                      </div>-->
        						<!--</div>-->
        						<!-- cart product division start -->
        						<div class="row border-bottom">
            						<div class="col-lg-2 col-sm-4 col-5 pr-0  mb-2  pt-3">
            							<a href="product-details.php"><img src="assets/images/product/dec-pro-04.webp" class="img-fluid"></a>
            							<div class="qty-box cart_qty my-2">
                                            <div class="input-group" style="width: 100px;">
                                                <button type="button" class="btn quantity-left-minus minus" data-type="minus">
                                                    <i class="fa fa-minus" aria-hidden="true"></i>
                                                </button>
                                                <input type="text" name="quantity" id="" class="form-control input-number qty-input" value="1" max="10" readonly="">
                                                <button type="button" class="btn quantity-right-plus plus">
                                                    <i class="fa fa-plus" aria-hidden="true"></i>
                                                </button>
                                            </div>
                                        </div>
            						</div>
            						<div class="col-lg-6 col-7 pr-md-0  mb-2  pt-3">
            							<div><p>Boat Airdopes 121V2 Bluetooth Truly Wireless in Ear Earbuds with Mic</p></div>
            							<div class="size"><small><b>Size:</b> SM</small></div>
            							<div class="color"><small><b>Color:</b> Dark Blue</small></div>
            							<div class="seller"><small><b>Seller:</b> RetailNet</small></div>
            						</div>
            
            						<div class="col-lg-4 mb-2 pt-3 md-border-top-none sm-border-top-none">
            							<p>Delivery by 2 PM, Tomorrow | Free₹70</p>
            							<div class="d-flex justify-content-between mt-3">
            								<span>₹299.00 X 2</span> 
            								<span><b>₹598.00</b></span> 
            							</div>
            							<div class="mt-2 text-right">
            								<a href="javascript: void(0)" class="remove_cart text-danger text-center">REMOVE</a>
            							</div>
            						</div>
        						</div>
        						<!--  End cart product division -->
        
        						<!-- cart product division start -->
        						<div class="row border-bottom">
            						<div class="col-lg-2 col-sm-4 col-5 pr-0 mb-2 pt-3">
            							<a href="product-details.php"><img src="assets/images/product/dec-pro-04.webp" class="img-fluid"></a>
            							<div class="qty-box cart_qty my-2">
                                            <div class="input-group" style="width: 100px;">
                                                <button type="button" class="btn quantity-left-minus minus" data-type="minus">
                                                    <i class="fa fa-minus" aria-hidden="true"></i>
                                                </button>
                                                <input type="text" name="quantity" id="" class="form-control input-number qty-input" value="1" max="10" readonly="">
                                                <button type="button" class="btn quantity-right-plus plus">
                                                    <i class="fa fa-plus" aria-hidden="true"></i>
                                                </button>
                                            </div>
                                        </div>
            						</div>
            						<div class="col-lg-6 col-7 pr-md-0 mb-2 p pt-3">
            							<div><p>Boat Airdopes 121V2 Bluetooth Truly Wireless in Ear Earbuds with Mic</p></div>
            							<div class="size"><small><b>Size:</b> SM</small></div>
            							<div class="color"><small><b>Color:</b> Dark Blue</small></div>
            							<div class="seller"><small><b>Seller:</b> RetailNet</small></div>
            						</div>
            
            						<div class="col-lg-4 mb-2 pt-3  md-border-top-none sm-border-top-none">
            							<p>Delivery by 2 PM, Tomorrow | Free₹70</p>
            							<div class="d-flex justify-content-between mt-3">
            								<span>₹299.00 X 2</span> 
            								<span><b>₹598.00</b></span> 
            							</div>
            							<div class="mt-2 text-right">
            								<a href="javascript: void(0)" class="remove_cart text-danger text-center">REMOVE</a>
            							</div>
            						</div>
        					    </div>
        						<!--  End cart product division -->
        
        					</div>
        				</div>
        			</div>
        			<div class="col-lg-4 col-md-5 col-sm-12 col-12">
        				<div class="sidebar-block cart-total">
                            <form method="post">
                                <div class="form-group">
                                    <div class="coupons-base-content">
                                		<div><b>Apply Coupons</b></div>
                                	        <a href="javascript:void(0)" class="coupons-base-button btn" data-bs-toggle="modal" data-bs-target="#coupon-model">APPLY</a>
        
                                	</div>
                                </div>
                            </form>
                            <div class="ps-block__header"><h5>Cart Total</h5></div><hr>
                            <div class="ps-block__content">
                                <div>Total MRP<span>₹1,398.00</span></div>
                                <div>Discount on MRP<span>-₹999</span></div>
                                <div>Sub Total<span>₹399</span></div>
                                <div>Delivery Charges <span><small>Accroding to location</small></span></div>
                                <hr>
                                <div><h4>Total</h4><h4>₹399</h4></div>
                            </div>
                             <a href="checkout.php" class="btn_cart" style="background: #e1750c; color:#fff;">Proceed To Checkout</a>
                             <a href="javascript:void(0)" class="btn_cart btn_shopping">Continue Shopping</a>
                        </div>
        			</div>
        		</div>
            </div>
        </div>
        
        
      <!-- Bootstrap 5 Modal -->
        <div class="modal fade pr-0" id="coupon-model" tabindex="-1" aria-labelledby="couponLabel" aria-hidden="true">
          <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
        
              <div class="modal-header py-3">
                <h6 class="modal-title" id="couponLabel" style="line-height: 24px;">Apply Coupon</h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
        
              <div class="modal-body">
                <div class="coupon--code mb-3 d-flex">
                  <input type="text" class="form-control me-2 check_coupon" id="coupon_code" placeholder="Enter Coupon Code" autocomplete="off">
                  <button class="btn btn-outline-primary check_btn" id="apply_code">Check</button>
                </div>
        
                <!-- Optional message -->
                <!-- <div id="coupon_msg"><span class="text-danger">Invalid coupon code</span></div> -->
        
                <div class="coupon--card border p-3 rounded">
                  <div class="d-flex justify-content-between align-items-center mb-3">
                    <span class="coupon-base-labelChecked fw-bold text-primary">HMDECOR123</span>
                    <a href="javascript:void(0);" class="btn btn-sm btn-success apply_coupon">APPLY</a>
                  </div>
                  <div class="coupon__content">
                    <p>Save up to <span class="coupon-base-amount fw-bold">₹129</span></p>
                    <p>₹129 off on minimum purchase of ₹999.</p>
                    <!--<p>Applicable on only <b>STRIFF</b> brand.</p>-->
                    <p class="coupon-base-expiryBlock text-muted small mb-0">Expires on: 
                      <span class="coupon-base-expiryDate">31-05-2025</span> 
                      <span class="coupon-base-expiryTime">11:59 PM</span>
                    </p>
                  </div>
                </div>
              </div>
        
            </div>
          </div>
        </div>


  <?php include('footer.php')?>