<!DOCTYPE html>
<html>
<head>
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> -->
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport"
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link href="css/ionicons.css" media="all" rel="stylesheet" type="text/css">
<!-- <link rel="stylesheet" type="text/css" href="css/index.css"> -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
<title>Blue Grocer</title>
<style>
input:not([type]), input[type=text] {
background-color: transparent;
border: none;
/*border-bottom: 1px solid #9e9e9e;*/
border-radius: 0;
outline: none;
height: 3rem;
width: 100%;
font-size: 1rem;
margin: 0 0 20px 0;
padding: 0;
box-shadow: none;
box-sizing: content-box;
transition: all 0.3s;
}
</style>
<script>
$(document).ready( function(){
apply();
var coupon ='';
var shoppingCart = JSON.parse(localStorage['shopping-cart-items'].toString());
var total = localStorage.total;
console.log(total);
console.log(shoppingCart);
//alert(total);
$("#totalamount1").text(total);
$("#totalamount").text(total);
});
function apply(){
if (localStorage['coupon_applied'] != null ) {
$(".remove_coupon").removeClass('hide');
}
else{
}
}
</script>
</head>
<body>
<header class="header white-text pink-bg z-depth-1">
<div class="navbar">
<!-- <button class="pink-bg navigation button-collapse" data-activates="slide-out">
<i class="ion-android-menu pink-bg"></i>
</button> -->
<i class="ion-android-arrow-back" onclick="goBack()"></i>
<div class="header_name center">
<p><b>Apply Promo Code</b></p>
</div>
<!-- <h5 style="margin-left: 85px;">MY Cart</h5> -->
<button class="pink-bg navigation go-to-cart" onclick="window.location.href='cart.html'">
<i class="ion-android-cart pink-bg"></i>
</button>
</div>
</header>
<div class="main-container card" id="main-container" style="margin: 50px 0px 0px 0px;">
<div class="row promocode" style="padding:6px;margin: 10px;">
<p style="font-weight: bold;">Promo Code</p>
<div class="input-field col s8">
<!-- <label for="coupon">Enter Coupon code</label> -->
<input type="text" name="coupon" id="coupon" placeholder="Enter Coupon Code" style="background-color: #f5f5f5;">
</div>
<div class="col s4">
<button type="submit" class="waves-effect waves-light btn promobtn">Apply</button>
</div>
</div>
<div class="remove_coupon hide" style="margin:0px 0px 0px 0px;">
<p class="rcopon" id="cuponbtn" style="float: right;margin-top:7px;margin-right:9px;"><i class="fa fa-trash" aria-hidden="true"></i> Remove Coupon</p>
</div>
<div class="cart-summary card" >
<h5 class="third-color heading">Order Summary</h5>
<div class="subtotal total-container">
<span class="text">Sub-Total: </span>
<span class="price1">
<i class="fa fa-inr p-font" id="totalamount1"></i>
</span><br>
<span class="text1">Coupon: </span>
<span class="price2">
<i class="fa fa-inr p-font"></i>0.00
</span><br>
<span class="text2">Total:</span>
<span class="price3">
<i class="fa fa-inr p-font" id="totalamount"></i>
</span>
</div>
</div>
</div>
<!-- <script type="text/javascript" src="js/myfunctions.js"></script> -->
<script type="text/javascript">displayCoupon();</script>
<script>
function goBack() {
//total = localStorage.total;
window.history.back();
}
</script>
</body>
</html>