<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<title>Online Shopping for Women, Men, Kids Fashion & Lifestyle</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="google-site-verification" content="" />
<?php include 'top_command.php';?>
</head>
<body>
<?php include 'header.php';?>
<div class="page_breadcrumbs">
<div class="container">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="listing.html">Women </a></li>
<li><a href="listing-details.html">Product Details</a></li>
<li>Shopping Cart</li>
</ul>
</div>
</div>

<section class="cart_page">
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-8  col-xs-12">
<div class="cart_left">
<h1>Shopping Cart</h1>

<div class="alert product_added">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
Your shopping cart contains: 2 Product
</div>
<table>
<thead>
<tr>
<th>Product</th>
<th class="text-left">Unit Price </th>
<th class="text-center">QTY</th>
<th class="text-center">Total</th>
<th class="text-center">Remove</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="PRODUCT">
<div class="cart_image">
<a href="javascript:void()"><img src="designer/images/details/1.jpg"></a>
    </div>
<div class="cart_info">
<a href="javascript:void()">Women Burgundy & Gold-Toned Printed Straight Kurta</a>
<p>Burgundy and gold-toned printed straight kurta, has a round neck, three-quarter sleeves, straight hem, side slits</p>
</div>
</td>
<td class="text-center" data-label="UNIT PRICE">
<div class="price">
<div class="cart_off_label">20%off</div>
<span class="old_price"><i class="fa fa-inr"></i> 6000</span>
<i class="fa fa-inr"></i> 4800
</div>
</td>

<td class="text-center" data-label="QTY">
<div class="details_qty">
<input type="button" value="" class="minus" />
<input type="text" name="qty" id="qty" value="1" class="qty" maxlength="10">
<input type="button" value="" class="plus" />
</div>
</td>
<td class="text-center" data-label="TOTAL">
<div class="price">
<i class="fa fa-inr"></i> 4800
</div>    
</td>
<td class="text-center" data-label="REMOVE">
<a class="cart_remove" href="javascript:void()" title="remove"><i class="fa fa-remove"></i></a>
</td>
</tr>

<tr>
<td data-label="PRODUCT">
<div class="cart_image">
<a href="javascript:void()"><img src="designer/images/details/1.jpg"></a>
    </div>
<div class="cart_info">
<a href="javascript:void()">Women Burgundy & Gold-Toned Printed Straight Kurta</a>
<p>Burgundy and gold-toned printed straight kurta, has a round neck, three-quarter sleeves, straight hem, side slits</p>
</div>
</td>
<td class="text-center" data-label="UNIT PRICE">
<div class="price">
<div class="cart_off_label">20%off</div>
<span class="old_price"><i class="fa fa-inr"></i> 6000</span>
<i class="fa fa-inr"></i> 4800
</div>
</td>

<td class="text-center" data-label="QTY">
<div class="details_qty">
<input type="button" value="" class="minus" />
<input type="text" name="qty" id="qty" value="1" class="qty" maxlength="10">
<input type="button" value="" class="plus" />
</div>
</td>
<td class="text-center" data-label="TOTAL">
<div class="price">
<i class="fa fa-inr"></i>  4800
</div>    
</td>
<td class="text-center" data-label="REMOVE">
<a class="cart_remove" href="javascript:void()" title="remove"><i class="fa fa-remove"></i></a>
</td>
</tr>

</tbody>
</table>
<a class="shopping_btn" href="listing.php" title="Continue Shopping"><i class="fa fa-angle-left"></i> Continue Shopping</a>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4  col-xs-12">
<div class="cart_right_title">Coupons</div>
<div class="cart_right">
<form class="coupon_form">
<input class="form-control" placeholder="Enter coupon code" name="code" type="text" required="">
<button class="apply_btn" type="submit" name="submit">Apply</button>
</form>
<span class="coupons_text"><a href="javascript:void();">Log in</a> to see best coupons for you</span>
</div>
    
<div class="cart_right_title">Price Details</div>
<div class="cart_right">
<table class="table table-totals">
<tbody>
<tr>
<td>Price (2 item)</td>
<td><i class="fa fa-inr"></i> 9600</td>
</tr>
<tr>
<td>Discount Price</td>
<td>- <i class="fa fa-inr"></i> 200</td>
</tr>
<tr>
<td>Delivery Charges</td>
<td class="free">Free</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Amount Payable</td>
<td><div class="payable"><i class="fa fa-inr"></i> 9400</div></td>
</tr>
</tfoot>
</table>
<a class="order_btn" href="checkout.php" title="Place Order">Place Order</a>
<p class="safe_info"><i class="fa fa-shield"></i> Safe and Secure Payments. Easy returns. 100% Authentic products.</p>
</div>
</div>

</div>
</div>    
</section>

<?php include 'footer.php';?>
<?php include 'bottom_command.php';?>
<script>
var dqty = jQuery(".super-attribute-select").find("option:selected").attr("qty");
    var MAX_QTY = 10;
    var MIN_QTY = 1;
    jQuery(".super-attribute-select").change(function() {
        dqty = jQuery(".super-attribute-select").find("option:selected").attr("qty");
        if (typeof dqty == "undefined") {
            MAX_QTY = 10
        } else {
            MAX_QTY = dqty
        }
        jQuery("#qty").val(1)
    });
    jQuery(".plus").click(function() {
        if (typeof MAX_QTY == "undefined") {
            MAX_QTY = 10
        }
        var a = parseInt(jQuery(this).prev(".qty").val());
        if (!a || a == "" || a == "NaN") {
            a = 0
        }
        if (a < MAX_QTY) {
            jQuery(this).prev(".qty").val(a + 1)
        }
    });
    jQuery(".minus").click(function() {
        var a = parseInt(jQuery(this).next(".qty").val());
        if (a == "NaN") {
            a = 0
        }
        if (a > MIN_QTY) {
            jQuery(this).next(".qty").val(a - 1)
        }
    });
    </script>
</body> 
</html>